12 2021 档案
摘要:第一步:$> 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
阅读全文