- 博客(22)
- 收藏
- 关注
RSS订阅原创 个人推荐的NodeJS调试方式（iron-node快速安装方法）
iron-node 先看看界面，有了控制台查询一些object方便多了 安装方法 npm i iron-node -g这里要说一下，很多人安装到最后一步会下载一个electron包，大概50M，我的小水管只有50k，下载慢死了。。。经常卡死 我们看看electron-prebuild中的install.js文件 安装程序会在下载压缩包完成后，新建一个path.txt，在里面
2016-04-22 14:22:24
609
转载 如何形象地解释 JavaScript 中 map、foreach、reduce 间的区别？
看这看这http://www.zhihu.com/question/24927450
2016-03-17 15:43:36
720
原创 项目中遇到的JS闭包问题
0x00 发现问题今天在写聊天室的过程中，遇到一个匪夷所思的问题，当时真是一脸懵逼，检查了好几遍都没问题，而且奇怪的是，只要刷新一下就恢复正常。搞得我差点设置在切换后自动刷新了。当然，这样用户体验很不好，所以静下心来找答案。问题：当切换房间后，无法添加聊天记录切换房间有两种方式： 1. 先跳转到房间选择页面，再选择一个房间 2. 直接跳转到一个房间 这种问题看起来就像是切了房间就不能发送消息了
2016-02-27 23:29:37
965
原创 Unexpected token u
今天在编写一个聊天室APP的时候，遇到一个莫名其妙的错误Unexpected token u，而且出错位置提示在index.html的第一行。 上网搜索资料后才发现，是我尝试JOSN.parse一个undefined对象导致的，解决办法就是如果为undefined就设置成null。null不会导致错误
2016-02-26 14:47:09
3265
转载 JS中作用域的问题
今天到慕课网上学习，看到这篇文章javascript中的函数表达式，其中有个闭包的例子很有意思function createFunctions() { 'use strict' var result = [] for (var i = 0; i < 5; i++) { result[i] = function() { return i
2016-02-25 22:09:06
417
转载 一道JS面试题
function Foo() { getName = function() { //这里没var，因此改变的全局变量上的属性！！！ alert(1); }; return this; } Foo.getName = f
2016-02-20 12:10:12
356
原创 CSS Opacity属性对层叠上下文的影响
今天在遇到一个opacity过渡的时候，遇到了一个奇怪的问题： 父元素设置了opacity。 子元素设置了z-index:-1 <div class="box" style="opacity:.7"> <img style="position:relative;z-index:-1" src="http://www.gbtags.com/gb/laitu/2
2016-02-20 12:09:39
2655
原创 不用new的方式手动构造JS对象
首先我们先写一个工厂函数function Person(name) { this.name = name}Person.prototype.sex = 'male';Person.prototype.age = 22;一般来说，我们生成Person对象就用 var p1 = new Person('my name')的方式。 其实在理解了this上下文，原型链后，我们也可以手工构造一个
2016-02-16 16:13:32
558
转载 js中null和undefined
摘自阮一峰老师的博客： null是一个表示”无”的对象，转为数值时为0；undefined是一个表示”无”的原始值，转为数值时为NaN null表示”没有对象”，即该处不应该有值 undefined表示”缺少值”，就是此处应该有一个值，但是还没有定义参考链接http://www.ruanyifeng.com/blog/2014/03/undefined-vs-null.html http
2016-02-16 12:18:57
395
原创 用css clip属性制作漂亮的环形效果
See the Pen EPrbxW by chenchen (@larry011) on CodePen.参考链接CSS clip:rect几个值含义示意实例页面
2016-02-13 11:44:11
1062
转载 JS动态原型
这种方式将所有信息都封装在了构造函数中,而通过在构造函数中初始化原型(仅在必要的情况下),又保持了同时使用构造函数和原型的优点。换句话说,可以通过检查某个应该存在的方法是否有效,来决定是否需要初始化原型。function Person(name, age, sex) { // attrs this.name = name; this.age = age; this.s
2016-02-13 11:33:51
348
原创 一种简单的缓冲动画函数实现
0x01 从大到小 335（src） —> 23（dest）dest = dest - Math.abs(src -dest) * ratio0x02 从小到大 35（src） —> 335（dest）dest = dest + Math.abs(src -dest) * ratio0x03 简写dest = dest + (dest -src) * ratio0x04 应用在角度上如果
2016-02-12 14:20:34
337
原创 jQuery scrollFire插件
0x01http://materializecss.com/scrollfire.htmlvar options = [ {selector: '#staggered-test', offset: 50, callback: 'Materialize.toast("This is our ScrollFire Demo!", 1500 )' }, {selector: '#stagg
2016-02-06 00:07:52
734
原创 Promise的顺序执行
0x00有时候我们希望JS脚本以同步的方式执行，但是在实际情况中，很多操作是异步的，如Ajax请求后端数据，执行一些动画等。刚开始，我使用回调函数的方法，这种方式的缺点很明显，当逻辑复杂时，回调函数嵌套多层，造成callback hell$.get('http://www.a.com',function (data) { //deal data $.get('http://http:
2016-02-05 14:57:30
7111
原创 页面滚动视差效果的实现
0x01今天在http://materializecss.com/发现一个视差滚动的例子，想自己实现一下视差效果。打开例子0x02思路首先呢，我们可以选择监听scroll和mousewheel事件，说说各自的优缺点。事件监听 scroll 优点：当页面滚动到边界时，不会触发事件。 缺点：需要自己判断鼠标滚动方向。 mousewheel 优点：可以直接知道滚动方向。
2016-02-05 14:44:47
2456
转载 ES7中的async函数
0x01最近在拜读阮一峰老师的教程，学习ES6语法，我用babel.js自动将es6、es7的代码转换成es5代码，babel一直工作正常，但在浏览器环境下，Generator函数一直错误：Uncaught ReferenceError: regeneratorRuntime is not defined，github上也有人提问，搞了半天，在代码顶部添加import "babel-polyfill
2016-02-05 12:20:12
4030
1
原创 使用 obfsproxy 混淆网络流量
server端obfsproxy scramblesuit --dest larry011.ddns.net:8080 --password npaojwppGwqXCkcK6YsKJwrcjwoXCud2 client 127.0.0.1:9899 client端obfsproxy --data-dir=/tmp/scramblesuit-server scramblesuit --pas
2016-02-04 10:18:45
5034
原创 JS对象的深拷贝
在Object的原型链上添加方法。Object.prototype.deepCopy = function() { var obj = new Object(); obj.__proto__ = this.__proto__; for (x in this) { if (typeof x == 'object') { obj[x] =
2016-02-02 16:18:41
433
原创 网页滚动到底部自动加载数据
0x01 前言我之前在不少手机APP和网页上见到滚动加载 的效果，当我们的页面将要滚动到底部时，页面将自动ajax获取数据，并填充至底部，不需要主动刷新，用户浏览起来感觉非常的流畅。0x02 原理监听滚动事件window和DOM元素上面有一个onscroll事件，每当页面滚动时会触发此事件。 绑定window/document/document.body中任意一个的onscroll事件即可。0
2016-02-02 15:28:43
2959
原创 用jQuery编写轮播图插件
0x01 前言0x02 代码编写0x03 成果 See the Pen adjwRd by chenchen (@larry011) on CodePen.
2016-02-02 14:13:11
537
原创 用jQuery编写图片弹幕评论插件
0x01 前言这是独角兽公社项目的一个小需求，本来呢，是打算用百度图说（效果如下）直接复制黏贴弄上去的，结果居然要申请后才能使用… 没办法，于是乎自己尝试实现一个图片评论弹幕的插件。0x02 代码编写我的思路是用一个wrapper将img包裹起来，然后弹幕元素position:absolute，显示在图片之上。htmlhtml的结构很简单 <div class="img-wrap
2016-02-02 13:38:04
1404
原创 jQuery实现动态瀑布流布局效果
0x01 前言今天在tumblr上看到其瀑布流布局，如下图，觉得很有意思便研究了下，发现tumblr使用position:absolute布局的。照我之前的想法呢，是根据窗口大小，建立N条Col，然后依次将item append到col中。这样成本会小很多，因为只需要写好col的css即可：float:left或display:inline-block。0x02 代码编写HTML，CSS结构很简单，
2016-02-02 13:02:35
1858
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人