Hank的博客

JavaScript弱类型语言。再次之前我都是使用强类型的C++语言。  很多人说弱类型语言能够让程序员更加自由。  在使用过程中很多类型能够自动进行判断，确实在代码实现上自由了不少，可同时也带来了不少的安全隐患，导致出错。    这些隐患也导致程序员不那么自由了。 JavaScript在ES5之后推出了严格模式。做一下总结。脚本采用严格模式很简单在所有语句之前放一个特定语句“use st

最近需要进行对我们的前端页面进行  右侧引导页面的设计。调到定点位置首先思考的就是  localURL + # + 位置的id标签但是由于文档是有md文件转HTML的，所以id和class是很乱的。如果修改转制后HTML文件里面的属性。 直接上代码

字符转义 h5标签

前期学习知识搭一下页面但是现在越来越注重网页性能的优化。都推荐TimeLine所以开始使用performance进行性能的调试

React 的优点我主要体会在更新Dom和响应时间上。 类似一个“状态机“，UI组件化，单项数据流（方便打理，自上而下的渲染方式）React 的diff算法，利用虚拟Dom实现了非常好的渲染系统。利用setstate等一些渲染函数。读入当前状态，将其转化目标页面的一个虚拟表现。然后利用diff算法计算虚拟页面和真实Dom的差异，然后对这些差异进行最少的更新。React的主要的优势就是在最小重绘了Dom操作，避免不必要的更新。

看了网上很多帖子很多都说setState慎用，因为可能导致页面性能变差。 报着怀疑的态度发现并不如此。代码和运行结果直接看效果（后面再从源码角度进行分析）涉及到React的事件系统。现象分析1.  yes代表渲染成功，可以看到总共渲染了两次。 那么setState可不止2次。  那么什么导致渲染次数的。（首先一个事件发生到结束的过程（比如Click，setTimeout），每次调用se

var oldtime = (new Date(this.props.data.create_time)).getTime()/1000;var nowtime = Date.parse(new Date())/1000;这个时间转化在谷歌，火狐浏览器中能正确的获取到正确的数据。但是在IE浏览器却出现了问题。 打出的时间却是NAN。NaN类型指的是一种特殊的number(但是N

在Rect中，数据都大体上都是单向数据流动的，由父节点传到子节点，子组件都是通过Props从父组件那里获取数据，这样的话，如果很多子组件用了数据只需要改变父组件的数据子组件的数据都会发生改变react就会递归重新渲染整个组建。这样子组件就简单而且易于把握了。大部分数据都是父传子，就不详写了。   但是偶尔向日期组件，input，select组件，等等子组件，父组件都是需要通过子组件传来的数据进

使用React框架一段时间后，项目组提出使用Redux取代React。   了解了一下Redux的构建结构是按照Flux架构方案来的，所以了解了一下Flux. 发现这种思想确实很适合当前的业务。讲一下React的优点

Less.js的主要作用就是在CSS的基础上增加变量，Mixin(混入）运算以及函数功能等功能。方便CSS的维护，成本和编写成本Less 包含一套自定义的语法及一个解析器，用户根据这些语法定义自己的样式规则，这些规则最终会通过解析器，编译生成对应的 CSS 文件。为 CSS 加入程序式语言的特性

模块规范主要进行模块加载。微信项目中我使用的是ES6规范（很好用加载模块（一个单独的文件也算是一个模块，一个模块就是和一个单独作用域，可以是说都是private））提到ES6规范，前不久使用CommonJS模块规范由此做一个对比。然后在谈论AMD，CMD的优点。1.ES6Module和CommonJSES6Module通过import 命令来加载

setTimeout和setInterval的语法相同。它们都有两个参数，一个是要执行的代码函数块，或者字符串，还有一个参数是以毫秒为单位的时间间隔，当过了时间之后就执行那一段代码。区别setInterval在执行完一次代码后，过了设置的固定时间段，它还会自动重复执行代码setTimeout只执行一次停止定时：window.clearTimeout(对象）清除已设置的setTi

公司要求对点击事件进行统计，方便产品进行了解。要求时间短，所以直接使用来腾讯的MTA来进行埋点统计。一开始直接导入mta js sdk即可，在script里面直接引入通过QQ生产的脚本如果需要对ClicK事件进行统计现在后台添加事件，然后在对应的button哪里添加click事件。onclick="MtaH5.clickStat('login')"...