设计模式是对软件设计开发过程中反复出现的某类问题的通用解决方案。设计模式更多的是指导思想和方法论，而不是现成的代码，当然每种设计模式都有每种语言中的具体实现方式。学习设计模式更多的是理解各种模式的内在思想和解决的问题，毕竟这是前人无数经验总结成的最佳实践，而代码实现则是对加深理…

处理大小写转换，删除字母符号，Unicode处理，URL处理等。 使用字符串可能是一项繁琐的任务，因为有许多不同的用例。例如，将字符串转换为驼峰大小写这样的简单任务可能需要几行代码才能达到最终目标。 上面的代码片段是 StackOverflow 中投票最多的答案。但这也没有解决…

设计模式的原则并不是一个遵守或者不遵守这样的非黑即白的二元问题，而是遵守程度的问题。举例来说，单一职责原则是大家都习以为常的原则，几乎每个学习过软件工程的人都知道这个原则。简单说，一个函数只做一件事。但是，怎么定义完成一件事的边界，就因每个人的理解不同而有差异了。所以说，实际开…

后期会继续总结更多工作中遇到的经典函数，也作为自己在工作中的一点总结。我们当然也可以直接使用lodash或ramda这些比较流行的函数式工具库，在这里仅做学习参考使用。

浏览器端JavaScript是以单线程的方式执行的，也就是说JavaScript和UI渲染占用同一个主线程，那就意味着，如果JavaScript进行高负载的数据处理，UI渲染就很有可能被阻断，浏览器就会出现卡顿，降低了用户体验。 为此，JavaScript提供了异步操作，比如定…

迭代器的使用可以极大地简化数据操作,于是es6也向js中添加了这个迭代器特性。新的数组方法和新的集合类型(例如:Set与Map集合)都依赖迭代器的实现,甚至异步编程中都可以使用迭代器。 但这此之前,我们一定要了解一下迭代器的背后的历史。 上面是一段标准的for循环代码,通过变量…

首先需要知道对于数组和可迭代对象的遍历方法，我们需要从不同的维度进行对比，方法的功能性，方法的应用场景，方法的兼容性，方法的效率，方法的返回值以及是否改变原始数组。深层次的我们可以思考如何实现这些方法，并且考虑到低版本浏览器的兼容性。如果要分group的话，可以这么分：forE…

为元素添加on方法为元素添加trigger方法转义html标签HTML标签转义跨浏览器绑定事件加入收藏夹提取页面代码中所有网址动态加载脚本文件返回顶部的通用方法实现base64解码确认是否是键盘有效输

大家都说简历没项目写，我就帮大家找了一个项目，还附赠【搭建教程】。 当我开始学习JavaScript时，我把我在别人的代码、code challenge网站以及我使用的教程之外的任何地方发现的每一个节省时间的技巧都列了一个清单。 在这篇文章中，我将分享11条我认为特别有用的技巧…