摘要：
减少http请求 1 合理使用http缓存； 2 CSS Sprites，通过合并 CSS图片减少请求数； 把非常多小图片集中到一张图片上这样在仅仅须要一个HTTP请求-响应，下载一次之后不管是该页面还是网站其他页面使用这张大图上的图片的时候就能够使用缓存，不会带来重复下载的开销。所以仅仅有一个HT 阅读全文
posted @ 2020-04-20 18:01
seeBetter
阅读(131)
评论(0)
推荐(0)
摘要：
模块化、组件化、规范化、自动化 模块化 模块化就是将一个大文件拆分成相互依赖的小文件，再进行统一的拼装和加载。 js模块化 用浏览器的<script type="module">加载； 用Webpack将所有模块打包成一个文件同步加载，也可以搭乘多个chunk异步加载； css模块化 资源模块化 规 阅读全文
posted @ 2020-04-20 17:19
seeBetter
阅读(128)
评论(0)
推荐(0)
摘要：
单页面 缺点： 首屏加载时间长； 不利于seo（搜索引擎优化）； 浏览器的前进后退的导航不可用； 页面的复杂度提高很多； 优点： 页面切换快； 服务器压力小； 页面切换时效果炫酷（可以加切换动画）； 为什么单页面首屏加载时间长？ 首屏要加载很多需要的js文件，会阻碍页面渲染，导致白屏或加载缓慢 优化 阅读全文
posted @ 2020-04-20 16:58
seeBetter
阅读(782)
评论(0)
推荐(0)
摘要：
常用的数据结构有：数组，栈，链表，队列，树，图，堆，散列表等 每一种数据结构都有着独特的数据存储方式 数组 使用场景：频繁查询，对存储空间要求不大，很少增加和删除的情况 阅读全文
posted @ 2020-04-20 12:05
seeBetter
阅读(139)
评论(0)
推荐(0)
摘要：
产生原因 有时候，我们在添加图片img标签后并没有给该标签设置magrin属性的margin-bottom值，在浏览器中打开就会出现图像底部留白，为什么为造成这个原因？ 下面就来进行分析：由于img元素默认为inline-block元素（有inline元素特点），而inline元素的vertical 阅读全文
posted @ 2020-04-20 10:54
seeBetter
阅读(173)
评论(1)
推荐(0)
摘要：
var arr = [1, 2, 3, 4, 5]; arr.sort((a, b) => { return Math.random() > 0.5 ? -1 : 1; // 如果a<b不交换，否则交换，即升序排列；如果a>b不交换，否则交换，即将序排列 }); console.log(arr); 阅读全文
posted @ 2020-04-20 10:08
seeBetter
阅读(372)
评论(0)
推荐(0)
摘要：
var arr = [-1, 1, 101, -52, 10, 1001, 1001]; Math.max(...arr); // 1001 var arr = [-1, 1, 101, -52, 10, 1001, 1001], max; arr.forEach((item, i) => { ma 阅读全文
posted @ 2020-04-20 09:21
seeBetter
阅读(498)
评论(0)
推荐(0)
浙公网安备 33010602011771号