我们经常听说：“写代码要有良好的封装，要高内聚，低耦合”。那怎样才算良好的封装，我们为什么要封装呢？其实封装有这样几个好处： JS生态已经有很多模块了，有些模块封装得非常好，我们使用起来很方便，比如jQuery，Vue等。如果我们仔细去看这些模块的源码，我们会发现他们的封装都是…

我曾经一度很迷茫，在学了 Vue、React 的实战开发和应用以后，好像遇到了一些瓶颈，不知道该怎样继续深入下去。相信这也是很多一两年经验的前端工程师所遇到共同问题，

DOM 或文档对象模型是 web 页面上所有对象的根。它表示文档的结构，并将页面连接到编程语言。它的结构是一个逻辑树。每个分支结束于一个节点，每个节点包含子节点、对象。DOM API非常庞大，在本文中，咱们只讨论比较常用有有用的那些API。 document.querySele…

笔者最近在对原生JS的知识做系统梳理，因为我觉得JS作为前端工程师的根本技术，学再多遍都不为过。打算来做一个系列，一共分三次发，以一系列的问题为驱动，当然也会有追问和扩展，内容系统且完整，对初中级选手会有很好的提升，高级选手也会得到复习和巩固。这是本系列的第二篇。 扫了一眼目录…

2. 循环实现数组 map 方法 3. 使用 reduce 实现数组 map 方法 4. 循环实现数组 filter 方法 5. 使用 reduce 实现数组 filter 方法 6. 循环实现数组的

此处也是通过网上的一个题目例子来对数组的这几种用法进行分析整理的，可以在浏览器的控制台中打印结果进行对比。此处给出两组数组 第二组(people数组，包含一组人名，名姓之间用逗号分隔。) map(映射操作，对原数组每个元素进行处理，并回传新的数组。以第二题为例) sort(排序…

如果两个 URL 的 protocol 、 port (如果有指定的话)和 host 都相同的话，则这两个 URL 是同源。 JSONP的原理是：静态资源请求不受同源策略影响。实现如下： CORS：跨域资源共享(CORS) 是一种机制，它使用额外的 HTTP 头来告诉浏览器 让…

WebAssembly(或者说Wasm)在相对不久前被加入到了Web浏览器标准之中. 而它对于拓展Web平台的能力具有不可小觑的潜力. 尽管WebAssembly的学习曲线十分陡峭, AssemblyScript提供了一个简单的门道. 让我们先来看看为什么说WebAssembl…

前端团队有评审代码的要求，但由于每个开发人员的水平不同，技术关注点不同，所以对代码评审的关注点不同，为了保证代码质量，团队代码风格统一，特此拟定一份《前端团队代码评审 CheckList 清单》，这样代码评审人员在评审代码时，可以参照这份清单，对代码进行评审。从而辅助整个团队提…