jQuery 2.0.3 源码分析之core（一）整体架构

2016年07月27日 9 阅读

拜读一个开源框架，最想学到的就是设计的思想和实现的技巧。废话不多说，jquery这么多年了分析都写烂了，老早以前就拜读过，不过这几年都是做移动端，一直御用zepto, 最近抽出点时间把jquery又给扫一遍我也不会照本宣科的翻译源码，结合自己的实际经验一起拜读吧！github上最新是jquery-master，加入了AMD规范了，我就以官方最新2.0.3为准整体架构jQuery框架的核心就是从HTML文档中匹配元素并对其执行操作、例如：复制代码 代码如下:...

javaScript使用EL表达式的几种方式

2016年07月27日 9 阅读

1.可以使用双引号将EL表达式括起来，这个不是对所有的都行，只对适合${param}这种类型 2.可以将其作为javaScript中的函数的参数。 3.使用隐藏表单域将值传过去原理和（1）是一样的！...

Node调试工具JSHint的安装及配置教程

2016年07月27日 12 阅读

现在我们介绍一种在Node下检查简单错误的JS代码验证工具JSHint。 JSHint的具体介绍参考http://www.jshint.com/about/，说直白点儿，JSHint就是一个检查JS代码规范与否的工具，它可以用来检查任何（包括server端和client端）地方的JS代码的规范性。它提供了配置的方法，从而让开发者自己来定义检查哪些规范上的错误。这就给开发者带来了很大的便利性，因为在开发过程中，尤其是在团队开发过程中会经常遇到各种各样因不符...

JavaScript作用域链示例分享

2016年07月27日 9 阅读

JavaScript只有函数作用域；每个函数都有个作用域链直达window对象。变量的查找由内而外层层查找，找到即止。同时不仅可以查找使用，甚至可以改变外部变量。复制代码 代码如下:var color = "blue";function changeColor（） { var anotherColor = "red"; function swapColors（） { var tempColor = anotherColor; anotherColor = ...

JavaScript数值数组排序示例分享

2016年07月27日 9 阅读

但是，我们在使用中就会发现问题，这里的数组排序方法并不是按照我们想像中的数字大小来排序的，而是按照字符串测试结果改变原先的数据。这并不是我们想要的。那么如何才可以得到我们想要的按照我们思维中的数字大小来排序呢。我们可以自己编写一个函数来实现。 复制代码 代码如下:var values = [0, 1, 5, 10, 15];// asc升序函数function compareAsc（value1, value2） { if （value1 > val...

js打开windows上的可执行文件示例

2016年07月27日 9 阅读

创建htm文件把下面代码粘贴进去打开测试即可 复制代码 代码如下: <script> function openjsb（）{ var shell = new ActiveXObject（"WSCRIPT.Shell"）; shell.Run（"D:\IP最新.xls",1）; } </script> <a href="javascript:openjsb（）">打开</a> ...

什么是cookie？js手动创建和存储cookie

2016年07月27日 9 阅读

什么是cookie？ cookie 是存储于访问者的计算机中的变量。每当同一台计算机通过浏览器请求某个页面时，就会发送这个 cookie。你可以使用 JavaScript 来创建和取回 cookie 的值。 有关cookie的例子： 名字 cookie 当访问者首次访问页面时，他或她也许会填写他/她们的名字。名字会存储于 cookie 中。当访问者再次访问网站时，他们会收到类似 "Welcome John Doe！" 的欢迎词。而名字则是从 cookie ...

js判断浏览器类型,版本的代码（附多个实例代码）

2016年07月27日 9 阅读

在网站前端开发中，浏览器兼容性问题本已让我们手忙脚乱，Chrome的出世不知道又要给我们添多少乱子。浏览器兼容性是前端开发框架要解决的第一个问题，要解决兼容性问题就得首先准确判断出浏览器的类型及其版本。 JavaScript是前端开发的主要语言，我们可以通过编写JavaScript程序来判断浏览器的类型及版本。JavaScript判断浏览器类型一般有两种办法，一种是根据各种浏览器独有的属性来分辨，另一种是通过分析浏览器的userAgent属性来判断的。在许...

jQuery 1.9使用$.support替代$.browser的使用方法

2016年07月27日 10 阅读

jQuery 从 1.9 版开始，移除了 $.browser 和 $.browser.version ， 取而代之的是 $.support 。 在更新的 2.0 版本中，将不再支持 IE 6/7/8。 以后，如果用户需要支持 IE 6/7/8，只能使用 jQuery 1.9。 如果要全面支持 IE，并混合使用 jQuery 1.9 和 2.0， 官方的解决方案是：复制代码 代码如下:<！--[if lt IE 9]> <script sr...

js代码判断浏览器种类IE、FF、Opera、Safari、chrome及版本

2016年07月27日 10 阅读

因为ie10-ie11的版本问题，不再支持document.all判断，所以ie判断函数要重新写了function isIE（） { //ie?if （！！window.ActiveXObject || "ActiveXObject" in window）return true;elsereturn false;}第一种，只区分浏览器，不考虑版本 复制代码 代码如下:function myBrowser（）{ var userAgent = nav...

最短的IE判断var ie=！-[1,]分析

2016年07月27日 9 阅读

以前最短的IE判定借助于IE不支持垂直制表符的特性搞出来的。复制代码 代码如下:var ie = ！+"v1";仅仅需要7bytes！参见这篇文章，《32 bytes, ehr ... 9, ehr ... 7！！！ to know if your browser is IE》，讲述外国人是如何把IE的判定从32 bytes一步步缩简成7 bytes！的故事但这纪录今年1月8日被一个俄国人打破了，现在只要6 bytes！它利用了IE与标准浏览器在处理数组的...

浅析JavaScript基本类型与引用类型

2016年07月27日 9 阅读

对于 JavaScript 类型，可以简单地概括为：相对于强类型语言来说，它是弱（松散）类型的语言；有基本类型和引用类型，他们是区别是一个有固定空间存在于栈内存中，一个没有固定空间保存在堆内存中并且在栈内存中保存了一个指向实现位置的指针。市面上很多书都有不小的篇幅在讲。这篇文章会讲几个方面，这些方面可能会需要你对 JavaScript 已经有了一些简单的了解，特别是 JavaScript 的类型。如果还不一解，可以随手拿起一本关于 JavaScript 的...

用html5 js实现点击一个按钮达到浏览器全屏效果

2016年07月27日 10 阅读

项目中需要将后台浏览器的窗口全屏，也就是我们点击一个按钮要实现按F11全屏的效果。 在HTML5中,W3C制定了关于全屏的API，就可以实现全屏幕的效果，也可以让页面中的图片，视频等全屏目前只有google chrome 15 +, safri5.1+,firfox10+,IE11支持全屏 var docElm = document.documentElement;//W3C if （docElm.requestFullscreen） { docElm.r...

node.js Web应用框架Express入门指南

2016年07月27日 12 阅读

一、安装复制代码 代码如下:$ npm install express或者在任何地方使用可执行的 express（1） 安装：复制代码 代码如下:# 译注：强烈建议这种方式$ npm install -g express二、快速上手最快上手 express 的方法是利用可执行的 express（1） 来生成一个应用，如下所示：创建一个 app：复制代码 代码如下:$ npm install -g express$ express /tmp/foo && c...

现代 JavaScript 开发编程风格Idiomatic.js指南中文版

2016年07月27日 9 阅读

你为项目所择风格都应为最高准则。作为一个描述放置于你的项目中，并链接到这个文档作为代码风格一致性、可读性和可维护性的保证。一、空白1.永远都不要混用空格和Tab。2.开始一个项目，在写代码之前，选择软缩进（空格）或者 Tab（作为缩进方式），并将其作为最高准则。a）.为了可读, 我总是推荐在你的编辑中设计2个字母宽度的缩进 — 这等同于两个空格或者两个空格替代一个 Tab。3.如果你的编辑器支持，请总是打开 “显示不可见字符” 这个设置。好处是：a）.保证...

JS中使用Array函数shift和pop创建可忽略参数的例子

2016年07月27日 10 阅读

在 JS Array 中支持两个方法，shift（） 和 pop（），分别是指从一个数据中的最前面和最后面删除一个值，并返删除值。看一个示例就明白了：复制代码 代码如下:var arr = ["s","o","f","i","s","h"];arr.shift（）; // 返回 "s"arr; // 目前是 ["o","f","i","s","h"]arr.pop（） // 返回 "h"arr // 目前是 ["o","f","i","s"]在很多 JS ...

NodeJS Express框架中处理404页面一个方式

2016年07月27日 11 阅读

在用 Express 的时候，路由是我最困惑的事之一。知道用 app.get（"*"） 可以处理所有页面，但这样除了自定义的其他路由外，静态文件是被忽略的。最近在写一个小工具的时候，找到了一个解决方案：复制代码 代码如下:var express = require（"express"）, router = require（"./routes"）; var app = module.exports = express.createServer（）;// Co...

一个奇葩的最短的 IE 版本判断JS脚本

2016年07月27日 9 阅读

使用 conditional comment 来判断 IE 的版本。嗯，是早早有人提出，但没有认真看代码。昨天刚好在看 CSS3 PIE 的时候看到，觉得是不是不靠谱。今天看到 Paul Irish 也提起，那么，推荐一下吧。这是作者博客上写的：复制代码 代码如下:// ----------------------------------------------------------// A short snippet for detecting ver...

22点关于jquery性能优化的建议

2016年07月27日 9 阅读

首先，在脑子里牢牢记住 jQuery 就是 javascript。这意味着我们应该采取相同的编码惯例，风格指南和最佳实践。首先，如果你是一个 javascript 新手，我建议您阅读 《24 JavaScript Best Practices for Beginners》， 这是一篇高质量的 javascript 教程，接触 jQuery 之前最好先阅读。当你准备使用 jQuery，我强烈建议你遵循下面这些指南:1. 缓存变量DOM 遍历是昂贵的，所以尽量...

HTML页面登录时的JS验证方法

2016年07月27日 9 阅读

开发一个注册的HTML页面， 用于搜集用户的注册信息。包括： 姓名（不能为空）， 年龄（必须超过17岁）， 体重（30-150kg）， 班级（下拉列表），登陆密码（至少8位长）、确认密码（和登录密码一致），Email（不能为空） , 电话，QQ， 个人简历等信息。 并针对这些表的元素来创建相应的验证，如果检测到错误， 在输入框后面用红色的字显示错误。要用到前面几节学习过的单行文本输入框text、下拉列表框select、密码输入框password、多行文本输...