图片上传
1. 图片文件类型检查
2. 图片文件大小检查
3. 图片压缩算法
性能优化
1. 降低图片大小
图片在线压缩、图片通过canvas压缩
2. 合并图片
多张小图做成精灵图，减少http请求，避免浏览器请求阻塞
3. 不同的设备请求不同的图片
移动端手机设备尺寸过多，根据不同的设备请求不同大小的图片
4. CSS绘制简单图形
5. Canvas绘制简单图形
6. SVG制作图形
7. 字体图标库替代图片
- HTML
- CSS
- DOM
- 性能优化-图片
- 1-代码质量
- 2-对象基础知识
- 3-数据类型
- 业务系统100问
- 1.1 如何知道系统有更新并进行刷新
- 1.2 前端与后端密码传输是如何加密的
- 头条面试100问
- 1.43如何实现一个圆形的点击区域
- 1.44实现1px在不同的浏览器模式下呈现一致
- 1.45title与h1的区别
- 1.47Canvas与SVG的区别
- 1.48网页验证码是干嘛的，是为了解决什么安全问题
- 1.49渐进增强和优雅降级的定义
- 1.51对web标准、可用性、可访问性的理解
- 1.52IE各版本和Chrome浏览器同时可下载的数量是多少
- 1.57css reset和normalize.css有什么区别
- 1.58用于预格式化文本的标签
- 1.60header标签中必不可少的标签是什么
- 1.62html5中哪个方法用来获取用户的当前位置
- 1.64disabled和readonly有什么区别
- 1.65主流浏览器的私有css属性前缀分别是什么
- 1.66前端性能优化
- 1.67Chrome中的waterfall
- 1.69html规范中要求资源不加协议头http或https
- 头条CSS面试100问
- 2.1头条面试CSS100问
- 2.3::before和:after中双冒号和单冒号有什么区别
- 2.5CSS中哪些属性是可以继承的
- 2.9如何居中div
- 2.14用纯CSS创建三角形的原理是什么
- 2.15一个满屏品字布局如何实现
- 2.16CSS如何实现多列等高布局
- 2.18li标签与li标签之间有看不见的空白间隔是什么原因引起的？有什么解决方案？
- 2.19为什么要进行CSS初始化
- 数据结构与算法