前端基础知识

1.常见的错误状态码

（1）1xx：临时回应，表示客户端请继续。

（2）2xx：请求成功。

200：请求成功。

（3）3xx: 表示请求的目标有变化，希望客户端进一步处理。

301&302：永久性与临时性跳转。

304：设置缓存，一般是服务器端做的，对于一些不需要经常更新的资源文件

（4）4xx：客户端请求错误。

400：请求参数错误

401：（未授权） 请求要求身份验证

403：（禁止） 服务器拒绝请求。

404：表示请求的页面不存在。

408 （请求超时） 服务器等候请求时发生超时。

413：和服务器交互的内容，上传的资源大小超过服务器限制的大小

（5）5xx：服务端请求错误。

500：服务端错误。

503：服务器超负荷

2.PC端兼容问题

（1）rgba不支持IE8，用opacity属性代替

（2）图片加a标签，在IE9中出现边框，方案：{border:none}

3.移动端兼容问题

（1）手机端300s延迟：fastClick

（2）上下拉滚动条卡顿，overflow-scolling:touch

（3）长时间按住页面出现闪退：-webkit-touch-callout:none

（4）安卓手机的圆角失效：background-clip:padding-box

4.vue 优化

vue-router路由懒加载

打包优化——工程文件打包的时候不生成.map文件

使用字体图标代替切图

*使用雪碧图*

*提取公共样式和方法*

*定时器销毁* v-if 和 v-show 区分使用场景 computed 和 watch 区分使用场景 v-for 遍历必须为 item 添加 key，且避免同时使用 v-if

5.前端优化

减少http请求

CDN加速

用innerHTML代替DOM操作，减少DOM操作，优化js性能

需要设置样式很多时，设置className而不是直接操作Style

少用全局变量

使用压缩组件

使用浏览器缓存

前端基础知识

原文：https://www.cnblogs.com/star-meteor/p/12752130.html