小楼一夜听春雨

前段时间做了一个页面同时加载多张图片，也就是同时多个请求访问图片服务器，遭遇了502 bad gateway，纠结了很久，差点圆寂于此，不知道是不是服务器的限制问题，而我的解决方案是：1.每张图片间隔30ms后加载，当然不必纠结这个数字，你可以设置大点；睡眠的JS代码如下：function sleep(numberMillis) { var now = new Date();

使用react技术栈，只关注业务开发最近一阵子忙于公司业务的架构设计及开发，因此从该架构中抽出一小部分，感觉可以很方便的用于团队的业务开发，不需要太关注webpack等配置，当然这些只是一个简单的分享，不是什么新鲜玩意儿。我在github上提交了一个示例，fay-react-application。该示例呈现了一个简单的应用系统，这个示例中也呈现了代码切割的方式，可以在/app/home文件夹...

— 2017-11-27更新 我见过有人将公共部分提取出来，其实没有必要，经过code-splitting之后，子级引用的组件在父级已经引用了那么子级不会再引入该组件，也就是去重，这就是webpack中自带的plugin：CommonsChunkPlugin作用，如果你把代码提取出来，结果首屏加载大概是这样子：先加载common.js然后加载app.js，请求两次，而这两个合成一个便只要请求一次

现如今前端开发基本都是利用webpack，有些人会有rollup.js，但自从webpack2开始引入了rollup.js的tree-shaking之后，rollup.js的存在价值已然不大，因为这是rollup.js主要亮点，而相比webpack，它缺少了太多的插件支持。 开发大型应用的时候，我们会利用webpack+bundle-loader实现code-splitting，在国内称为按

前端数据大部分来源于后端，需要向后端发起异步请求，而在使用reactjs的时候，如果这个组件最初加载的时候就发起这个异步请求，然后在返回结果中进行setState({})，这时候有可能会遇到这个警告：Warning:setState(...): Can only update a mounted or mounting component. This usually means you called

eslint注：这里不讲eslint的知识，仅仅讲使用一、安装(以下是全局的，同时安装到项目中–save-dev)npm install eslint -gnpm install eslint-plugin-import -gnpm install eslint-plugin-react -gnpm install babel-eslint -g二、配置首先在项目中与package.js

eslint：javascript代码质量检查工具。 目前大环境下主要有三款JS代码质量检查工具：jslint、jshint、eslint。 jslint：无需配置，直接使用，因为配置是定好的。缺点是有限的配置选项，很多规则不能禁用，规范严格，扩展性差，无法根据错误定位到对应的规则。 jshint：是基于jslint开发的，有了很多参数可以配置，支持配置文件，方便使用，支持了一些常用类库，支持

在eclipse中出现Errors running builder ‘JavaScript Validator’ on project “xxx”错误，错误详情是“org.eclipse.wst.jsdt.internal.compiler.ast.EmptyStatement cannot be cast to org.eclipse.wst.jsdt.internal.compiler.ast.

HTML JS CSS jQuery 返回顶部 模仿天猫的返回顶部，关于返回顶部这个功能，绝大部分网站都有用到，算是一个细节方面的小东西，个人觉得天猫的返回顶部这个小东西做的挺好，下面便是我模仿它的代码：HTML： 返回顶部,模仿某猫 返回顶部 返回顶部 返回顶部 返回顶部 返回顶部 返回顶部 返回顶部 返回顶部 返回顶部 返回顶部 返回顶部 返回顶部 返回顶部 返回顶部 返回顶部 返回顶部 返回顶部 返

console.log("我执行了");sleep(3000);console.log("我3000ms后执行了");function sleep(numberMillis) { var now = new Date(); var exitTime = now.getTime() + numberMillis; while (true) {

首先你得有node环境，其次进入终端，输入：npm i dtsmake -g，然后有两种转换方式：1.dtsmake -s ./path/to/sourcefile.js2.dtsmake -s ./path/to/src/target.js --dist ./path/to/dist/mydefinition -n "mydefinition" -p node -e -S "lega

使用angularjs2的时候，我们难免会用到第三方的js库，而和其他框架不一样的是，angular是通过typings,类似于maven仓库一样，我的理解是这样，地址是：http://microsoft.github.io/TypeSearch/，在里面搜索你想要的js库资源，比如JQuery在你使用的组件上加上类似于这段的代码：///

angularjs2 Not Found Collection,按照官网的教程写了对应的例子，其中json数据是利用的本地的，后来打算远程发送http请求获取json数据，结果遇到Not Found Collection 'hero' not found错误，没有捕获详情错误信息的小伙伴们，一般是提示404，这是个坑，坑了我大半天，当我在半夜解决此问题时便欣喜若狂的写下了这篇文章，解决方案是我们要将例子中的模拟的json数据的引入给删除便可使用我们自己

了解 JavaScript 的内存泄露和解决方式！在这篇文章中我们将要探索客户端 JavaScript 代码中常见的一些内存泄漏的情况，并且学习如何使用 Chrome 的开发工具来发现他们。读一读吧！介绍内存泄露是每个开发者最终都不得不面对的问题。即便使用自动内存管理的语言，你还是会碰到一些内存泄漏的情况。内存泄露会导致一系列问题，比如：运行缓慢，崩溃，高延迟，甚至一些与其

var s = "2016-11-11";s.replace("- ", "");//201611-11s.replace(/\-/g, "")//20161111

function ages(str){ var r = str.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/); if(r==null) return false; var d = new Date(r[1], r[3]-1, r[4]); if(d.g