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

在前端性能优化树上有很多值得展开的话题，从输入 URL 到页面加载完成发生了什么 这一道经典的面试题就涉及到很多内容，但前端主要关注的部分还是 浏览器解析响应的内容并渲染展示给用户 这一步，本文将会详细分析这一步的具体过程并在分析的过程中理解该如何做性能优化。 浏览器从磁盘或网…

以往用到图片上传功能都是直接使用现成的插件，今天把其中用到的知识点整理一下。 指定选择文件类型的范围。默认为所有文件类型 当文件类型为图片或视频且在移动端时，此属性才有意义。 返回一个 FileList，列出每个所选文件对象。除非 multiple 指定了属性，否则此列表只有一…

在JavaScript发展初期就是为了实现简单的页面交互逻辑，寥寥数语即可；如今CPU、浏览器性能得到了极大的提升，很多页面逻辑迁移到了客户端（表单验证等），随着web2.0时代的到来，Ajax技术得到广泛应用，jQuery等前端库层出不穷，前端代码日益膨胀，此时在JS方面就会…

Flex是Flexible Box 的缩写，意为"弹性布局"，是CSS3的一种布局模式。通过Flex布局，可以很优雅地解决很多CSS布局的问题。下面会分别介绍容器的6个属性和项目的6个属性。每个属性会附上效果图，具体实现代码会以github路径形式更新于此。 注意，设为 Fle…

call 接收多个参数，第一个为函数上下文也就是this，后边参数为函数本身的参数。 apply接收两个参数，第一个参数为函数上下文this，第二个参数为函数参数只不过是通过一个数组的形式传入的。 bind 接收多个参数，第一个是bind返回值返回值是一个函数上下文的this，…

JS 是单线程的。 首先，众所周知，JS 是单线程的，为什么这种低效的运行方式依旧没有被淘汰那？这是由它的用途决定的；JS 主要用途是用户交互和DOM操作，举例来说假如js同时有两线程，一个线程在某个DOM节点上添加内容，另一个线程却删除了这个节点，这时候浏览器就不知所措了，该…