- 博客(35)
- 收藏
- 关注
RSS订阅原创 vue3+vite+js快速搭建前端项目
pnpm 的全称为 performance npm，翻译过来为高性能的 npm。原因是 pnpm 的作者一开始对 yarn 的发布有很高的期待，但是发布之后并没有满足作者，反而让作者有些失望。我决定按照搭建项目的顺序，从安装Node.js和npm开始，然后是创建项目、安装依赖、配置项目、运行项目等步骤，逐步展开。然后在 src 目录下创建 router 文件夹，并在其中创建 index.js 文件来配置路由。vite.config.js：Vite 配置文件，用于配置 Vite 的各种选项。
2025-03-24 11:02:21
680
原创 vue3管理后台请求全局增加loading，element-plus
【代码】vue3管理后台请求全局增加loading，element-plus。
2025-01-06 10:17:24
239
原创 vue3搭建的项目有警告The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.
vite.config.js 配置如下 css: { preprocessorOptions: { scss: { api: 'modern-compiler', }, }, },
2024-11-13 14:13:08
446
原创 htmi开发复杂页面引入Vue组件不显示问题
最近项目组需要开发一个功能，这个功能很多个项目需要共用这个功能，首先这个功能也不是太简单，有个三四个页面，主页面一个，剩下的都是弹出窗！4.只要你输入http://localhost，访问成功，下面还是出不来的话，就是你代理的路径没有写对，这块你可以请教一下你们公司的后端 他们一般都比较清楚。3.开浏览器，输入地址：http://localhost，访问页面，出现如下页面表示访问成功。如果在danger.vue中又引入了组件：比如是一个上传图片组件。如果你的组件还是没有出来，就需要你本地配置一下代理了。..
2022-08-06 12:09:50
1428
原创 iFrame嵌套传参
1.考虑到我的Vue父项目加载iframe需要时间，我在子项目中加了300毫秒的延迟。先在Vue子项目的 mounted里面建立一个与Vue父项目的链接。同样也是在mounted里面监听一下子项目传递的消息。情况说明：两个Vue项目嵌套（vue父，Vue子）2.像Vue父发送一个信息，告诉他已经连接成功。第一步：嵌套完成，开始通信。......
2022-08-06 11:27:24
1146
1原创 2022前端面试问题总结
1.var和let const 的区别2.typeof 返回哪些类型3.列举强制类型转换和隐式类型转换4.手写深度比较，模拟lodash isEqual5.split() 和 join() 的区别6.数组的 pop push unshift shift 分别做什么总结知识点7.数组slice和splice的区别8.网红面试题 [10,20,30].map(parseInt)9.ajax请求get和post的区别10.函数call和apply 的区别11.事件代理（委托）是什么？h
2022-06-25 18:30:21
190
原创 前端面试必问问题：手写去重（4种方法）
第一种：最简单 set 去重第二种：indexOf 判断去重第三种 双重for循环去重第四种：sort+for去重第五种：filter()+indexOf()方法
2022-06-22 12:01:10
326
原创 面试必问题型：手写一个递归的深拷贝
const =obj1={name:‘xxx’,age:‘18’,adress:{city:‘杭州’}，love:[‘旅游’,‘跳舞’]}使用：const obj1= deepClone(obj)
2022-06-20 16:58:47
270
原创 vue3创建项目下载element依赖报错 npm ERR code ERESOLVE
反复下载依赖报错，应该是npm版本的问题，再下载依赖的后面加上 --legacy-peer-deps比如我下载element-UI安装成功
2022-06-14 16:27:25
1707
原创 vue-cli 3.0创建一个后台项目
1.在桌面需要创建项目的位置打开终端cmd2.全局查看vue版本 vue --version3.安装VueCli最新版 （安装或更新）npm install --global @vue/cli4.创建项目 vue create my-adminSave this as a preset for future projects? (y/N) N ---------------------是否保存为模板 N5. cd my-admin6. npm run serve...
2022-06-13 14:41:06
156
原创 h5页面判断移动端是iPhone还是安卓 ，或者是微信浏览器，或者是iPad
我常用的vue ,就以vue代码为例吧！navigator是HTML中的内置对象，包含浏览器的信息；userAgent是navigator的属性方法，可以返回由客户机发送服务器的头部的值，作用其实就是就是返回当前用户所使用的是什么浏览器，toLowerCase(）是将转换为小写...
2022-06-08 11:47:57
2235
原创 阿里云oss上图片缓存问题处理
今天遇到一个问题，写完的H5页面，UI验收的时候发现有个底图颜色太暗，后面发现是他切得图少切一个图层，从新切图给我，让我换一下，我一般拿到UI的切图后都是直接上传到oss上，这样子方便也快捷！我直接用新图把老图覆盖了，本地看了可以，没问题！但是构建完H5页面还是没变，后面请教大佬，说是oss的缓存问题解决办法：原图地址：https://img.xxxxx.com/cdnn/temp_img/page/my_share/bg_top.png解决：https://img.xxxxx.com/cdnn/te
2022-06-07 15:03:11
2818
转载 js处理对象的几个小技巧
js处理对象的几个小技巧1.有条件的向对象添加属性const flag = true;const person = { id:1, name:'tom', ...(flag && { age:16 })}console.log(person); //{id:1,name:'tom',age:16}const flag = false;const person = { id:1, name:'tom', ...(flag && { age:16 })
2021-10-12 15:04:31
437
原创 vue input输入框只能输数字
vue input输入框只能输数字<el-inputv-model=“params.discountPrice”clearabletype=“text”placeholder=“输入折扣价格”class=“w-inp”@input=“params.discount=params.discount.replace(/[^\d.]/g,’’)”>可以输入9.9 99数字加小数点欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如
2020-06-08 14:33:37
5076
原创 js数组去重，超级简单的方法
js数组去重（面试 工作超实用）var arr = [1,2,2,3,3,4,4,5,4,3,2,2,2,8]let pwArr = Array.from(new Set(arr))console.log(pwArr)//[1,2,3,4,5,8]
2019-11-01 14:18:40
181
原创 Vue js 小程序都是通用的，正则实现 银行卡号 中间用****展示，只显示前四后四位
var reg = /^(\d{4})\d+(\d{4})$/; let bankCard = 6236681420002483378; console.log( bankCard.replace(reg, "$1 **** **** $2"));
2019-09-18 13:40:10
2572
原创 手把手教你写一个小程序图片懒加载bindload，提示文字页面滚动消失（onPageScroll），停止出现（附源码），滑动到底部事件onReachBottom
今天接到需求需要在小程序上写个协议加载的页面需求1.协议分成15张图片加载需要加载动画2.滑动页面提示文字消失3.滑动到底部按钮可以点击wxml部分<view> <image wx:for="{{imgUrls}}" wx:key="item" src="{{arry[index] ? imgUrls[index].url: ''}}" class=" pic...
2019-09-09 20:59:00
710
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人