2017年01月_天崩地裂金刚不坏

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创深入理解jquery中extend的实现

Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，下面来看看详细的介绍吧。通常我们使用jquery的extend时，大都是为了实现默认字段的覆盖，即若传入某个字段的值，则使用传入值，否则使用默认值。如下面的代码：?123456789101112function

2017-01-25 10:56:43 354

转载 RxJS 是个什么鬼？听说很腻害

http://www.oschina.net/translate/rxjs-streams

2017-01-24 15:55:20 828

原创 require() 源码解读

http://www.ruanyifeng.com/blog/2015/05/require.html

2017-01-24 11:44:19 255

原创 vue2.0学习之使用常量替代 Mutation 事件类型释义

es6花样不少，不熟悉的话怎么看总感觉有问题。于是。import Vuexfrom'vuex'import{ SOME_MUTATION}from'./mutation-types'const store =newVuex.Store({ state:{...}, mutations:{// 我们可以使用 ES2015 风格的计算

2017-01-23 11:05:16 6946

转载 jQuery pjax 应用简单示例

https://github.com/defunkt/jquery-pjax！　　ajax缺点是破坏了浏览器的前进后退，因为ajax的请求不会留在历史记录中。pjax就不一样了，pjax被解释成ajax+pushState的封装，因为它把ajax的请求写入历史记录，并反映在地址栏，这样用户就能愉快地使用前进后退了。pjax有好几个实现方法，这里使用最常用的jQuery库，使用jquery.

2017-01-22 16:11:36 481

原创 jQuery的get和eq的区别

This just a test. So is this jQuery function jq(){alert($("p").get(1).innerHTML);//弹出So is this .. 下标从0开始} function jq(){alert($("p").eq(1).html());

2017-01-22 15:31:02 379

转载 JavaScript中判断鼠标按键(event.button)

div id="test">div>script> document.oncontextmenu=function(){ return false; }; var oDiv=document.getElementById("test"); oDiv.onmousedown=function(e){ e= e || window.ev

2017-01-22 15:15:27 500

转载 js与jq中的事件委托或是事件代理详解

http://www.cnblogs.com/liugang-vip/p/5616484.html

2017-01-22 14:53:41 825

原创 addEventListener和on的区别

为什么需要addEventListener？先来看一个片段：html代码追梦子用on的代码 1 window.onload = function(){ 2 var box = document.getElementById("box"); 3 box.onclick = function(){ 4 console.l

2017-01-22 10:48:19 242

转载 HTML5 文件域+FileReader 分段读取文件并上传到服务器（解决传输量小慢）

http://www.cnblogs.com/tianma3798/p/5845291.html

2017-01-20 17:05:45 858

原创 H5的新特性及API详解（很惊人）

h5新特性总览移除的元素纯表现的元素： basefont、big、center、font等对可用性产生负面影响的元素： frame、frameset、noframes新增的API语义：能够让你更恰当地描述你的内容是什么。连通性：能够让你和服务器之间通过创新的新技术方法进行通信（web sockets等）。离线 & 存储：能够让网页在客户端本地存

2017-01-20 17:00:15 14366

原创 db64封装函数，可以直接用。

html5 image to base64 window.onload = function(){ // 抓取上传图片，转换代码结果，显示图片的dom var img_upload=document.getElementById("img_upload"); var base64_

2017-01-20 16:50:45 275

转载前端实现图片转base64

使用canvas新建个canvas标签然后用css隐藏。之后获取此canvas元素，使用toDataURL方法转换。12var canvas=document.getElementById("xxxx");var base64=canvas.toDataURL("图片地址");使用 FileReader使用 FileRea

2017-01-20 16:26:40 6241

原创 JavaScript Date对象使用总结

//全局函数 Date //Date 类的静态方法 Date.parse Date.UTC //Date 对象的建立方法 new Date() new Date(毫秒数) new Date(标准时间格式字符串) new Date(年, 月, 日, 时, 分, 秒, 毫秒) //Date 对象的更多方法 getFullYear (getUTCFullYea

2017-01-20 13:56:25 239

转载正确理解cookie和session机制原理

php中cookie和session是我们常用的两个变量了，一个是用户客户端的，一个用在服务器的但他们的区别与工作原理怎么样，下面我们一起来看看cookie和session机制原理吧。 cookie和session机制之间的区别和联系　　具体来说cookie机制采用的是在客户端保持状态的方案。它是在用户端的会话状态的存贮机制，他需要用户打开客户端的cookie支持。cook

2017-01-20 10:31:34 408

转载 H5调用本地摄像头

//判断浏览器是否支持HTML5 Canvaswindow.onload = function () {try {//动态创建一个canvas元，并获取他2Dcontext。如果出现异常则表示不支持 document.createElement("canvas").getContext("2d");// document.getElementById("support").inn

2017-01-19 17:29:58 3338 3

转载 angularjs指令中的compile与link函数详解。

http://www.jb51.net/article/58229.htm

2017-01-19 17:07:42 367

转载 angularjs之间如何实现指令和指令之间的交互

http://blog.csdn.net/liangklfang/article/details/51316180

2017-01-19 15:47:03 250

转载 angularjs中的隔离作用域理解以及绑定策略

http://blog.csdn.net/liangklfang/article/details/51096489

2017-01-19 15:24:27 202

原创 vue双向数据绑定的原理解密

Document 你好，　 var userInfo = {};Object.defineProperty(userInfo, "nickName", { get: function(){ return document.getElementById('nickName').innerHTML;

2017-01-19 14:13:23 412

转载 JavaScript 继承代码中，B.prototype = new A(); 的含义是什么？[转自知乎] 需要多回味

假设有如下代码：function A() {this.name = "A"}function B() {this.name = "B"}A.prototype.whatever = function() {/* some code */};这个时候要使 B 继承 A，用B.prototype = new A();B.prototype.constructor =

2017-01-19 10:42:55 2079

原创手机端js模拟长按事件（jQuery）

代码编写：123456789101112$.fn.longPress = function(fn) { var timeout = undefined; var $this = this; for(var

2017-01-18 10:40:10 2266

vm.gCode = (function(){ var adminApi = location.origin + '/api-admin/application/qr'; var params = { device : "web", version : "1.0.0", sessionId : vm.seid, text: vm.getinfo.name, url: "https://front.

2017-01-13 22:34:04 438

原创 JS中的！=、== 、！==、===的用法和区别。

1234567891011121314151617181920var num = 1; var str = '1'; var test = 1; test == n

2017-01-13 12:40:07 316

原创 TCP/IP、Http、Socket的区别

网络由下往上分为　　物理层、数据链路层、网络层、传输层、会话层、表示层和应用层。　　通过初步的了解，我知道IP协议对应于网络层，TCP协议对应于传输层，而HTTP协议对应于应用层，　　三者从本质上来说没有可比性，　　socket则是对TCP/IP协议的封装和应用(程序员层面上)。　　也可以说，TPC/IP协议是传输层协议，主要解决数据如何在网络中传输，

2017-01-13 10:06:35 709

原创 Apache 配置虚拟主机三种方式

一、基于IP 1. 假设服务器有个IP地址为192.168.1.10，使用ifconfig在同一个网络接口eth0上绑定3个IP：[root@localhost root]# ifconfig eth0:1 192.168.1.11[root@localhost root]# ifconfig eth0:2 192.168.1.12[root@localhost root]

2017-01-13 09:59:34 380

原创正则表达式中的"^"这个符号的一些思考

在学习正则表达式的时候，一些常见的规则我们都不难理解，但是有一个正则表达式中的特殊字符让我一直有点搞不懂，就是”^”这个字符，文档上给出了解释是匹配输入的开始，如果多行标示被设置成了true，同时会匹配后面紧跟的字符。比如/^A/会匹配"An e"中的A，但是不会匹配"ab A"中的A11然后他还有第二种用法就是当这个字符出现在一个字符集合模式的第一个字符时，他将会有不同的含

2017-01-11 13:49:09 361

原创 javascript match方法获取url参数的正则表达式(用来获取某个参数值)很重要！！！！！

function GetStringValue() { String.prototype.getQueryString = function(name)//name 是URL的参数名字 { var reg = new RegExp("(^|&|\\?)"+ name +"=([^&]*)(&|$)"), r; if (r=this.match(reg)) return unes

2017-01-11 11:28:47 4988

原创 location.hash详解

一个显著变化，就是URL加入了"#!"符号。比如，改版前的用户主页网址为　　http://twitter.com/username改版后，就变成了　　http://twitter.com/#!/username在我印象中，这是主流网站第一次将"#"大规模用于直接与用户交互的关键URL中。这表明井号（Hash）的作用正在被重新认识。本文根据HttpWatch的文章，整

2017-01-09 13:50:12 19966 3

原创 window.history

一、认识window.historywindow.history表示window对象的历史记录，是由用户主动产生，并且接受javascript脚本控制的全局对象。window对象通过history对象提供对览器历史记录的访问能力。它暴露了一些非常有用的方法和属性，让你在历史记录中自由前进和后退。1、历史记录的前进和后退在历史记录中后退，可以这么做：window.

2017-01-09 11:21:17 825

转载 ajax与HTML5 history pushState/replaceState实例（pjax）

http://www.zhangxinxu.com/wordpress/2013/06/html5-history-api-pushstate-replacestate-ajax/

2017-01-09 11:02:36 344

原创 location.assign 与 location.replace的区别

window.location.assign(url) ：加载 URL 指定的新的 HTML 文档。就相当于一个链接，跳转到指定的url，当前页面会转为新页面内容，可以点击后退返回上一个页面。window.location.replace(url) ：通过加载 URL 指定的文档来替换当前文档，这个方法是替换当前窗口页面，前后两个页面共用一个窗口，所以是没有后退返回上一页的

2017-01-04 14:04:07 19758

原创通过浏览器的头判断是那种浏览器,移动开发很有用。。。。

最近在使用微信、支付宝、百度钱包实现网页支付，对支付成功将自动关闭页面，对于支付失败，将显示错误信息。当在错误页面的时候，点击返回或者Android物理按键上一步的时候，将关闭页面。在微信、支付宝、百度钱包中，他们对页面关闭进行了封装，传统的window.close()是无效的，必须要使用它们的js代码才能关闭。下面是三种移动app的关闭方式：

2017-01-04 11:32:41 650

原创 JS的prototype和proto

一、prototype和__proto__的概念prototype是函数的一个属性（每个函数都有一个prototype属性），这个属性是一个指针，指向一个对象。它是显示修改对象的原型的属性。__proto__是一个对象拥有的内置属性（请注意：prototype是函数的内置属性，__proto__是对象的内置属性），是JS内部使用寻找原型链的属性。用chrome和FF都可以访

2017-01-03 22:39:52 203

原创 JavaScript学习笔记：对象属性的枚举

JavaScript中对象的属性分为两种：数据属性和访问器属性。然后根据具体的上下文环境的不同，又可以将属性分为：原型属性和实例属性。原型属性是定义在对象的原型( prototype )中的属性，而实例属性一方面来自构造的函数中，然后就是构造函数实例化后添加的新属性。在JavaScript中除了检测对象的属性是否存在，还会经常对对象的属性进行遍历(枚举)。而在JavaSc

2017-01-03 17:44:00 7682

转载深入理解JavaScript函数参数(推荐)

http://www.jb51.net/article/89297.htm

2017-01-03 11:29:48 391

原创 Node中导入模块require和import傻傻分不清楚

ES6标准发布后，module成为标准，标准的使用是以export指令导出接口，以import引入模块，但是在我们一贯的node模块中，我们采用的是CommonJS规范，使用require引入模块，使用module.exports导出接口。不把require和import整清楚，会在未来的标准编程中死的很难看。require时代的模块node编程中最重要的思想之一就是模块，

2017-01-02 16:48:28 45834 4