开发
搬砖鱼哥
一个资深的前端开发工程师,每天分享各类前端干货
展开
-
js如何从数组删除某些属性
var orderList= [{"item_id":"121","label":"[\"茄子\",\"打击我气的\"]","remarks":"","title":"测试小程序商品","sales_num":null,"img_url":"https://haibeimaster.oss-cn-hangzhou.aliyuncs.com/__liemi__/image/jpeg/ABFXZMNT01234678_1598588753.jpg","price":"100.00",...原创 2020-11-03 17:20:45 · 1665 阅读 · 2 评论 -
本地存储cookies,sessionStorage 和 localStorage 的区别
cookie: cookie是网站为了标示用户身份而储存在用户本地终端(Client Side)上的数据(通常经过加密)。 cookie数据始终在同源的http请求中携带(即使不需要),记会在浏览器和服务器间来回传递。 sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存。 存储大小: cookie数据大小不能超过4k。 sessionStorage和localStorage 虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大。原创 2020-06-02 09:31:39 · 166 阅读 · 0 评论 -
vue项目优化,路由懒加载
当打包项目时,js包会变得非常的大影响页面加载,影响页面加载,如果我们把不同路由对应的组件分割成不同的代码块,当路由被访问时才加载对应的组件,这样就更加高效了。1.安装 @babel/plugin-syntax-dynamic-import2.配置babel-plugins在babel.config.js里的plugins引入包"plugins": [ "@babel/plugin-syntax-dynamic-import" ]3.修改引入方式按功能模块打包到一块.原创 2020-05-29 22:31:33 · 166 阅读 · 0 评论 -
轻松上手企业开发,vue项目优化配置webpack不同的多入口文件
1.在项目中创建vue.config.js文件2.js内部暴露出一个配置对象module.exports = { }3.利用chainWebpack配置不同环境设置不同的入口文件chainWebpack:config=>{ // 当前环境为 发布阶段 config.when(process.env.NODE_ENV == 'production',config=>{ config.entry('app').clear().add('./src原创 2020-05-29 11:41:41 · 269 阅读 · 0 评论 -
前端开发项目优化,利用nprogress给项目添加进度条
1.安装nprogressnpm i nprogress2.在main中导入进度条组件//导入进度条插件import NProgress from 'nprogress'//导入进度条样式import 'nprogress/nprogress.css'3.利用请求拦截器设置NProgress.start()显示进度条axios.interceptors.request.use(config => { NProgress.start() config.header原创 2020-05-28 21:04:13 · 185 阅读 · 0 评论 -
带你轻松掌握mockjs,结合vue-cli高效开发企业项目
为什么使用mockJs在工作开发中,如果后端接口还未开发完成,难道我们就只能写静态页面了吗?所以前端为了不影响工作效率,我们自己手动模拟后端接口返回随机数据。采用json数据模拟,生成数据比较繁琐,也比较有局限性,没办法达到增删改查采用mockJs进行模拟数据,可以模拟各种场景(get、post)生成接口,并且随机生成所需数据,还可以对数据进行增删改查使用mockjs1.首先我们通过vue-cli搭建基本项目2.在项目中安装mocknpm i mockjs3.新建mock.js在项目中引入原创 2020-05-28 00:19:31 · 141 阅读 · 0 评论