![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端知识点
前端工作中所要用到的知识点
进取的前端开发生
18级软件工程双非本科,分享前端学习,面试经验。
展开
-
前端优化方案
前端性能优化 web前端指网站业务之前的部分,包括浏览器加载,网站视图模型,图片服务,CDN服务等,主要优化手段有浏览器访问、使用反向代理、CDN等。 1.减少http请求,合理浏览器缓存 2.启用压缩 3.CSS Sprites:合并css图片,减少请求数 4.LazyLoad Images:在页面刚加载的时候只加载的时候只加载第一屏,当用户继续往后滚屏的时候才加载后续的图片。 5.CSS放在页面最上部,JavaScript放在页面最下面:让浏览器尽快的下载css渲染页面 6.异步请求Cal原创 2021-08-27 17:50:14 · 124 阅读 · 0 评论 -
多环境开发
在axios请求中设置 if(process.env.NODE_ENV=="development"){ axios.defaults.baseURL="/api"; }else if(process.env.NODE_ENV =="debug"){ axios.defaults.baseURL="";} else if(process.env.NODE_ENV=="production"){ axios.defaults.baseURL="http://172.16.14.64:8080";} 安装原创 2021-08-25 10:42:00 · 190 阅读 · 0 评论 -
懒加载概念
概念:用来减少服务器或者浏览器的压力,我做的项目是渲染canvas,懒加载的作用就是当用户滑动下拉框到当前canvas下时,才开始渲染下一个canvas。 学习:先了解什么时候开始渲染,当滚动条超出当前的canvas可视区域时,开始懒加载。 document.body.scroolTop,element.offsetTop等还有很多。 启用window.scrool=function() ...原创 2021-08-25 10:23:56 · 157 阅读 · 0 评论 -
向后端请求
原生js的ajax请求->jquey中ajax请求->axios请求 1.原生js的ajax请求 原生js的ajax估计没人用了,了解一下就行了,下面是封装的ajax. 2.jquery中的ajax 封装的方法四个参数,应该能看懂啥意思。 3.aixos请求 这个应该是以后向后端请求的主要方式,有请求和响应拦截器,配置的更详细 创建的axios对象 将axios对象,封装成方法,每一个方法对应一个请求,都封装在一个js中,同一管理请求。我命名为api.js ...原创 2021-08-23 13:23:56 · 114 阅读 · 0 评论