2016年12月_天崩地裂金刚不坏

原创 ES6 解构运算符 rest运算符，...运算符

解构解构的作用是可以快速取得数组或对象当中的元素或属性，而无需使用arr[x]或者obj[key]等传统方式进行赋值数组解构赋值：var arr = ['this is a string', 2, 3];//传统方式var a = arr[0], b = arr[1], c = arr[2];//解构赋值，是不是简洁很多？var [a, b, c] = arr;c

2016-12-29 11:07:22 793

转载 ui-router，目前见过最全的。特别是route参数

http://www.cnblogs.com/darrenji/p/5167999.html

2016-12-28 14:41:31 532

转载 angularJs关于指令的一些冷门属性

http://www.cnblogs.com/HeJason/p/5514690.html

2016-12-28 11:51:34 202

原创 es6模块加载 nodejs(common.js)模块加载 amd模块加载的区别整理

这几个模块加载方法张的很像。有必要整理区分一下

2016-12-26 14:03:00 504

原创 js正则表达式

匹配中文字符的正则表达式： [u4e00-u9fa5]评注：匹配中文还真是个头疼的事，有了这个表达式就好办了匹配双字节字符(包括汉字在内)：[^x00-xff]评注：可以用来计算字符串的长度（一个双字节字符长度计2，ASCII字符计1）匹配空白行的正则表达式：ns*r评注：可以用来删除空白行匹配HTML标记的正则表达式： (S*?)[^>]*>.*?| .*?

2016-12-23 09:58:02 168

原创 js隐藏与显示回到顶部按钮及window.onscroll事件应用

现在大多数网站都会添加这种功能：当滚动条滚动到页面的下方时，页面的右下角会显示出来一个“回到顶部”的按钮或连接，点击该按钮后页面会跳转到顶部，或某一个适合查看内容的位置。那么，如何控制“回到顶部”按钮的显示或隐藏呢？其实我们只需要实现window.onscroll 事件即可，代码如下： window.onscroll = function () { if (docu

2016-12-22 14:51:39 1491

原创绑定text的keyup事件显示提示，防止暴力点击同时有在合适时间显示

有一天做了个类似的东西，就像百度首页输入自动提示一样的东西，我在text上绑定keyup事件，每次键盘弹起的时候自动提示，但是又不想提示那么频繁，于是我用了上面方法，但是悲剧了，只有停止输入等500毫秒才会提示，在输入过程中根本就没有提示。看了一下代码，可不是嘛，只要是用户会盲打，在500毫秒内按一下键盘，提示函数就会不断被延迟，这样只有停下来的时候才会提示，这就没意义了。能不能在函数节流的基

2016-12-22 14:45:29 513

原创 js的call和apply，需要时间才能领悟。。。。

1、方法定义call方法: 语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义：调用一个对象的一个方法，以另一个对象替换当前对象。说明： call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。如果没有提供 thisObj 参数，那

2016-12-22 14:12:30 239

原创 js原生拖拽事件（HTML5的拖放 API）

在HTML5之前，如果要实现拖放效果，一般会使用mousedown、mousemove和mouseup三个事件进行组合来模拟出拖拽效果，比较麻烦。而HTML5规范实现了原生拖放功能，使得元素拖放的实现更加方便和高效。默认情况下，图像、链接和文本是可以拖动的。文本只有在被选中的情况下才能拖动，而图像和链接在任何时候都可以拖动。HTML5为所有的HTML元素规定了一个draggable属性，表

2016-12-22 10:56:44 32323

原创 js常见用户交互事件处理

用户交互是基于用户事件的，这些事件通常是鼠标事件、触摸事件以及键盘事件。一. 监听器与事件处理程序添加事件监听可以使用 addEventListener() ：element.addEventListener(type, handler [, userCapture])移除事件监听可以使用 removeEventListener() ：element.removeE

2016-12-22 10:54:49 1217

原创 js 事件触发大全收集

javascript事件查询综合click() 对象.click() 使对象被点击。closed 对象.closed 对象窗口是否已关闭true/falseclearTimeout(对象) 清除已设置的setTimeout对象clearInterval(对象) 清除已设置的setInterval对象confirm("提示信息") 弹出确认框，确定返回true取消返回fals

2016-12-22 10:39:54 338

原创 js函数节流函数去抖来解决多次触发事件的问题

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　以下场景往往由于事件频繁被触发，因而频繁执行DOM操作、资源加载等重行为，导致UI停顿甚至浏览器崩溃。 1. window对象的resize、scroll事件 2. 拖拽时的mousemove事件 3. 射击游戏中的mousedown、keydown事件 4. 文字输入、

2016-12-21 17:16:49 907

原创 angular学习收集优秀博客，不断更新

http://www.cnblogs.com/liulangmao/tag/angular/default.html

2016-12-21 16:48:20 380

原创 angularJS的$watch失效问题的解决方案

$watch方法，它可以帮助我们在每个scope中监视其中的变量。$watch 单一的变量对于普通的变量时，如数字，字符串等，直接如下写是可以监视到变量的变化，并执行相应的函数的。$scope.count=1;$scope.$watch('count',function(){...});12341234$watch 多个变量对于多个变量的监视变化，执行同一函数的话，可以将

2016-12-21 16:32:49 7195

原创使用PHP实现用户登录和注册的功能（未封装）

登陆界面 login.PHP[html] view plain copy form action="logincheck.php" method="post"> 用户名：input type="text" name="username" /> br /> 密码：input type="password

2016-12-21 11:35:17 591

原创 nodejs包typings拓展自动补全功能

使用Typings添加自动补全typings官方描述是一个TypeScript的定义管理器，集成管理了常用函数的语法规则。不知道跟微软有没有关系，不过这点倒是真的挺方便的。官方描述以及使用说明 https://www.npmjs.com/package/typingsvscode可以识别typings，因此可以通过typings来作为插件拓展vscode的功能。

2016-12-20 11:14:06 843

原创 h5里不规则图形的点击事件的解决方案

DW map就这么简单。

2016-12-20 10:50:07 4369

原创使用HTML5中postMessage实现Ajax中的POST跨域问题(很重要)

HTML5中提供了在网页文档之间相互接收与发送信息的功能。使用这个功能，只要获取到网页所在窗口对象的实例，不仅仅同源(域+端口号)的web网页之间可以互相通信，甚至可以实现跨域通信。浏览器支持程度：IE8+，firefox4+，chrome8+ opera10+1. 首先，要想接收从其他的窗口发过来的消息，就必须对窗口对象的message事件进行监听，如下代码：window.addEv

2016-12-20 10:18:56 570 1

原创 javaScript跨域总结和相关解决办法大全

什么是跨域 1、document.domain+iframe的设置 2、动态创建script 3、利用iframe和location.hash 4、window.name实现的跨域数据传输 5、使用HTML5 postMessage 什么......什么是跨域1、document.domain+iframe的设置2、动态创建script3、利用iframe和lo

2016-12-20 10:08:04 208

原创为什么javascript是单线程？

一、为什么JavaScript是单线程？JavaScript语言的一大特点就是单线程，也就是说，同一个时间只能做一件事。那么，为什么JavaScript不能有多个线程呢？这样能提高效率啊。JavaScript的单线程，与它的用途有关。作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题。比如，假定Java

2016-12-16 16:52:06 299

转载 angular的指令

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

2016-12-16 15:42:24 392

原创 AngularJS配置.run()块中设置路由事件的监听器以及过滤未经授权的请求。

配置在模块的加载阶段，AngularJS会在提供者注册和配置的过程中对模块进行配置。在整个AngularJS的工作流中，这个阶段是唯一能够在应用启动前进行修改的部分。angular.module('myApp', []) .config(function($provide) { });这本书的大部分内容都在使用config()函数的语法糖，并在配置阶段执行。例如，我们在

2016-12-16 14:18:17 7138

原创 JS新API标准地理定位（navigator.geolocation）

在新的API标准中，可以通过navigator.geolocation来获取设备的当前位置，返回一个位置对象，用户可以从这个对象中得到一些经纬度的相关信息。navigator.geolocation的三个方法：1. getCurrentPosition()2. watchPosition()3. clearWatch()getCurrentPosition()

2016-12-16 11:51:46 283

转载 AngularJS 脏检查机制

http://www.cnblogs.com/likeFlyingFish/p/6183630.html

2016-12-16 10:53:30 419

转载 angularjs系列之轻松使用$q进行异步编程与拦截器

http://www.cnblogs.com/fliu/articles/5288531.htmlhttp://blog.csdn.net/u010730126/article/details/51770946

2016-12-15 15:24:01 495

转载正则表达式

http://www.jb51.net/tools/zhengze.html

2016-12-15 10:12:42 186

原创 js/jquery去掉空格,回车,换行示例代码

Jquery:$("#accuracy").val($("#accuracy").val().replace(/\ +/g,""));//去掉空格.replace(/\ +/g,"") //去掉空格方法$("#content").val($("#content").val().replace(/[ ]/g,"")); //去掉空格.replace(/[ ]/g,"")//去掉空格

2016-12-15 10:05:54 290

原创 angular1中的路由的$routeParams服务

.when("/countries/:idd", { templateUrl: "Templates/countryDetail.html", controller: "countryDetailController" }) .controller("countryDetailController",

2016-12-14 11:12:46 9697

原创 AngularJS : this与$scope数通的暴露与通讯

controller as” 是Angular在1.2版本后新增的语法，我将从引用方式，作用范围，对象对比三个方面做两者的比较：引用方式： 1) $scope 只需要在注入中声明，后面就可以直接在附加数据对象： controller: function AC

2016-12-13 16:36:27 3017 2

转载 require.js

http://www.runoob.com/w3cnote/requirejs-tutorial-1.html

2016-12-12 16:55:13 182

原创 js 数据结构与算法更新ing

http://blog.csdn.net/haoshidai/article/details/52263191

2016-12-12 16:20:23 182

转载通过浏览器渲染过程来进行前端优化

http://www.cnblogs.com/baochuan/archive/2012/05/29/2524694.html

2016-12-12 16:15:27 192

转载 jsonp

http://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.html

2016-12-12 15:34:15 136

转载 gulp系列之静态资源打包压缩合并MD5版本控制

http://www.cnblogs.com/kevinCoder/p/5502395.html点击打开链接

2016-12-12 14:39:07 1201

原创 gulp系列：gulp-useref

gulp-useref的作用

2016-12-12 14:31:49 3949

原创利用gulp之gulp-rev-collector给资源文件加时间戳，解决缓存版本控制

https://www.npmjs.com/package/gulp-rev-collector这个插件就是从manifests中获取静态资源版本数据, 该数据由不同的流产生, 并且替换html中的链接.安装: $ npm install --save gulp-rev-collector使用: 我们可以使用gulp-rev来产生一些无法使用cache的静态资源, 并且为它

2016-12-12 14:10:39 3126

原创静态资源加载禁止缓存

metaHTTP-EQUIV="pragma"CONTENT="no-cache">metaHTTP-EQUIV="Cache-Control"CONTENT="no-cache, must-revalidate">metaHTTP-EQUIV="expires"CONTENT="0">

2016-12-12 13:48:47 675

转载优化 RequireJS 项目（合并与压缩）

https://www.oschina.net/translate/optimize-requirejs-projects

2016-12-12 11:41:10 279

转载 r.js打包

http://www.cnblogs.com/rubylouvre/p/4262569.html?utm_source=tuicool&utm_medium=referral

2016-12-12 10:55:28 245

原创 JSON.stringify 语法实例讲解

作用：这个函数的作用主要是为了系列化对象的。可能有些人对系列化这个词过敏，我的理解很简单。就是说把原来是对象的类型转换成字符串类型（或者更确切的说是json类型的）。就这么简单。打个比方说，你有一个类，那么你可以通过这个方法转换成相应的json类型的。很简单吧。接着看。语法： JSON.stringify(value [, replacer] [, space]) va

2016-12-12 10:29:15 445

mysql学习手册

list最终版

ubuntu怎么解决？如图所示

react babel browser中，无法编译

angular recat node.js这些都有神马用处？被网上培训机构说的神神道道的。

node.js安装成功运行失败？

js中是不是字符串拼接的，其结果都是字符串类型

预编译 js 很奇怪，为什么一个是NAN，一个却能打出来