- 博客(6)
- 收藏
- 关注
原创 前端优化方案
前端性能优化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
193
原创 多环境开发
在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
264
原创 懒加载概念
概念:用来减少服务器或者浏览器的压力,我做的项目是渲染canvas,懒加载的作用就是当用户滑动下拉框到当前canvas下时,才开始渲染下一个canvas。学习:先了解什么时候开始渲染,当滚动条超出当前的canvas可视区域时,开始懒加载。document.body.scroolTop,element.offsetTop等还有很多。启用window.scrool=function()...
2021-08-25 10:23:56
229
原创 分享个小demo
实习说了个小任务,点击图片可以获取RGB,点击后设置为背景色。完整代码<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,...
2021-08-23 13:33:19
165
原创 向后端请求
原生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
172
原创 前端实习收获
实习一个月了,做了个前后端分离项目,主要用的有:刚开始用的jquery的ajax,为了更好的封装变为使用axios向后端请求。axios好处请求和响应拦截器,请求的配置可以设置的更详细。向后端请求由原生的js的ajax->jquey的ajax->axios.下面分享的是一个axios封装的对象,为了在api.js中封装方法。将上面封装的axios对象导入,目的是将每一个ajax请求封装成一个方法,在api.js中统一管理,只需要在你使用的页面导入即可。axios封装部分,封装的.
2021-08-23 13:06:14
1476
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅