- 博客(41)
- 收藏
- 关注
RSS订阅
原创 React 18版本配置rem 和 vw
1、安装依赖包npm installlib-flexible postcss-pxtoremyarn add lib-flexible postcss-pxtorem2、解包解包需要先做git提交，否则无法解包，因此先执行：git add .git commit -m 'eject之前的提交'接下来直接解包yarn ejectnpm runeject3、配置loader解包后，可以看到项目目录下多了一个config文件夹。打开conf...
2022-04-28 09:30:03
2652
2
原创 Eslint配置指南
ESLint最初是由于2013年6月创建的开源项目。ESLint 是一个开源的，它是用来进行代码的校验，检测代码中潜在的问题，比如某个变量定义了未使用、函数定义的参数重复、变量名没有按规范命名等等。
2023-06-02 17:18:16
5865
2
原创 Vue3中自动引入ref、reactive等语法
在 Vue3 项目中我们可以发现定义变量跟使用vue里面的方法，都要 import { ref } from 'vue'；最后一步啦，试试把import { reactive, ref } from 'vue' 去掉看看效果吧。这个时候在src下面就会出现一个 auto-imports.d.ts。为了不用手动引入，方便开发，我们可以下载插件。
2023-05-26 11:50:40
3246
原创 判断数据类型的几种方式
typeof 操作可以判断基本类型的数据，但是也存在一些特例，比如 typeof null 返回的是“object” ，因为 从逻辑上，null 这个特殊值被认为是一个对空对象的引用，表示一个空对象指针，实际上是基础类型。typeof 返回值 “object” 、“number”、“boolean”、“undefined”、“function” 、“string”、“function”、'symbol"注意：因为 typeof 是一个操作符而不是函数，所以不需要参数，但是可以使用参数，执行结果是一样的。
2023-02-11 15:37:05
685
原创 React判断无token状态的问题
在平时的项目中，做到登陆的一个状态，就会遇到在没有等登陆的情况下不让其访问其它页面，和在token过期的情况下应该要返回login页面的业务问题，这边带大家如何实现这些业务问题，并用来来实现在token过期的情况下应该返回login页面的业务问题。
2023-01-31 19:00:42
592
原创 vue使用文件流进行下载
在 Vue 项目中，经常会遇到下载文件流的情况，使用 new Blob二进制进行文件下载功能（vue后台返回文件流下载导出函数封装、调用示例），type不同下载的文件格式也不同，，可根据自己项目场景更换 new Blob() 的 type 即可。
2022-12-08 20:32:10
13866
9
原创 Vue 之 new Blob() 文件流下载文件不同文件类型的 type 值整理
在 Vue 项目中，经常用 Blob 二进制进行文件下载功能（vue后台返回文件流下载导出函数封装、调用示例），涉及不同后缀名的文件，这里整理一份 Blob 的配置关系对应表，在我们使用Blob做下载功能时 ，根据需要下载的文件类型修改 type 值进行下载即可。
2022-12-08 20:31:31
9409
2
原创 Element UI 多个Form表单同时验证
这里讲的主要是Element UI 组件的表单验证，Element UI 的Form表单验证是依靠 ref 来进行的，但是当一个页面有用到多个Form表单的时候，又要同时对这多个表单进行验证，这个时候写在后面的Form表单会覆盖前面的样式，导致只会验证最后一个。
2022-10-10 16:43:10
2680
原创 工作中经常使用的 JavaScript 技巧
但是，现在数据比较复杂，我们将无法通过 indexOf 方法直接确认数组中是否存在“fatfish”。过去，我们总是使用“indexOf”方法来检查数组是否包含值。事实上，我们有一个更简单的方法来解决它。你一定见过这样的判断方法，虽然，可以达到条件判断的目的，但是，看起来很繁琐。我们可以先对数组进行排序，然后，数组的最后一项就是最大值。给你一个数组，现在你想从中获取一个随机值，你怎么做呢？有时，我们需要找到数组中的最大值，你通常是怎么做的？现在我们有了一个多维嵌套数组，如何将其铺成一维数组？
2022-10-04 20:19:52
225
原创 如何设置input只能输入数字
将标签中的属性直接设置为就可以达到只能输入数字。但是这个方式有一个缺点，它只能作用于网页端，在手机输入的话还是可以输入汉字或英文方法二还是一样在标签上设置，代码如下：该种可以在 input 框输入字母汉字但是会自动删除，最终只会留下数字。...
2022-07-12 15:16:22
27382
1
原创 js数组对象去重
两两比较，如果后一个对象的id值和前一个对象的id值相等，就把后面的对象删除。定义一个数组存储id的值,然后逐个比较,把id值重复的对象删除即可。以上五种方式，可以根据自己的喜好选择，如有错误，欢迎斧正。采用对象访问属性的方法，判断属性值是否存在。
2022-07-11 16:06:31
583
原创 Vue3 watch和watchEffect的使用
watch 和 watchEffect 都是在vue3中用来监听数据的或者某个值的变化时使用的，但使用方法都有所不同和场景都有所不同，这边带着大家体验一遍watch普通数据类型watch 监听<script setup lang="ts">import {ref, watch,watchEffect} from "vue";let num = ref(20);// watch(要监听的响应式数据，(新值,旧值)=>{})// 要写需要监听的数据 watch(num
2022-05-23 14:46:14
692
原创 数组的方法使用和数字的转换
1、push ()；数组最后面添加一个元素，并返回添加的元素2、pop ()；删除数组最后一位元素，并返回删除的元素3、unshift ()；数组最前面添加一位元素，并返回添加的元素4、shift ()；删除数组最前面一位元素，并返回删除的元素5、reverse ()；将数组翻转6、splice（index,多少,项1,项2...)；三个数值返回增删的元素括号第一位数是下标(索引)，第二位数是需要删除的个数，第三位数是需要增加的元素个数7、slice(start,end)； 返.
2022-05-07 16:07:44
1861
原创 Pinia在js文件夹中的使用
Pinia在 Vue 文件夹中是挂载到 setup 上面的，但在js文件夹中使用呢就会报在调用的时候没有激活Pinia这个问题呢其实很好解决，在 js 文件中使用写在函数里面就可以了
2022-04-29 11:55:52
5632
1
原创 React解决跨域
解决跨域方案一：react简单解决跨域可以直接在 package.json 中添加 proxy 属性方案二：如果你已经进行了npm run eject，建议你直接修改config>webpackDevServer.config.js：proxy: { '/api': { target: 'https://www.ahsj.link/rambo', // 后台服务地址以及端口号 changeOrigin: true, //是否跨域 pathRew...
2022-04-28 09:52:46
11435
2
原创 解决Click事件延迟300毫秒问题
这边是利用 FastClick解决在 index.html跟目录文件的head标签中插入<title>Vue.js</title><script src="https://as.alipayobjects.com/g/component/fastclick/1.0.6/fastclick.js"></script><script> if ('addEventListener' in document) { docum...
2022-04-28 09:37:32
208
原创 Vue移动端配置rem
在这边带大家如何在vue移动端项目中配置rem，这边分两种配置方法，一个是你自己手动换算进行计算换算，一个是使用插件来帮你换算，手动自己换算的话适合于Vue的各个版本，使用插件的我这边主要讲的是 Vite，至于其它自行百度一、自己手动换算自己手动换算的需要点数学基础，九年义务教育漏网之鱼就不是很建议了选这个了来到App.vue文件夹根标签 html 设置字体为 100px 并且层级设为最高，id app 字体设置为0.14rem，这样就换算好了，我这边换算的是100px等于1rem在项目
2022-04-27 17:43:48
2038
原创 小程序配置请求器
原生的小程序有自己的自带的一个请求库 wx.request，这就带大家使用加Promise加 wx.request进行我们小程序的一个封装数据请求1、在根目录下创建一个request文件夹，内部在创建 request.js 和 api.js 两个文件夹2、在 request.js 文件夹写入// 表示基础地址const baseUrl = "http://localhost:8001";export default function request(url, params = {}.
2022-03-21 15:32:40
1434
原创 Pinia(Vue的另外一种状态管理工具 类似Vuex) 的使用
前言相信在Vue中提到状态管理，大家一定会想到 Vuex。的确 Vuex确实是比较强大的，但Vuex 多少有点重，而且对 Typescript的支持也不是那么的友好，同时门槛也比较高，学习成本比较大。基于以上种种原因，随着 Pinia 的不断完善 也渐渐的进入到小伙伴的视野中，今天就同大家一起学习一下 Pinia 的优美之处。Pinia 始于 2019年11月， 让人比较心动的事，Pinia 同时支持 Vue2 和 Vue3 这一点可以说是很良心的。当然，由于VueAdminWork中Vue3的
2022-03-10 14:37:16
1974
原创 Vite配置环境变量
Vite配置代码环境变量和 Vue2 的配置差不多，都是依靠 .env 文件夹来实现详情可到 Vite 官网的环境配置里了解：环境变量和模式 {#env-variables-and-modes} | Vite中文网一、在src同级下创建.env.production生产模式和.env.development开发模式两个文件夹二、文件夹内部分别写入...
2022-03-10 11:25:43
15263
2
原创 Vite的一些小配置
Vite是Vue3用来替代webpack的一种代码打包工具，其对比之前的webpack来讲在代码层面会更快 更轻 ；其一些相关详情可以去官网或者度娘去详细了解，在这里就不过多介绍了Vite官网链接：Vite中文网一、配置 @ 符号// vite.config.js import { resolve } from "path"// 使用项目搭配的是 TS 的话要先下载 @types/node，不然 path 是会报错不生效的哦// npm install @types/nodee
2022-03-10 11:05:32
1809
原创 Vue2配置环境变量
代码开发中我们把代码分成开发模式和生产模式，这两种模式的转换我们称职为环境变量。接下来带着大家如何去配置和使用这个环境变量Vue2官网：Vue.js一、首先我们在项目全局目录下创建两个 .env 文件夹，文件分别为 .env.production 生产模式和 .env.development 开发模式二、在文件里面我们写入对应的https请求地址NODE_ENV=developmentVUE_APP_BASE_URL="http://kumanxuan1.f3322.ne
2022-03-10 10:38:50
4795
原创 nvm安装及npm 和 yarn 的一些指令
nvm安装nvmnvm下载链接: https://github.com/coreybutler/nvm-windows/releases安装nvm:1、进入官网点击下载，下载nvm 保存路径不能有中文，2、安装成功后，新打开一个cmd窗口，输入nvm按回车键查看是否安装成功配置nvm淘宝镜像源:复制下面两句话到nvm的安装目录的settings.txt文件里面(目的是加快后面下载nodejs的速度)node_mirror: https://npm.taobao.org/
2022-03-09 11:26:33
2319
原创 js字符串方法
1、split()； 切割字符串2、charAt()； 获取字符串中的某一个字符3、substring()； 截取字符串 用法： substring(start,end)（不包括end）截取从star开始,到end之间的字符串；如果只传一个值,表示从这个位置开始,一致截取到字符串末端4、substr(index,n) : 从index索引位置开始截取,截取n个字符；如果只传一个值,表示从这个位置开始,一致截取到字符串末端5、join ()；拼接字符串6、toUpperCase()； 字符
2022-03-07 15:13:49
1923
原创 Git常用指令
git remote add origin 仓库链接; --->远程与仓库连接git init ---------->初始化仓库git add xxx文件名; ------->添加文件到本地仓库暂存去git commit -m '项目名'; ------>提交文件到暂存区git commit --no-verify -m "XXX"; ------>适用苹果系统的电脑commit不上去的时候使用git push -u origin 分支名称; ----......
2022-02-18 16:10:08
321
原创 javaScript定时器
定时器就是在浏览器里面要实现隔一段时间才会执行的效果一、单次定时器单次定时器就是只会执行一次操作// 隔1秒钟后再输出setTimeout(function(){ console.log('abc')},1000)二、循环定时器循环定时器是每隔一段时间就执行一次。会一直执行下去不会停止// 每隔1秒输出setInterval(function(){ console.log('abc')},1000)三、停止<删除>定时器// 停止单次定时器
2022-01-27 16:14:46
1267
原创 随机数的获取
1、Math.random(number); // 获取随机数带小数，取值范围比如：( 0到10 取不到10) 带小数点2、Math.floor(); //向下取数3、Math.ceil(); // 向上取数4、Math.round(); // 四舍五入5、Math.max(); //取最大值6、Math.min();//取最小值7、parseInt(Math.random()*10); //随机取整数，取值范围 0到10 取不到108、Math.floor(Math.random(.
2022-01-04 15:05:59
683
原创 switch结构判断
在js里面如果是比较固定值，推荐使用swtich-case结构switch-case 只能用于定值判断语法：switch (变量){ case 要比较的固定的值1: 变量和 固定的值1 === 的时候要执行的代码 break; case 要比较的固定的值2: 变量和 固定的值2 === 的时候要执行的代码 break; case 要比较的固定的值3: 变量和 固定的值3 === 的时候要执行的代码 break;
2022-01-04 14:29:55
301
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人