攻城Alone

摘要： 在使用vue3+vite搭建后台框架模板时，按照之前的一些写法，在vite 中会报错。 vue3 vite中require.context报错 在vue2中，使用 require.context 去获取某文件全部文件，但是在 vue3 中使用 vite 后就报错了。 需要使用 import.meta 阅读全文

摘要： Vite 作为下一代开发和构建工具，拥有快速的热重载开发体验，让开发大型项目有着极好的开发体验。element 也为 Vue3 开发了 element plus。 环境支持 Element Plus 可以在 ES2018 和 ResizeObserver 的浏览器运行，低版本浏览器需要自己添加 ba 阅读全文

摘要： 最近做了一个移动端的项目，其中需求是，用户登录成功后，要求页面内容是以横屏的样式来展示的。在这里简单的总结记录下实现的方式。 css 的方式 媒体查询 orientation 语法：orientation：portrait | landscape @media (orientation: portr 阅读全文

摘要： webpack-bundle-analyzer 是一个打包文件分析工具，主要作用是可以直观分析打包出的文件包含哪些，大小占比如何，压缩后的大小等等。 一、安装插件 npm install webpack-bundle-analyzer --D 二、配置 vue.config.js 文件 const 阅读全文

摘要： 数组的方法经常在项目中用到，但有的方法及注意事项可能会有所遗忘，所以，在这里简单的汇总记录下 arr.push() 从后面添加元素，返回值为添加完后的数组的长度 let arr = [1, 2, 3, 4] console.log(arr.push(5)) // 5 console.log(arr) 阅读全文

摘要： vue生命周期是我们使用vue开发过程中避不开的内容。这里简单总结记录下: 生命周期的内容： beforeCreate：创建之前 created：创建之后 beforeMount：渲染之前 mounted：渲染之后 beforeUpdate：更新之前 updated：更新之后 beforeDestr 阅读全文

摘要： 对于前端项目而言，适配是很重要的，而且有时候也是一个令人比较头疼的问题。适配方案之一是使用rem，这里简单总结记录下有关px自动转rem的两个插件。 postcss-px2rem-exclude 将样式文件中的px自动转为 rem。执行命令： npm install postcss-px2rem-e 阅读全文

摘要： 前言 对于vue中的 v-for，我们都不陌生，甚至说是我们的老朋友了。在需求开发中都是会经常用到的。之前因为需求的原因，用到了我个人之前不常用用到的关于 v-for 中的用法，这里简单的做个总结，记录一下。 使用 遍历数组 <template> <div> <ul> <li v-for="item 阅读全文

摘要： 功能 对于大于4M的用分块上传，小于4M时只传 分块上传，支持断点续传 使用 直接使用静态文件地址：ttps://cdnjs.cloudflare.com/ajax/libs/qiniu-js/<version>/qiniu.min.js，会生成全局名为qiniu的对象 使用 NPM 安装 npm 阅读全文

摘要： 基本概念 防抖 节流 在频繁的触发事件时，并在一定时间内没有触发事件，事件函数才会调用一次 在频繁的触发事件时，保证在一定时内调用一次事件函数 实现 防抖 function dbbounce(fn, await = 1000) { let timerId = null let context = t 阅读全文