前言 面试题是永远都准备不完的！！！！！ 前端常见的一些问题 1.前端性能优化手段？ 1. 尽可能使用雪碧图 2. 使用字体图标代替图片 3. 对HTML，css，js 文件进行压缩 4. 模块按需加载 5. 资源懒加载与资源预加载 6. 避免使用层级较深的选择器及减少DOM深度 2.单页面应用和多 ...
分类：
编程语言 时间：
2019-10-17 17:13:26
阅读次数：
85
1. 一张卡片切换内容（只有一张卡片，显示不同内容） 优点：减少代码量 缺点：内容涉及图片时，更改src会重新加载图片，即使两次显示同样的内容，图片依然会重新加载，体验性不好 2. 多张卡片固定内容（卡片内容固定，显示不同卡片） 优点：不用每次都加载图片，初始渲染就写入浏览器缓存中，配合图片预加载效 ...
分类：
其他好文 时间：
2019-10-13 15:37:51
阅读次数：
87
function load(url) { let imgObj = new Image(); // 创建图片对象 imgObj.src = url; if (imgObj.complete) { console.log('is loaded') } else { imgObj.onload = ()... ...
分类：
编程语言 时间：
2019-10-13 15:00:36
阅读次数：
86
垂直方向（顶部、中间、底部）：vertical-align:(top、middle、bottom) 水平方向（左侧、中心、右侧）：text-align:(left、center、right) 清除浮动：（overflow:auto）清除浮动：（clear:both） 字体倾斜：font-style: ...
分类：
编程语言 时间：
2019-10-08 21:52:30
阅读次数：
103
懒加载实际上就是通过计算图片的到可视区窗口的距离，如果图片的顶部到可视区窗口的底部的距离小于等于0的话，就生成一个image并设置image.src的属性值，放置到相应的图片位置 从而实现懒加载，即动态的创建image和添加image元素到页面。 预加载：要实现已进入页面就将图片下载，直接在scri ...
分类：
其他好文 时间：
2019-10-03 10:51:57
阅读次数：
75
最近一个项目，首页图片太多，便在网上找资料搜寻解决方法，搜集了一些方法，并进行了封装。最简单的方法是把图片的src值放在一个数组中，用for循环对数组进行遍历，创建图片对象并将遍历的src值加到图片对象的src属性上，之后在写一个onload的回调函数就可以使用图片对象了。demo代码如下：1234... ...
分类：
其他好文 时间：
2019-10-02 22:32:26
阅读次数：
123
一、JS的new image（）用法 创建一个Image对象：var a = new Image(); 定义Image对象的src：a.src="xxx.gif";这样就相当于给浏览器缓存一张照片了。<body> Image也经常用于预加载。 Image对象代表嵌入的图像。 <img>标签每出现一次 ...
分类：
其他好文 时间：
2019-09-20 22:47:57
阅读次数：
83
首先要知道什么是AMP以至于为什么要选择AMP？ AMP他并不是一门新技术，他只是一种能够让页面更快打开的一种办法。之所以用他是因为AMP能够带来SEO排名优化。另外Google搜索结果对AMP页面有预加载处理，能让用户更快地达到我们的定向页面。 AMP项目开发 AMP项目开发和普通站点开发几乎是一 ...
分类：
其他好文 时间：
2019-09-11 15:47:59
阅读次数：
109
图片 预解析 DNS 预加载 预渲染 页面 去抖、节流 避免短时间内发出多次请求 懒执行、懒加载 首屏不需要的逻辑延迟执行，不在首批的图片延时加载 CDN 尽可能的在各个地方分布机房缓存数据 ...
分类：
其他好文 时间：
2019-09-08 20:03:46
阅读次数：
87
第三十六篇（书中 10.7 ~ 10.8 节 内容） 开始 书中 10.7 节内容。 书中 10.7 节内容结束。 书中重点： 1、导出素材。 2、配置粒子库。 3、播放动画。 开始操作： 1、导出素材。 我设置好了雪花的效果。 接着是导出。 这是导出后的资源文件。 导入Egret的预加载资源组中。 ...
分类：
其他好文 时间：
2019-08-14 22:08:59
阅读次数：
97
