协同开发

2016-11-16
阅读 2 分钟
3.8k
同一个开发项目中如果有多名程序猿,那么每个程序猿都有责任培养自己协同开发的意识,为的是代码的质量,质量,质量(重要的事情说三遍!!!)。协同开发是个挖坑和填坑的过程,自己做的好可以尽量避免自己挖坑,还可以帮队友填坑,但最重要的是可以少点给队友挖坑。这里最苦逼的会是,队友无意识的往自己写过的代码里...

SPA之SEO

2016-11-07
阅读 2 分钟
9.1k
在项目开发中,因为使用了Vue.js来开发一个SPA(单页面应用),所以在这个项目开始变大的时候,很自然的就想到用vue-router来建立多个模块入口。vue-router默认的是使用hash模式,就是会在#后面跟着路径用来区分并渲染相应的组件,还有一种是history模式,这种模式能在不刷新当前页面的情况下改变URL,并且形式非常干净...

vue和redux前端项目样板

2016-10-04
阅读 1 分钟
3.5k
简单写了一个Vue和Redux结合的前端项目,打包工具使用的是webpack。项目地址:[链接]后面会继续更新完善。

Vue.js源码分析-- eventsAPI--1.0.26

2016-09-11
阅读 6 分钟
4.8k
近期开发的项目中前端使用的是Vue框架,很轻量,也很好用。不过,因为用的是别人家开发的框架,代码执行的情况是否跟我们意料的一致值得思考。调试代码或者利用测试框架测试input/ouput挺好,不过我更倾向于看源码。能够被大众所广泛使用的框架的源码非常值得一看,好处就不多说了,因人而异。

JavaScript 事件循环(译文JavaScript Event Loop)

2016-09-04
阅读 4 分钟
11.8k
听多了JavaScript单线程,异步,V8,便会很想去知道JavaScript是如何利用单线程来实现所谓的异步的。我参考了一些文章,了解到一个很重要的词汇:事件循环(Event Loop)。在这些文章中,有:

Http 状态管理机制(cookie) (译文)

2016-09-01
阅读 4 分钟
4.3k
这篇文档是为HTTP request 和 response之间创建一个有状态的会话指明一个方法,并描述了两个头字段:Cookie和Set-cookie,用于携带服务端和客户端之间的状态信息。

长图文加载优化

2016-08-25
阅读 3 分钟
3.2k
最近在开发一个长图文预览项目,主要用在手机端浏览(主要在微信端)。这项目其实就是一个手机网页,把数据中的文本和图片等元素渲染出来即可。这样的项目很常见,包括微信内公众号的文章etc.这个项目很简单,但非常头疼的一个问题是对图片的懒加载处理。(下面讨论的加载策略暂且都是针对图片)

React - 修改children(下)

2016-02-02
阅读 2 分钟
3.3k
在 React - 修改children(上) 中我提到了React在遍历children过程中是不允许修改其中的React Element的,这里我要做点补充,就是有个前提是:使用的React是非压缩版的,也就是说不是使用react.min.js这种,使用react.min.js则不会报错。

React - 修改children(上)

2016-01-31
阅读 5 分钟
26.8k
React入门,大神轻喷哈^_^下面的代码是建立在React 0.14.*版本的今天在尝试封装React component的时候碰到了几个问题,猜小白们学习React中可能会碰到,我就整理下希望能帮助到小白们。Keyword: props children cloneElement

函数自执行

2015-10-06
阅读 3 分钟
2.2k
闭包是一个受到保护的变量空间,由内嵌函数生成。JavaScript具有函数级的作用域。这意外着定义在函数内部的变量在函数外部不能被访问。JavaScript的作用域又是词法性质的。这意味着函数运行在定义它的作用域中,而不是在调用它的作用域中。把这两个因素结合起来,就能通过把变量包裹在匿名函数中而对其加以保护。(引自...

Web API之sessionStorage、localStorage、globalStorage

2015-08-22
阅读 2 分钟
4.8k
1. 介绍a) sessionStorage和localStorage都是window的属性,也是Storage对象的实例,即:window.sessionStorage instanceof Storage返回True,window.localStorage instanceof Storage 返回True,也因此两者享有Storage的属性和方法。b) sessoinStorage存储的数据在页面会话结束时会被清空,页面会话在浏览器窗口关闭前持...

全屏滚动的错觉

2015-08-04
阅读 1 分钟
2.4k
其实分析起来原因很简单,就是html,body的高度限制为屏幕高度(作全屏经常使用的样式),所以#container高度超过屏幕高度后就产生滚动条,其height体现在scrollHeight(DOM节点的属性)。所以屏幕的滚动实际上是#container内部的滚动,所以也就没有触发document的滚动事件。