杏子

PWA 全称为 Progressive Web App，中文译为渐进式 Web APP，其目的是通过各种 Web 技术实现与原生 App 相近的用户体验。

写博客或者公众号很多人都会配图，不仅丰富了文章，也使读者读起来更轻松愉悦。以下是我用过的搜索图片资源比较好的网站。

网页打开的速度快慢直接影响了用户体验。据统计，Google网站访问速度每慢400ms就导致用户搜索请求下降0.59%;Amazon每增加100ms网站延迟将导致收入下降1%;雅虎如果有400ms延迟会导致流量下降5-9%。所以网页加载速度应该是一个前端开发者关注的重要指标。那么我们如何得知，在前端网页中，各资源的加载速度昵？下面以百度为例。

最近因为写书的缘故，需要大量用到一些操作截图以及标注，所以急需一个操作方便的截图工具。说到截图工具，最常用的就是微信、QQ 和钉钉了吧。但是在使用的时候发现这三个工具都有各自的问题，后来终于找到最终方案，给大家分享一下。

全面了解前端模块化开发前言一、.idea 与 .svn 文件二、package.json 文件三、webpack.config 文件四、README 文件五、异常处理前言模块化开发、工程化开发如今也成为前端领域的代名词。但是大部分人只停留在下载脚手架之后进行一些 npm run start 或者 npm run dev 以及 npm install 的命令操作。但是工程化开发中，还有很多其他...

一、JS原理类数据类型，作用域，原型，对象，继承，异步，递归等二、JS框架类JQuery，React，Vue，Angular，包括app框架，ReactNative，Ionic等三、关联知识点浏览器兼容，webpack，http请求方式，http与https以及http状态码，前端安全（XSS漏洞/sql注入/CSRF漏洞/cookie安全策略/传输安全），Redux、mobx...

一、前言对问题的探索既要知其然，也要知其所以然。从事 IT 开发工作者如果不想仅停留在“码农”、“搬砖”、“造轮子”的层面上，对框架和工具的源码研究必不可少。本人作为前端开发，研究过主流框架 React 源码、打包工具 Webpack 源码、常用组件 Ant Design 源码等，以个人经验总结出以下源码研究流程，以兹共享。二、源码研究流程源码研究流程主要分为三个阶段，即开始前，进行中...

一、区别简述面向过程（Procedure Oriented）：以过程为核心，强调事件的流程、顺序，如：C语言。面向对象（Object Oriented）：以对象为核心，强调事件的角色、主体，如：C++、Java。二、案例小明起床上班这件事；从面向过程的角度看就是：1、起床；2、刷牙洗脸；3、开车上班。从面向对象的角度看就是：主人公：小明；拥有的财产：床、牙刷、车；小明可以做...

模块化开发模块化开发是指在程序开发中，可以将每个功能脚本或文件单独提炼出来作为一个个独立的模块，模块之间相互关联，相互依赖，并对外暴露出一个入口文件。既方便开发者自己引用，也方便他人下载使用。比如前端经常用到的 Ant Design 组件，就可以看作是一个模块，在 Ant Design 中也按功能分了许多子模块，像轮播图组件、日期选择组件、导航组件等，模块化开发更便于使用和维护。前端（浏览...

详解浏览器的事件模型一、事件二、事件类型三、注册事件四、事件流一、事件事件类型和事件目标二、事件类型表单时间window事件鼠标事件键盘事件H5 新增事件移动设备事件三、注册事件对目标对象或文档元素添加属性通过 addEventListener() 事件注册调用顺序通过设置属性的优先调用；使用 addEventListener 注册的事件按照注册顺序调用使...