Shen Chaoran

用技术改变世界

网页中的各种宽高

各种宽高 window.screen: window.screen.width/window.screen.height window.screen.availWidth/window.screen.availHeight window.screenTop/window.scre...

September 22, 2018

Pwa

September 22, 2018

Javascript之作用域链

参考 JavaScript深入之作用域链

September 22, 2018

前端细碎知识汇总

DOCTYPE: Document Type Declaration(DTD) DOCTYPE 的作用：约定 html 版本约定渲染模式 html 版本： HTML 5: <!DOCTYPE html> HTML 4.01 Strict: 又称XHTML...

September 14, 2018

Js设计模式

单例模式 Symbol 工程模式观察值模式代理模式 Proxy + Reflect 适配器模式 M -> VM -> UI Model更改了也没关系，创建一个适配器，将数据转为VM结构，其他代码不用变桥接模式举例：Array(100).fill(0).map(fn...

September 14, 2018

Webpack使用与优化

打包体积优化思路提取第三方库或通过引用外部文件的方式引入第三方库代码压缩插件UglifyJsPlugin 服务器启用gzip压缩按需加载资源文件 require.ensure 优化devtool中的source-map 剥离css文件，单独打包去除不必要插件，通常就是开发环境与生产环...

September 13, 2018

Css之盒模型

标准盒模型和怪异盒模型 box-sizing: content-box/border-box 垂直外边距合并相邻兄弟元素两个兄弟元素之间的外边距，会取两个元素外边距的最大值。相邻父子元素父元素的上外边距和第一个子元素的上外边距，父元素的下外边距和最后一个子元素的下外边距。 ...

September 13, 2018

排序算法

简单选择排序第 i 轮选出序列号为 i 的元素，并把它放在对应的位置上冒泡排序直接插入排序希尔排序又叫缩小增量排序希尔增量 [l/2, l/4, …, 1] 堆排序归并排序

September 12, 2018

前端工程化

September 12, 2018

数据结构之并集查

September 10, 2018