模块化机制总结

1.CommonJSCommonJS规范规定,每个模块内部,module变量代表当前模块。这个变量是一个对象,它的exports属性(即module.exports)是对外的接口。加载某个模块,...

koa源码学习记录

koa 源码设计的巧妙而又短小精悍,学习 koa 源码能够理解 koa 的设计思想,而又不会像学习其他框架源码一样过于庞大的代码让人头晕目眩。 洋葱模型koa 洋葱模型主要依赖 koa-comp...

XSS和CSRF攻击及防御

XSSXSS,即 Cross Site Script,中译是跨站脚本攻击;其原本缩写是 CSS,但为了和层叠样式表(Cascading Style Sheet)有所区分,因而在安全领域叫做 XS...

性能指标总结

常见性能名词解释: FPFP(全称“First Paint”,翻译为“首次绘制”) 是时间线上的第一个“时间点”,它代表浏览器第一次向屏幕传输像素的时间,也就是页面在屏幕上首次发生视觉变化的时间...

性能优化常见问题

雅虎军规在前端性能优化中,雅虎军规起到了至关重要的作用,大多数情况下我们可以直接参考雅虎军规。这里不做过多笔记了,参考链接如下: 雅虎军规中文版 测试网速拿到用户网速可以做很多事情,如在用户网速...

浏览器渲染流程

首先看一张图片,取自w3c官方 Navigation Timing 这张图片展示了向浏览器输入url之后的流程: 准备工作: prompt for unload:准备释放上一个页面的资源。 ...

redux核心状态管理

Redux/React 自身良好的架构、先进的理念,加上一系列优秀的第三方插件的支持,是 React/Redux 成功的关键所在。闲言少叙,直接进入主题~ Redux 架构 Redux 将 Re...

排序算法总结

1.冒泡排序开始学习排序算法时,通常都先学冒泡算法,因为它在所有排序算法中最简单。冒泡排序原理是比较相邻的两个项,如果前一项大于后一项,则交换他们。 123456789101112131415f...

webpack-plugin原理

webpack插件是什么官方文档: webpack 插件是一个具有 apply 属性的 JavaScript 对象。apply 属性会被 webpack compiler 调用,并且 compi...

123