随笔分类 - [10]JS
-
bootstrap插件学习-bootstrap.scrollspy.js
摘要:bootstrap插件学习-bootstrap.scrollspy.js先看bootstrap.dropdown.js的结构function ScrollSpy(){} //构造函数ScrollSpy.prototype = {} //构造器的原型$.fn.scrollspy = function ( option ){} //jQuery原型上的自定义方法$.fn.scrollspy.Constructor = ScrollSpy // jQuery原型上的自定义方法$.fn.scrollspy.defaults = {} //默认参数$(function(){}) //初始化执行HTML结 阅读全文
-
仿百度输入框智能提示
摘要:仿百度输入框智能提示最近客户需求老是变更,不过有些是因为客户催得急,我没有那么快能完成,所以先做了一个雏形给他们,后来再慢慢改。比如雏形那里我做了一个下拉列表给他们,事实上他们的数据有200多条,用个下拉列表的话很不现实,你能找那么多?而且那个下拉列表该有多长啊?所以很自然的,我想到了百度那个智能提示的功能。参考了一下之前忘记是哪位大侠写的东西,他的是使用百度api的,为了简单起见,我把数据都定在了js那里,这样看官们容易理解一些。还是整个代码考上来吧,代码不长。 大家复制代码的时候记得把jquery... 阅读全文
-
bootstrap插件学习-bootstrap.dropdown.js
摘要:bootstrap插件学习-bootstrap.dropdown.js先看bootstrap.dropdown.js的结构var toggle = '[data-toggle="dropdown"]'//属性标记Dropdown = function(){} //构造器Dropdown.prototype = {} // 构造器的原型function clearMenus() // 自定义方法$.fn.dropdown = function ( option ){}//jQuery原型上的自定义方法$.fn.dropdown.Constructor = Dr 阅读全文
-
bootstrap插件学习-bootstrap.modal.js
摘要:bootstrap插件学习-bootstrap.modal.js先从bootstrap.modal.js的结构看起。function($){ var Modal = function(){} //构造器 Modal.prototype = function(){} //构造器的原型 function ..(){} //自定义方法 $.fn.modal = function(){} //在jQuery对象上自定方法 $.fn.modal.defaults = {} //设置默认属性 $.fn.modal.C... 阅读全文
-
angularjs移除不必要的$watch
摘要:angularjs移除不必要的$watch在我们的web page,特别是移动设备上,太多的angular $watch将可能导致性能问题。这篇文章将解释如何去移除额外的$watch提高你的应用程序性能。 $watch如果不再使用,我们最好将其释放掉,在angular中我们可以自由的选择在什么时候将$watch从$watch列表中移除。让我们来看个示例:app = angular.module('app', []);app.controller('MainCtrl', function($scope) {$scope.updated = 0;$scope.sto 阅读全文
-
基于easyui的webform扩展
摘要:基于easyui的webform扩展回顾 《前端基于easyui的mvc扩展》、《前端基于easyui的mvc扩展(续)》前两篇介绍了mvc内如何基于easyui进行扩展,在mvc里面有很多简化的语法可以让开发人员快速开发,既然我们已经对mvc进行了扩展,那么当然也不能漏掉了基础的web form了。首先我们来比较一下mvc和web form,如果前端不使用razor,都是用aspx页面的话,使用的语法是一样的,只是mvc内提供了HtmlHelper、Model、ViewData等来简化开发。 也就是说,如果我们使用如下的方式,其实在web form里面也是可行的,但是与mvc不同的是,w.. 阅读全文
-
JavaScript判断对象的类型
摘要:JavaScript判断对象的类型最近阅读了一些关于JavaScript判断对象类型的文章。总结下来,主要有constructor属性、typeof操作符、instanceof操作符和Object.prototype.toString()方法这四个方式来判断对象的类型。constructor属性构造函数预定义的constructor属性是构造函数本身。var Foo = function(){};Foo.prototype.constructor === Foo;//true通过new调用构造函数所生成的对象以构造函数的prototype属性为原型。虽然JavaScript中没有类的概念,但是 阅读全文
-
express 学习笔记
摘要:express 学习笔记首先把这个库加载下来npm install -g express这样会安装它所有依赖包,这个非常恐怖。这个框架要依赖这么多外来的东西,如果有一个不与时俱进就会拖累整个框架的质量。C:\windows\System32>npm install -g expressnpm http GET https://registry.npmjs.org/expressnpm http 304 https://registry.npmjs.org/expressnpm http GET https://registry.npmjs.org/commander/1.2.0npm h 阅读全文
-
Angular.js Services
摘要:Angular.js ServicesAngular带来了很多类型的services。每个都会它自己不同的使用场景。我们将在本节来阐述。 首先我们必须记在心里的是所有的services都是singleton(单例)的,这也是我们所希望得到的预期结果。下面让我开始今天的services之旅吧:Constant示例:app.constant('fooConfig', {config1: true,config2: "Default config2"}); constant是个很有用的东东,我们经常会用于对directive之类的做配置信息。所以当你想创建一个di 阅读全文
-
事件及事件的三种模型
摘要:事件及事件的三种模型一、开篇 在学习javascript之初,就在网上看过不少介绍javascript事件的文章,毕竟是js基础中的基础,文章零零散散有不少,但遗憾的是没有看到比较全面的系列文章。犹记得去年这个时候,参加百度的实习生面试,被问到事件模型,当时被问的一头雾水,平时敲onclick敲的挺爽,却没有关注到事件模型的整体概念。这个周末难得清闲,决定就javascript中的事件模型写个系列,算是对知识点的一个总结,也是对自己的一个交代。 初步计划分为以下几个部分: ① javascript事件的基本概念及基于原始、IE、DOM2的三种模型的异同点 ② javascript事... 阅读全文
-
JavaScript自定义事件
摘要:JavaScript自定义事件很多DOM对象都有原生的事件支持,向div就有click、mouseover等事件,事件机制可以为类的设计带来很大的灵活性,相信.net程序员深有体会。随着web技术发展,使用JavaScript自定义对象愈发频繁,让自己创建的对象也有事件机制,通过事件对外通信,能够极大提高开发效率。简单的事件需求事件并不是可有可无,在某些需求下是必需的。以一个很简单的需求为例,在web开发中Dialog很常见,每个Dialog都有一个关闭按钮,按钮对应Dialog的关闭方法,代码看起来大概是这样 Test Dialog这样在点击button的... 阅读全文
-
商品编辑1
摘要:商品编辑续商品编辑描述:主要是根据选中事件选中或取消,编辑DOM元素错做,增加,删除,修改。功能:用户选择某一个商品时,标记选中的商品,在商品栏中添加选中的商品并计算商品的总价钱。当用户取消选中商品或点击商品栏中的删除按钮时,删除对应的商品,取消商品的标记并重新计算价钱。在商品列表中ul(id:accradio)中,每一个li属性上记录商品的ID,price,name等等基本信息。在商品栏中ul(id:chooselist)中,记录li属性上的商品的ID,price,name等等基本信息。备注:在计算价钱时,由于javascript本身的bug,会显示有偏差。javscript中计算浮点数时有 阅读全文
-
事件的捕获-冒泡机制及事件委托
摘要:Javascript事件模型系列(二)事件的捕获-冒泡机制及事件委托一、事件的捕获与冒泡 由W3C规定的DOM2标准中,一次事件的完整过程包括三步:捕获→执行目标元素的监听函数→冒泡,在捕获和冒泡阶段,会依次检查途径的每个节点,如果该节点注册了相应的监听函数,则执行监听函数。以下面的HTML结构为例: 父亲 孩子 执行的流程应该是这样的: 下面是一组例子,分别点击孩子节点可以清楚的看到第三个参数的影响:父亲孩子父亲节点的监听函数在捕获阶段执行:var parent1 = document.getElementById('parentdiv1');var child1... 阅读全文
-
Query插件
摘要:推荐一些常用感觉不错的jQuery插件JQuery插件繁多,下面是个人在工作和学习中用到感觉不错的,特此记录。UI: jquery UI(官方的UI插件,很好很强大功能完备,灵活性很强,有十几套主题可供选择,但由于其中大量使用了CSS3,可能会对你造成兼容性的困扰) jQuery EasyUI(现在很受欢迎的一套UI,方便集成,但会有一些小问题,灵活性也有所不足,有些地方需要手动调整,前提是你要先从凌乱的代码中找到它的位置)布局: layout( 布局?css不就够了吗? 尝试下layout把,非常适合管理系统布局,它将会带给你意想不到的惊喜,全面的demo文档,入手再简单不过) ma... 阅读全文
-
jquery验证表单中的单选与多选
摘要:jquery验证表单中的单选与多选这里所说的,用jquery去验证某一组多选至少要有一个选中,某一组单选至少有一个选中,,大家都知道单一的一个用js比较好验证,但是想要用jquery的验证并且用到jquery验证的提示信息,那么这就不好办了。例如下的选项中,我们要求带*的是必选的,看图:看到上面网页没?业务办理渠道下的多选必须要选中一个,怎么办?如果一个都没有选中,在表单提交的时候我们就要去提示错误信息,,,。大家都知道jquery验证input是非常简单的,却很少要去验证多选或单选,而且还是一组组的验证,是分了组的,并非页面上的所有!!怎么办呢?不用jquery用其他的,可以吗?可以!!!不 阅读全文
-
JS中for循序中延迟加载实现动态效果
摘要:JS中for循序中延迟加载实现动态效果今天在做一个前端的效果的时候碰到一个棘手的问题,就是实现一个动态的圆柱效果,废话不多少,直接上代码。再看看HTML代码 实现的效果是这样的,我的意思不知道大家能不能明白,其实就是先定好这个圆柱的高度,然后用JS动态的从0往上升,最好达到设定好的高度分类:javascript标签:js循环中延迟,js动态加载圆柱,... 阅读全文
-
兼容的placeholder属性
摘要:兼容的placeholder属性作为一个.net后台开发的程序猿,博客里既然大多都是前端相关的博文。是不是该考虑换方向了,转前端开发得了 ...小小吐槽一下,近期受该不该跳槽所困惑,我有选择困难症!继续前端,这次说一下输入框placeholder这个属性。html5 的新属性,就是在输入框没输入值的时候,显示的提示文字(自己的理解),例如:貌似很好用,但也只能在支持 html 的浏览器版本中显示,而对于不能支持的浏览器版本,让我这种极力追求完美的开发者来说是很不舒服的一件事。上网找了很多资料,有很多大牛人都已经有了解决方案了,不过或多或少都有些缺陷,这里我做一个整合和修改:(忘记看了多少别人的 阅读全文
-
javascript深入理解js闭包
摘要:javascript深入理解js闭包一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。Js代码 var n=999; function f1(){ alert(n); } f1(); // 999另一方面,在函数外部自然无法读取函数内的局部变量。Js代码 function f1(){ var n=999; } alert(n); // error这里有一个地方需要注意,函数内部声明变量的时候,一定要使用var命令。如果不用的... 阅读全文
-
淘宝ued - 前端智勇大闯关(第三季)答案(更新)
摘要:淘宝ued - 前端智勇大闯关(第三季)答案(更新)下午在微博上看到了淘宝智勇大闯关第三季的信息,感觉挺有意思的,于是就尝试做了下。附上题目地址:http://ued.campus.alibaba.com/quiz3/index.php也可到独立博客查看:前端智勇大闯关(第三季)答案第1题 突破,带锁的门方法1这题相对比较简单,查看源码即可看到提示信息:1 只要在控制台里多次调用powder.blow()函数即可看到图片上的指纹信息。然后尝试组合这几个数便可过关。如下图所示:方法2另一种比较简单的方法就是加断点监控pwd的值,如下图所示,答案就是数组里的三个数字:第2题 激光,前进的方向这题主 阅读全文
-
Inspired by 博客园 打造自己的博客
摘要::Inspired by 博客园 打造自己的博客 其实一直想做自己的代码,意思很简单,就是属于自己的东西,把握住的时候会更有感觉。 在天朝一般程序员都是机器,到了公司是不会给你机会展现idea的,一切都是安排好的业务逻辑,数据库结构,你没那本事,也没资格和公司中的“老人”竞争所谓的“创新”。所以还是业余的时候找回属于自己的青春吧。 在家打dota是一天,写代码也是一天,还是写代码实际一些吧,马上就进入社会了。。 下面讲讲我的博客如何制作出来的: 因为学习的东西很少,课下看的东西也算不多,所以只是在Bootstrap,渴切,NEC这些开源的世界里找到了归属。基本的html + css布局学会了以 阅读全文