今天遇到一个问题，业务场景是：表单详情页，用了antd的Form组件，想在组件onChange时调用form.validateFields先校验数据再做提交，过程中，validateFields一直是延迟的状态，即填了值，在onChange中能拿到当前值，但是在validateFields的回调中还是上一次的值。在antd的issue中找到了问题的原因。[链接] 关键答案是

实验 线上demo: [链接]首次进页面render结果 state 变化后的结果 结果总结 组件 绑定方式 结果 (首次 render 次数) 不涉及当前组件组件父组件state变化后render次数 class组件 非箭头函数函数 1次 1次 class组件 箭头函数函数 1次 1次 pureclass组件 箭头函数 1次 1次 pureclass组件 非箭头函数 1次 0次 结论 非匿名函数...

浏览器清除dns chrome://net-internals/#dns

比较好的文章： [链接]AMD 是 RequireJS 在推广过程中对模块定义的规范化产出。CMD 是 SeaJS 在推广过程中对模块定义的规范化产出。

从代码可以看出来，要实现 jsonp 只是多定义了一个 回调函数 jsonpCallback，再把jsonp请求的url 改为了用script src 请求的方法。总结得出jsonp 实现原理是：因为script 标签是不受同源策略约束的，所以只要把请求写在src 中，就可以得到你要的 json 数据，但是通过这种方式获得的如果只是 json 数据，就不能用，但是数...

在公司入职的时候总是要安装前端的工作环境，node、webstorm、ps、sublime text 等等，很麻烦。所以想到用docker来减少因为前端环境搭建浪而费时间参考用 Docker 快速配置前端开发环境

{代码...}

1.浏览器强制不采用兼容模式的方法： <meta http-equiv="X-UA-Compatible" content="IE=Edge"> 2.iframe 自适应高度的方法 {代码...} "style="line-height: 0;font-size: 0;""这个是为了当iframe内部元素为空时还是有高度。 3.ie white-space:nowrap 无效 确保word-wrap不是break-word; 4.ie8不支持nth-of-type选择器

1.浏览器强制不采用兼容模式的方法： <meta http-equiv="X-UA-Compatible" content="IE=Edge"> 2.iframe 自适应高度的方法 {代码...} "style="line-height: 0;font-size: 0;""这个是为了当iframe内部元素为空时还是有高度。 3.ie white-space:nowrap 无效 确保word-wrap不是break-word;

[链接]在AngularJs的项目中使用iScroll控件碰到的问题集合 [链接]AngularJS (1.2+) directive that enables iScroll 5.x to work

flexbox 神器肯定是前端必会的。对于各种布局只要学会 flexbox 那都是 so easy 的事情。要用 flexbox，最先就是看看 caniuse 上浏览器对 flexbox 的兼容性。下面是截图：

1.某日，我在医院看病，忽然一位年轻妈妈怀里抱着一个可爱的小正太进了医院， 正太天真说：妈妈，我们来干嘛？ 妈妈：打针啊~ 正太：干嘛要打针，针做错什么事了嘛？ 针不疼吗？ ………… 过了一会正太开始咆哮：这是针打我~这是针打我…#真是个善良的孩子！#

如今的workflow工具有很多，grunt、gulp、webpack等。一直在用，缺很少研究其原因。之前有想法要做个集成化、定制化的workflow方案，看过这类的产品。如weflow、百度的fis、京东集成解决方案。

用angular做项目有两个多月时间了。一直都处于只知道基本用法、做项目、遇到问题搜索复制代码的层面。趁项目稳定下来，从头过一下angular的api。巩固基础知识。

[链接]原文链接 上面的这篇文章让我了解到了，co的实现原理，提供了angular同步的思路。解释得很清楚、很明白。

以上代码列出了typeof输出的集中类型标识，其中上面的四种（undefined, number, string, boolean）属于简单的值类型，不是对象。剩下的几种情况——函数、数组、对象、null、new Number(10)都是对象。他们都是引用类型。 判断一个变量是不是对象非常简单。值类型的类型判断用typeof，引用类型的类型判断用instanceof。

$.Array(param, array)中的param必须是数字。所以param一定要转换乘数组内的对象。 {代码...} for循环默认是数组长度不为0，所以如果在逻辑中一定要对数组为0的情况做处理

promise框架用的是bluebird {代码...}

*设计原则： 找出应用中需要变化的地方，把他们独立出来，不要和那些不要变化的代码混合在一起针对接口编程，而不是针对实现编程。“针对接口编程”真正的意思是“针对超类型编程”多用组合少用继承

我所理解的css预编译器 基于css的，能让css也有一种编程语言范。解决了css的诸多问题，如css模块化、无法嵌套书写、没有变量。 css模块化 这个对于项目公司的项目来说，非常的重要。没有模块化也就是复用不够，导致代码冗余超多，维护起来特别难，修改一个模块的样式要修改几处地方。 无法嵌套书写 对于后代选择器这类的...

之前项目是嵌入在微信公众号中，页面访问很慢。想提升访问速度，有更好的，类似原生的体验最好的解决方法就是改为单页app.单页app用到了mobilebone和iScroll插件。

{代码...} {代码...} map也可以用来删除数组中的一项 {代码...} map中this是不会映射的，所以要在返回函数中加参数。注意的是map中的参数和each中的参数是相反的。 {代码...}

jQuery插件学习 例1：基础 {代码...} 例2：维护Chainability {代码...} 例3：默认值和选项 {代码...} 这是一个很灵活的方式，提供一个高度可配置的插件，而无需开发人员定义所有可用的选项。 例4：插件方法： {代码...} 这种插件架构允许封装所有的方法在父包中，通过传递该方法的字符串名称和额外的此方法需要的参数来...

再mui得picker的基础上修改为类似ios选择时间的插件。muipicker exapmple地址把里面数据换成下面的数据就可以了。 {代码...} 效果图： 年月日 小时分钟 效果只有在手机端或者手机chrome的手机模拟器中可以看到。

1.rel="canonical"Link的一个属性Canonical，其目的是帮助网站管理员们，解决网站内容存在多个版本时，指定规范链接，帮助解决内容重复收录问题。如：<link rel="canonical" href="[链接]; />2.JSON-LD标记更好的让谷歌记录网站数据。详细描述可以看下面这个网址：[链接]3.itemprop="name"itemprop="name"属于微数...

1.提升网站形象；2.提高网站排名；3.速度更快；4.维护容易。

本文是根据HTML5 Boilerplate 官方文档所译，主要介绍了HTML5 Boilerplate的架构以及涉及到的相关知识。并且详细介绍了如何在基于HTML5 Boilerplate创建自己的项目。基本目录结构

出处：[链接]（中间很多问题都遇到过。） 还有些文章页不错：[链接][链接] 全文如下：2013年底接触移动端，简单做下总结，首先了解下移动web带来的问题 设备更新换代快——低端机遗留下问题、高端机带来新挑战 浏览器厂商不统一——兼容问题多 网络更复杂——弱网络，页面打开慢 低端机性能差——页面操作卡顿 HTML5新技术多——学...

SiteSucker是一个超级棒的整站下载工具，appstore 是收费的，下面的网址可以提供免费下载。[链接]

{代码...}