前端
前端JS
金金金__
这个作者很懒,什么都没留下…
展开
-
记录Vue所学知识(上)
计算属性1.定义:要用的属性不存在,要通过已有属性计算得来。2.原理:底层借助了 Objcet.defineproperty 方法提供的 getter 和 setter。3.get函数什么时候执行? (1).初次读取时会执行一次。 (2).当依赖的数据发生改变时会被再次调用。4.优势:与methods实现相比,内部有缓存机制(复用),效率更高,调试方便。5.备注: 1.计算属性最终会出现在vm上,直接读取使用即可。 2.如果计算属性要被修改,那必须写set函数去响应修改,且set中要引起计原创 2022-03-21 22:27:09 · 277 阅读 · 0 评论 -
微信小程序navigateTo:fail webview count limit exceed
页面栈溢出,注意不能无脑navigateTo, 小心页面栈溢出也需要注意是否有填写appid,没有则是5层,填了的话可以10层内。原创 2024-11-15 15:10:38 · 228 阅读 · 0 评论 -
Vue3引入高德地图基本操作一条龙~很详细~看了你也会!
撰写本文的初衷既是为了方便各位读者,也是为了自我提升。在未来面对一些基本操作时,我们不再需要频繁查阅官方文档,节省宝贵的时间。网络上的相关资料虽然丰富,但质量良莠不齐,查找起来颇为不便。因此,我希望通过这篇整理详尽、条理清晰的文章,为大家提供一个可靠的信息来源分为三步走创建Marker对象自定义Icon传入至Marker将Marker添加到地图上添加多个点标记也很简单,传入多个经纬度数组数据,循环创建Marker添加即可注意:一个地图实例每次只能打开一个信息窗体先看一下默认信息窗体如何展示。原创 2024-10-24 14:19:39 · 1480 阅读 · 1 评论 -
Vue引入高德地图自定义信息窗体绑定点击事件无效解决方案
重点就是涉及到一些原生知识,由于是直接在字符串里面插入的元素,所以脱离了Vue的一些控制,细心点也是很好解决的~原创 2024-10-24 11:26:40 · 523 阅读 · 1 评论 -
全网最全最详细的跨域解决方案
了解了浏览器的同源策略之后,想必你心中已经有答案了吧,两个URL的协议域名和端口有一个不同那么就会发生跨域,控制台报错如下耐心看完本篇文章,解决跨域就是简简单单轻轻松松好啦,本篇文章到此结束,选择适合你们的一种解决方案吧~原创 2024-09-15 22:43:47 · 949 阅读 · 0 评论 -
uview-plus 表单校验 相关字段有数据有值的情况下非空验证失败问题
number字段回显 表单校验出现问题,转成string即可。原创 2024-09-14 15:35:23 · 368 阅读 · 0 评论 -
pinia报错does not provide an export named ‘hasInjectionContext
uniapp所依赖的vue版本 和 安装的pinia所需要的vue版本对应不上导致报错,由于我是uniapp项目 只能自降pinia版本,如果不是uniapp项目,vue版本和pinia版本对应的话,那么也不会出现这个问题。原创 2024-03-06 17:09:13 · 1921 阅读 · 1 评论 -
webstorm、vscode、HBuilder配置eslint检查
你们好,我是金金金。原创 2024-02-02 11:24:45 · 1122 阅读 · 0 评论 -
pnpm : 无法加载文件 D:\tool\nvm\nvm\node_global\pnpm.ps1,因为在此系统上禁止运行脚本
你们好,我是金金金。原创 2024-01-31 10:51:14 · 862 阅读 · 0 评论 -
uniapp-uni-icons组件@click.stop失败解决~
不能用在uniapp组件uni-icons上,我们在外层包裹一层view标签,将点击事件放在view标签上即可,希望这个小技巧能帮助到您~原创 2023-12-20 13:20:06 · 1147 阅读 · 0 评论 -
js实现点击按钮下载文件~
你们好,我是金金金。原创 2023-11-22 11:42:30 · 516 阅读 · 0 评论 -
uniapp开发App cover-view 点击事件没反应
把点击事件放写在即可,uniapp有些错误莫名其妙的,写起来真的相当难受啊,我也不懂为啥会这样,但是结果是美好的,确实也能使用了。原创 2023-11-13 17:55:24 · 1378 阅读 · 0 评论 -
项目标题配置等发生变化,用户需要手动清除缓存才能看见?
主要是逻辑判断的问题,读取的一直是第一次存入本地存储的配置,加个版本号,更改配置时手动改一下版本号然后在程序判断里面控制一下即可!原创 2023-10-24 22:02:50 · 97 阅读 · 0 评论 -
vue路由刷新404问题~
因为浏览器在刷新时,路由数据也被清空了,此时如果是动态路由的话,路由守卫当中的to.matched此时肯定为空数组(因为动态路由此时还未加载上),所以导致404没放在路由的最后一个 导致还没匹配完所有的路由就被匹配上从而重定向到404页面了。原创 2023-10-14 18:52:37 · 419 阅读 · 2 评论 -
Ts报错 英文提示转成为中文提示~
你们好,我是金金金。原创 2023-10-12 14:55:43 · 1487 阅读 · 0 评论 -
Ant Design Vue侧边栏收缩的一个小坑~
主要是组件最外层div标签影响到了样式,再者就是细心问题,我把icon组件和title写在一个span标签里面所导致。原创 2023-10-10 15:51:27 · 594 阅读 · 0 评论 -
element-plus分页 项目中 列表页 页码总是回到1~
原因就是我列表页用了v-if重新渲染导致页码总是回到1,采用v-show方式即可。原创 2023-10-07 11:42:45 · 483 阅读 · 0 评论 -
js真实姓名过滤 张三-->张*
碰到一个名字过滤的需求,就是大屏上面不能显示老人的真实姓名,比如:张三 需要用张*来显示。由于后端返回的是真实姓名,那么我们前端就需要来过滤处理一下了。~ 水文一篇,希望也能帮助到您。原创 2023-09-18 10:56:53 · 103 阅读 · 0 评论 -
vue3+Ant Design Vue 搭建后台管理Layout布局
划分一下区域。原创 2023-09-10 23:21:51 · 1474 阅读 · 4 评论 -
Git右键打开窗口失败的问题
完美!!!原创 2023-09-09 09:51:18 · 162 阅读 · 0 评论 -
vben开源项目pnpm install报错 ELIFECYCLECommand failed with exit code 2
发现这因为 'which git 生成了无效的绝对路径 \软件\Git\cmd\git.exe: NotAbsolute("\…,所以我在想是不是我git父目录存在中文所导致。然后我把git放在英文目录下。原创 2023-09-06 11:28:33 · 780 阅读 · 0 评论 -
当你敲下npm命令 后面参数的意思
npm安装后面携带参数的意思。原创 2023-09-05 15:18:29 · 76 阅读 · 0 评论 -
vite获取环境变量友好提示的小操作~
env.development和.env.production当名字相同时,这里面的变量会覆盖.env里面的变量。原创 2023-09-05 08:28:25 · 180 阅读 · 1 评论 -
Ts简单封装axios,亲测好用~
这里是把get、post、put、delete请求封装了一下。主要是为了获取ts更友好的提示。这里写的时候指定好你的类型,在vue文件调用请求的时候就会有相对应的提示。可以看到都有提示了,真的是非常的舒服啊,当你写错单词了 也会爆红线的。vue3 + vite + ts项目。话不多说,直接上代码了。原创 2023-09-05 08:19:36 · 377 阅读 · 1 评论 -
从0到1搭建一个vue3+ts+vite项目,集成axios、router、sass、ant design vue组件库等。
从0到1搭建vue3+ts+vite项目,集成各种插件库使你开发得心应手~~~原创 2023-08-28 21:53:52 · 1144 阅读 · 3 评论 -
一些好用的插件~
很感激各位大佬开发出这么好用的插件!!!我将。原创 2023-08-28 20:52:33 · 94 阅读 · 1 评论 -
新手上路~VUE3+Element-PLUS dialog弹出框重置表单不生效问题
Element-plus dialog问题原创 2023-02-03 10:28:48 · 1914 阅读 · 0 评论 -
修改element ui组件默认样式不生效
修改Element ui组件样式原创 2022-08-10 13:16:22 · 169 阅读 · 0 评论 -
ElementUI中Dropdown 下拉菜单el-dropdown-item 点击事件无效
ElementUI原创 2022-08-10 13:13:59 · 5491 阅读 · 3 评论 -
vue-element-admin项目 npm install报错解决!亲测有效!!!
进阶之路!原创 2022-08-08 17:55:06 · 1084 阅读 · 0 评论 -
记录Vue所学知识(下)
VueCliVueCli文档安装脚手架第一步(仅第一次执行):全局安装@vue/cli。npm install -g @vue/cli第二步:切换到你要创建项目的目录,然后使用命令创建项目vue create xxxx第三步:启动项目npm run serve备注:如出现下载缓慢请配置 npm 淘宝镜像:npm config set registry https://registry.npm.taobao.orgVue 脚手架隐藏了所有 webpack 相关的配置,若想查看原创 2022-04-28 22:24:15 · 115 阅读 · 0 评论 -
JS交互-显示隐藏密码明文
点击一个元素 显示隐藏密码思路 :一个按钮有两个状态,点击一次 切换为文本框(显示密码),再点击一次回到密码框2. 利用一个flag变量 初始为0,判断flag值为1就切换为文本框(把flag设置为0)为0就切换为密码框(把flag设置为1)<style> .box { position: relative; width: 400px; margin: 300px auto;原创 2021-12-12 17:12:39 · 1510 阅读 · 0 评论 -
JS判断是否为素数
function isPrime(num1) { var isSu = true; //表示是否为素数 假设是素数 // 排除1 和 0 if (num1 == 0 || num1 == 1) { isSu = false; } // 判断一个数是否为素数 (又叫质数,在大于1的自然数中,除了1和它本身以外不再有其他因数。即只能被1和它本身整除的数就是素原创 2021-12-07 16:09:58 · 2182 阅读 · 0 评论 -
统计出现最多的字符和个数
思路:1.先遍历字符串charAt()2.存储给对象 对象没有该属性就为1 存在了就+13.遍历对象 得到最大值和该字符 // 1.先遍历字符串charAt() // 2.存储给对象 对象没有该属性就为1 存在了就+1 var str = 'ooabcoefoxyozzopp'; var st = {}; var count = 0; for (var i = 0; i < str.length; i++) { .原创 2021-12-12 17:06:46 · 147 阅读 · 0 评论 -
冒泡排序的理解
代码如下var arr = [1, 3, 5, 4, 2, 82, 23, 59, 105]; console.log('未排序前:' + arr); for (var i = 0; i < arr.length - 1; i++) { // 外层循环趟数 length - 1 /* 里层循环每一趟的交换次数 第一个元素则需要比较length - 1次, 第原创 2021-12-07 11:29:38 · 444 阅读 · 0 评论 -
JS预解析-金典的一道题
function f1() { var a = b = c = 9; /* var a = b = c = 9; 相当于 var a = 9, b = 9, c = 9; (b,c直接赋值,没有var 此时相当于全局变量) 集体声明,应该为:var a = 9, b = 9, c = 9; */ console.log(a); // 9 .原创 2021-12-08 15:33:16 · 398 阅读 · 0 评论 -
Date日期对象-格式化输出
代码如下:<script> var date = new Date(); console.log(date); // Sun Dec 12 2021 16:18:31 GMT+0800 (中国标准时间) console.log(date.getFullYear()); // 获取年份 2021 console.log(date.getMonth()); // 11 月份默认从0开始 console.log(原创 2021-12-12 16:22:39 · 1014 阅读 · 0 评论 -
利用Date对象-倒计时案例
思路:1. 活动开始时间减去当前时间2. 利用时间戳3. 减去之后 时间戳转换为当前 天时分秒function downTime(time) { // 获取活动时间的时间戳 var startTime = +new Date(time); // 获取当前时间的时间戳 var currentTime = +new Date(); // 活动时间戳 - 当前时间戳 = 总的毫秒数(需转换为秒.原创 2021-12-12 16:33:57 · 289 阅读 · 0 评论 -
JS-数组去重
思路 数组去重: 1. 遍历旧数组 2. 拿着旧元素数组去查询判断新数组,该元素在新数组出现过,就不添加,反之,添加。 (利用新数组.indexOf(数组元素) 返回-1 新数组则没有该元素) 3. 有则添加,没有就不添加// 封装一个去重的函数 function unique(arr) { var newArr = []; // 新数组 .原创 2021-12-12 16:40:31 · 305 阅读 · 0 评论 -
返回某个字符在字符串中的索引位置和出现次数
思路 :1. 先查找第一个o出现的位置2. 只要indexOf 返回的结果不是 -1 就继续往后面查找3. 因为indexOf 只能查找到第一个,所以后面的查找,一定是当前索引+1,从而继续查找 var str = 'ooabcoefoxyozzopp'; var index = str.indexOf('o'); var count = 0; while (index !== -1) { console.log('第' + (count + 1) + '次.原创 2021-12-12 17:02:12 · 752 阅读 · 0 评论