崛起崛起

摘要： 原文地址：https://jingyan.baidu.com/album/454316ab29d0c0f7a7c03a1f.html?picindex=1 vue 项目开启gzip压缩和部署 nginx 开启gzip优化性能 第一步，在vue项目中安装依赖并将productionGzip改为true 阅读全文

摘要： 第一步：$> ssh-keygen -t rss -C zhangsan@abc.com； 第二步：拷贝公钥到gitlab； 第三步： $> git config —global user.name zhangsan $> git config —global user.email zhangsan 阅读全文

摘要： function formatMoney(money, symbol) { symbol = symbol || '￥' // 默认是RMB let str = money.toFixed(2) // 只取2位小数 let l = str.split('.')[0] // 获取整数位 let r = 阅读全文

摘要： 1.调用useMouseElement函数，获取元素内鼠标移动的坐标。 // elementX ， elementY target元素范围内的坐标值。 2.定义left，top变量蒙层移动的距离 left=elementX-蒙层盒子宽度的一半 top=element-蒙层盒子高度的一半 3.watc 阅读全文

摘要： vue3自定义指令图片懒加载 效果：当滚动到可视区域图片加载 步骤： 1）注册全局自定义指令 2）获取可视区域，当可视区域为true是，el.src=binding.value 当加载失败时，el.src=默认的加载图片 3)给Dom绑定自定义指令 1 /** 2 * vue插件：注册全局指令 3 阅读全文

摘要： 1.组件数据懒加载--到可视区域再发请求（vue3） 关键：如何判断组件进入视口 useIntersectionObserver 技术方案： 我们可以使用 @vueuse/core 中的 useIntersectionObserver 来实现监听组件进入可视区域行为，需要配合vue3.0的组合API 阅读全文

摘要： 1）定义基础骨架组件结构 components/Skeleton/index.vue <template> <div class="xtx-skeleton shan" :style="{ width: '60px', height: '30px' }" > <!-- 1 盒子--> <div cl 阅读全文

摘要： css相关--安装重置样式的包 npm i normalize.css 表单校验安装包--vee-validate 阅读全文

摘要： 解决方案：使用vue-cli的style-resoures-loader插件来完成自动注入到每个vue组件中style标签中 1）在当前项目下执行一下命令vue add style-resources-loader，添加一个vue-cli的插件 说明：指定预处理器=》Less 2） 安装完毕后会在v 阅读全文

摘要： axios封装 // 封装axios // 1.导入axios // 2.创建axios实例 // 3.设置基础路径 // 4.请求和响应拦截器 // 5.请求前给请求头添加token // 6.响应后，如200，则简化返回的数据 // 7.响应后，如401，则携带当前路由，跳转到登录页 impor 阅读全文