随笔分类 - JS/JQUERY
摘要：我们知道，js函数有多种写法，函数声明 ，函数表达式，Function式构造函数，自执行函数，包括Es6的箭头函数，Class类写法,高阶函数，函数节流/函数防抖，下面我就开始讲关于上面几种类型的最基本用法。 函数声明式写法 这种写法是最基本的写法 ，使用关键字 function 定义函数，函数声明
阅读全文
摘要：我们常用的两种编程模式 POP--面向过程编程(Process-oriented programming) 面向过程编程是以功能为中心来进行思考和组织的一种编程方法，它强调的是系统的数据被加工和处理的过程，在程序设计中主要以函数或者过程为程序的基本组织 方式，系统功能是由一组相关的过程和函数序列构成
阅读全文
摘要：代码如下： 效果预览: demo下载地址
阅读全文
摘要：在实际的项目中，能用别人写好的插件实现相关功能是最好不过，为了节约时间成本，因为有的项目比较紧急，没充分时间让你自己来写，即便写了，你还要花大量时间调试兼容性。但是出于学习的目的，你可以利用闲暇时间，自己动手写写，看一些原生js的东西，根据自己的思路做插件，这样能提高水平。 说到autotemp...
阅读全文
摘要：算了一下又有好几个月没写博客了，最近在忙公司android的项目，所以也就很少抽时间来写些东西了。刚闲下来，我就翻了翻之前看的东西。做了android之后更加感觉到手机端开发的重要性，现在做native App和Web App是主流，也就是说现在各种基于浏览器的web app框架也会越来越火爆...
阅读全文
摘要：好几个月没写博客了，一直在赶项目。项目现在终于处于稳定的状态，只是修修改改。作为后台程序员的我真是苦逼啊，从web到手机端接口我都得写，杂七杂八的事情。。。这两天终于闲下来了，没事儿看了一下关于js日期的一些函数，突然想到了日历控件，于是试着写了一个，作为后台程序员的我水平有限，大家抱着学习的态度...
阅读全文
摘要：js里面设置DOM节点透明度的函数属性：filter= "alpha(opacity=" + value+ ")"（兼容ie）和opacity=value/100（兼容FF和GG）。先来看看设置透明度的兼容性代码：function setOpacity(ele, opacity) { if ...
阅读全文
摘要：好多地方都会用到这样一个效果“点击tab切换内容页”,根据自己的想法实现了一下，写了个简单的插件。以前写代码都是标准的函数式编程，现在觉得面向对象编程看起来比较爽，并且更容易维护，于是就用oop的思想写了这个功能。这里有两个文件change.js和test.html，内容有注释，就直接上代码了。js...
阅读全文
摘要：在C# 和Java里面我们如果想使用哪一个功能类就要引用相应的命名空间。如C#里面有个System.Web.UI库，我们就要用using System.Web.UI;,之后我们就可以用到ScriptManager这个类了。 js里面其实是不纯在所谓的命名空间的，只是以对象字面量的方式展示出这种效果。...
阅读全文
摘要：在Jquery里面，我们用的最多的就是事件绑定了，事件绑定有多个函数。例如：bind，one,live,delegate等等。我们先看看他们的定义，直接进入主题：bind( )方法用于将一个处理程序附加到每个匹配元素的事件上并返回jQuery对象。.bind(eventType[, evnetDat...
阅读全文
摘要：讲到ajax这个东西，我们要知道两个对象XMLHTTPRequest和ActiveXObject ，提供了对 HTTP 协议的完全的访问，包括做出 POST 和 HEAD 请求以及普通的 GET 请求的能力。可以同步或异步返回 Web 服务器的响应，并且能以文本或者一个 DOM 文档形式返回内容。XMLHTTPRequest基本上算是标准化了，兼容大部分浏览器ActiveXObject这玩儿意儿是微软的东西，所以是为了兼容IE版本，我们用的只是它的xmlHTTP功能。 为了功能的明确和清晰，我们把这个ajax代码分为5个部分：对象的创建 onreadystatechange句柄处理参数拼接Ge
阅读全文
摘要：之前讲了一部分揭秘系列的东西，由于年初的时候在改项目，也没有写下去。现在开始闲下来了，会继续写没写完的东西，各种原生js实现Jquery的功能。转入正题，说一下今天要讲的东西。相信很多tx在项目里面写过这样的js代码: $("#..").click(function(){ var val=$("#..").val(); if(!val) { alert('.......'); return false; } if(!/...../.test(val)) { alert('.......'); return false; }
阅读全文
摘要：了解js的都知道， 有个typeof 用来判断各种数据类型,有两种写法：typeof xxx ,typeof(xxx) 如下实例： typeof 2 输出 number typeof null 输出 object typeof {} 输出 object typeof [] 输出 object typ
阅读全文
摘要：前面我们扩展了bind方法和ready函数，这次我要讲一下$.fn.extend 和$.extend函数。其他的不多说，直接切入主题吧！先来看看这两个函数的区别： $.fn.extend是为查询的节点对象扩展方法，是基于$的原型扩展的方法 $.extend是扩展常规方法，是$的静态方法。我们之前写的代码看一下： (function (win) { var _$ = function (selector, context) { return new _$.prototype.Init(selector, context); ...
阅读全文
摘要：讲这一节之前，先回顾之前的一篇《小谈Jquery》里面的代码： (function (win) { var _$ = function (selector, context) { return new _$.prototype.Init(se...
阅读全文
摘要：现在Jquery框架对于开发人员基本上是无人不知，无人不晓了，用起来十分的方便，特别是选择器十分强大，提高了我们的开发速度。但是好多人也只是停留在了会用的基础上，我个人觉得会用一个框架不算什么，只能说明你对那个框架比较熟悉，知道里面的思想和实现才是王道。有好多大牛对Jquery框架进行了剖析，今天我...
阅读全文
摘要：在Jquery里面，我们可以看到两种写法:$(function(){}) 和$(document).ready(function(){}) 这两个方法的效果都是一样的，都是在dom文档树加载完之后执行一个函数（注意，这里面的文档树加载完不代表全部文件加载完）。 而window.onload是在dom
阅读全文
摘要：说这个话题之前，我们来讲一下C#的linq 语法。在C#里面我们会对列表进行操作，如OrderBy(p=>p.property),Where(p=>p.property==..)括号里面的就是所谓的lamda表达式。下面我们就来实现对js里面对象数组的类似操作。先说一下思想：在代码中先用一个占位符替代，最后动态的替代占位符express，然后将替代占位符后的函数的字符窜代码用eval()执行一下，成为一个有效的函数。代码如下： 1 var query = function (exp, isAsc) { 2 var isArray = function (que...
阅读全文
摘要：随着时代的变化，越来越感觉到js的重要性，js不仅可以做web页面(如Ext框架)，还可以做一些web的特效，这些特效不仅兼容PC，而且兼容手机端，毕竟是基于浏览器的，和平台没关系。现在微软的windows8 系统的App都可以用js开发了，大家有时间可以去尝试一下。现在切入正题，说一下js实现可...
阅读全文
摘要：看了一段时间关于js原型的知识，js的扩展方法是基于原型的，如Array.prototype.XXXX就是给Array扩展XXX方法，然后数组都能使用这个方法了。在对象数组里面经常有根据属性来进行排序的，升序，降序的，于是自己就想写一个类似于C#里面的orderBy的方法，代码如下： Array.prototype.OrderByAsc = function (func) { var m = {}; for (var i = 0; i < this.length; i++) { for (var k = 0; k < this.length; k++) { if (func(thi
阅读全文