使用AngularJS实现可伸缩的页面切换的方法

2017年02月06日 12 阅读

AngularJS 1.2 通过引入基于纯CSS class的切换和动画，在一个单页面应用创建页面到页面的切换变得更加的容易。只需要使用一个ng-view，让我们来看一下，一个引入众多的不同切换的可伸缩方法，以及指定的每个页面如何切入和切出。演示: http://embed.plnkr.co/PqhvmW/preview首先，标记： <div class="page-container"><div ng-view class="page-...

使用AngularJS创建单页应用的编程指引

2017年02月06日 13 阅读

概述单页应用现在越来越受欢迎。模拟单页应用程序行为的网站都能提供手机/平板电脑应用程序的感觉。Angular可以帮助我们轻松创建此类应用简单应用我们打算创建一个简单的应用，涉及主页，关于和联系我们页面。虽然Angular是为创建比这更复杂的应用而生的，但是本教程展示了许多我们在大型项目中需要的概念。目标 单页应用 无刷新式页面变化 每个页面包含不同数据虽然使用Javascript和Ajax可以实现上述功能，但是在我们的应用中，Angular可以使我们处理更...

移除AngularJS下URL中的#字符的方法

2017年02月06日 12 阅读

AngularJS 默认将会使用一个 # 号来对URL进行路由.例如: http://example.com/ http://example.com/#/about http://example.com/#/contact要获得干净的URL并将井号从URL中移除是很容易的.完成两件事情就行了. 配置 $locationProvider 设置我们的相对连接的起点路径$location 服务在Angular中, $location服务会解析地址栏中的URL，并...

JQuery实现的图文自动轮播效果插件

2017年02月06日 13 阅读

本文实例讲述了JQuery实现的图文自动轮播效果插件。分享给大家供大家参考。具体如下：intervalID = setInterval（cycleImage, slidetime）;$（".main_image .desc"）.show（）; // 展示图片$（".main_image .block"）.animate（{ opacity: 0.85 }, 1 ）; // 设置透明度//点击和悬停事件$（".image_thumb ul li:first"...

jquery实现的代替传统checkbox样式插件

2017年02月06日 14 阅读

本文实例讲述了jquery实现的代替传统checkbox样式插件。分享给大家供大家参考。具体如下：效果图如下：具体代码如下：（function（$）{$.fn.tzCheckbox = function（options）{// Default On / Off labels:options = $.extend（{labels : ["ON","OFF"]},options）;return this.each（function（）{var original...

jQuery实现带滚动导航效果的全屏滚动相册实例

2017年02月06日 12 阅读

本文实例讲述了jQuery实现带滚动导航效果的全屏滚动相册。分享给大家供大家参考。具体如下：运行效果图如下：主要代码如下：$（function（） {//加载时的图片var $loader= $（"#st_loading"）;//获取的ul元素var $list= $（"#st_nav"）;//当前显示的图片var $currImage = $（"#st_main"）.children（"img:first"）;//加载当前的图片//同时显示导航的项$（"...

jQuery实现文本框输入同步的方法

2017年02月06日 12 阅读

本文实例讲述了jQuery实现文本框输入同步的方法。分享给大家供大家参考。具体如下：这段jquery代码可以保持一个文本框输入的同时另外一个文本框与之同步var $inputs = $（".example-input"）;$inputs.keyup（function（） { $inputs.val（$（this）.val（））;}）;希望本文所述对大家的jQuery程序设计有所帮助。...

jquery分析文本里url或邮件地址为真实链接的方法

2017年02月06日 12 阅读

本文实例讲述了jquery分析文本里url或邮件地址为真实链接的方法。分享给大家供大家参考。具体如下：这段代码可以分析出文本里的所有超级链接，包含邮件、url、#链接等等，并分别输出为真实链接地址$.fn.tweetify = function（） { this.each（function（） {$（this）.html（ $（this）.html（）.replace（/（（ftp|http|https）://（w+:{0,1}w*@）?（S+）（...

浅谈javascript构造函数与实例化对象

2017年02月06日 12 阅读

前言--讲在前面我想有很多以前很少接触后台编程语言的初学者朋友跟我一样，对javascript里面一系列的“名词”搞的一头雾水。好像大概知道讲的是什么，但其实理解的还是不清楚；我想，学习任何一种知识，首当其冲应该把最基本的名词解释搞清楚（知道它讲的到底是什么，有助于我们更好的理解它。）即知其然知其所以然，这样对以后的进阶学习是很有帮助的。下面的简单讲一下我自己对这样一些看似不重要但又不得不清楚的知识点的理解。（若有出入，欢迎指正）1.什么是构造函数构造函数...

javascript中使用new与不使用实例化对象的区别

2017年02月06日 15 阅读

我们先来看个实例function Me（name,age,job）{this.name = name;this.age = age;this.job = job;}请问这以下两种实例化对象方式有什么区别呢？var mefun1 = new Me（"fei","20","it"）;var mefun2 = Me（"fei","20","it"）;简单的说第一种是构造函数式，即通过new运算符调用构造函数Function来创建函数第二种不是实例化，只是调用函数...

JavaScript创建闭包的两种方式的优劣与区别分析

2017年02月06日 12 阅读

通常JavaScript创建闭包比较常用的有两种方式。构造函数方式:new function（） { var 变量... } 内联执行方式：（function（） { var 变量... }）（）; 在JavaScript内部运行机制下他们有什么区别？用哪种方式创建比较好？它与其它方式创建的闭包相比有什么优势？我是这样理解的：区别：第一个：子方法可以共享变量第二个：内部子方法共享变量比较：我认为内联的比较好；优势：一般内联的创建是按需索要内存，因为只是局部...

js闭包所用的场合以及优缺点分析

2017年02月06日 12 阅读

先上段代码：//函数afunction a（）{var i=0;//函数bfunction b（）{alert（++i）;}return b;}//函数cvar c = a（）;c（）;代码特点：1、函数b嵌套在函数a内部；2、函数a返回函数b。代码中函数a的内部函数b，被函数a外面的一个变量c引用的时候，这就叫创建了一个闭包。有时候函数b也可以用一个匿名函数代替来返回，即return function（）{};优点：1.保护函数内的变量安全,加强了封装性...

浅谈js 闭包引起的内存泄露问题

2017年02月06日 12 阅读

在js闭包中，可以定义“局部变量”，但是外部去调用的话，尤其是反复调用赋值，会造成内存的大量开销。如何防止这种现象的发生？关于闭包还有没有类似的内存或效率问题需要注意？如何去规避？内存问题可能是如下原因造成：1. 循环引用导致了内存泄漏2. 由外部函数调用引起的内存泄漏避免内存泄漏1. 打破循环引用2. 添加另一个闭包3. 避免闭包自身以上所述就是本文的全部内容了，希望大家能够喜欢。...

jquery中toggle函数交替使用问题

2017年02月06日 12 阅读

html中有几个btn触发toggle函数，想要实现的功能是：点击每个toggle时将其他toggle函数的计数全部清零，试过removedata不起作用，是否有更好的办法呢给大家一个实例来参考下吧请参考这个：jsp页面<li><label class="labelText">统计类型：</label><span class="sortBox"><a href="javascript:;" data-t...

jquery中ready（）函数执行的时机和window的load事件比较

2017年02月06日 12 阅读

jquery的ready（）实现的是 DOMContentLoaded 事件，DOMContentLoaded与window load事件的区别简单的说ready（）是在文档加载完成就会触发,此时图片等资源可能还没有完全加载, load是在所有资源都加载完成后才会触发看下ready函数的代码就什么都清楚了。下面的代码加上了注释：// Handle when the DOM is readyready: function（） {// Make sure th...

jquery 中ajax执行的优先级

2017年02月06日 12 阅读

今天在做用户注册时：发现了一个奇怪的问题，请看代码：$（"input[name="username"]"）.blur（function（）{//验证格式var pattern = /^[a-z][w]{4,11}$/i;if（！pattern.test（$（this）.val（））） {$（this）.siblings（".desc"）.html（"<font style="color:red;">5-12个字符，必须以字母开头，只能输入数字，...

浅谈jquery中delegate（）与live（）

2017年02月06日 12 阅读

delegate（） 方法为指定的元素（属于被选元素的子元素）添加一个或多个事件处理程序例如给id是showspan的div中的span标签添加事件<div id="showspan"><span>showspan**showspan</span></div><span>outspan</span><SCRIPT LANGUAGE="JavaScript"><！--/...

javascript中传统事件与现代事件

2017年02月06日 12 阅读

大家都知道，IE中的现代事件绑定（attachEvent）与W3C标准的（addEventListener）相比存在很多问题，例如：内存泄漏，重复添加事件并触发的时候是倒叙执行等。下面是用传统事件的方法来处理封装事件的绑定：addEvent.ID = 1;// 事件计数器function addEvent（obj, type, fn）{if（obj.addEventListener）{obj.addEventListener（type, fn, false...

简介可以自动完成UI的AngularJS工具angular-smarty

2017年02月06日 12 阅读

我们最近为我们的论坛增加了一个自动完成功能（称为Smarty），在要求专业人员简介的主页上。这是一个超有用的功能，因为它有助于我们将用户导航到他们真正想去的地方。它很有意思，也是用AngularJS构建的！我们希望Smarty能够: 通过用户的给定输入 （一个前缀），通过一个HTTP请求后自动提供建议 显示一个建议的下拉列表 当用户输入时更新 足够快，能够跟得上用户的输入 导航直观且能够关闭 可重用以往没有AngularJS的经验，这个项目是我使用这个框架...

浅谈setTimeout 与 setInterval

2017年02月06日 12 阅读

最新写代码中时，看到项目中有人用到了 setTimeout（fun,0），于是想总结一下。个人理解，如果有错误的地方还请指出。THX 要想理解JavaScript的定时器是如何工作的，先要明白 JavaScript 引擎是单线程的。这个可以理解为 javascript 引擎是一个服务员，它有一个服务的队列，所有的界面元素事件,定时触发器回调，异步请求回调都要在这个任务队列里排队，等待处理。所有任务都是一个最小单位，不会中断处理。这样就可以理解 setTi...