前端
Cola-blog
前端,小程序,iOS
展开
-
vite+vue3 部署后,总是需要清除缓存的问题
2. 使用Vite打包构建的项目,重新部署到生产。在部署期间用户一直停留在当前项目页面(长时间无操作 半个小时+),部署完成后点击页面上的路由,报错!报错内容为 Failed to fetch dynamically imported module。1.每次部署后,需要清除缓存,才能看到最新代码,给打包文件加上hash就可以解决此问题。vite.config.ts文件中加以下代码。原创 2024-05-16 10:45:00 · 343 阅读 · 0 评论 -
vue3 中封装弹框插件
vue3弹框插件原创 2024-05-15 14:59:55 · 520 阅读 · 0 评论 -
vue2中封装弹框插件
vue2弹框插件原创 2024-05-15 14:55:34 · 213 阅读 · 0 评论 -
js,ts中简写符号大全
falsy 值(虚值):是在布尔值Boolean上下文中认定为 false 的值。在 JavaScript 中只有 8 个 falsy 值,包括undefined、null、false、空字符串 (双引号 ""、单引号’’、反引号 ``)、NaN、0。nullish 值:要么是 null 要么是 undefined。nullish 值总是 falsy。原创 2024-04-19 15:51:05 · 261 阅读 · 0 评论 -
errno ECONNRESET,network request to https://registry.npmjs.org/node-gyp/-/node-gyp-10.0.1.tgz failed
安装node-gyp出错原创 2024-02-05 16:14:50 · 397 阅读 · 0 评论 -
JS filter、map、reduce 等常用遍历数组方法详细总结
reduce 回调包含四个参数,第一个参数(必须),是上一次调用回调时返回的累积值,第二个参数(必须)是数组中正在处理的元素。第三个参数(可选)是数组中正在处理的当前元素的索引。返回一个由满足条件的元素组成的新数组,如果没有元素满足条件,则返回空数组。这是循环中最基本的方法,可以中断和跳过,需要中断的,可以用此方法。返回满足条件的第一个元素,如果没有找到满足条件的元素,则返回undefined。简化了for循环,直接对数组的元素做处理,不需要索引,也可中断和跳过。对一组数据进行过滤、去重等操作;原创 2024-01-23 17:14:31 · 427 阅读 · 0 评论 -
beforeRouteEnter 方法中不能引用this的问题
解决方法:next函数中传递一个箭头函数为参数,箭头函数会被自动传入一个this作为参数,就可以像在普通vue代码中使用this一样使用这个参数。beforeRouteEnter 方法中直接引用this会报错误。原创 2024-01-31 15:11:24 · 615 阅读 · 0 评论 -
清除keepalive缓存
A页面进入B页面,返回A后页面不刷新,保留数据。A页面进入C页面,返回A页面刷新。对A页面进行keepalive,进入C,清除缓存。原创 2024-01-31 17:10:14 · 398 阅读 · 0 评论 -
input disabled 状态下颜色不一致
input disabled 状态下iOS和Android颜色不一致。原创 2024-01-23 15:11:29 · 434 阅读 · 0 评论 -
怎么让zepto支持slideup()和slidedown()
让zepto支持slideUp()和slidedown()原创 2023-09-27 10:13:20 · 56 阅读 · 0 评论 -
IE10兼容
浏览器兼容原创 2023-09-14 16:27:35 · 62 阅读 · 1 评论 -
Vuex modules 模式下 mapState/mapMutations 的操作实例
vuex modules下辅助函数怎么取值。原创 2023-08-21 18:23:04 · 584 阅读 · 1 评论 -
JS防抖和节流
在设定的时间内触发一次事件,会在设定的时间结束之后执行该事件处理程序,如果在设定的时间内多次触发事件,则每次触发事件都会重新计时。(可以将防抖类比成电梯:第一个人进电梯之后,电梯会在5秒之后自动关闭电梯门,如果在这5秒内又有人进来了,那么电梯会重新等待5秒后再关门。在进行窗口的操作或者输入框操作时,如果事件处理函数用的频率无限制,会加重浏览器和服务器的负担,此时我们就可以用防抖(debounce)和节流(throttle)的方式来减少调用频率,同时又不影响实际效果。监听scroll滚动事件、按钮点击等等。原创 2023-07-20 17:17:15 · 77 阅读 · 0 评论 -
vue2 vscode需要安装的插件
包含格式化功能, Alt+Shift+F (格式化全文),Ctrl+K Ctrl+F(格式化选中代码,两个Ctrl需要同时按着)原创 2023-06-06 17:45:23 · 1334 阅读 · 0 评论 -
Vue面试题总结
VUE在内存中生成与真是DOM对应的虚拟DOM,当页面发生变化时,通过新的虚拟DOM与旧的虚拟DOM进行对比,就会很快找出差异点,只渲染变化的部分,从而实现高效运行。使用场景:computed----当一个属性受多个属性影响的时候,使用computed-----购物车商品结算。watch–当一条数据影响多条数据的时候,使用watch-----搜索框.是否调用缓存:computed中的函数所依赖的属性没有发生变化,那么调用当前的函数的时候会从缓存中读取,而watch在每次监听的值发生变化的时候都会执行回调。原创 2023-04-25 11:19:28 · 31 阅读 · 0 评论 -
vue-插槽
2.具名插槽:有name。多个插槽的时候需要根据名字插入相应尾椎。3.作用域插槽:传值。原创 2023-06-08 10:32:11 · 28 阅读 · 0 评论 -
js中forEach map 区别
map()方法输出可以与其他方法(如reduce()、sort()、filter())链接在一起,以便在一条语句中执行多个操作。forEach()方法返回undefined ,而map()返回一个包含已转换元素的新数组。如果我们需要传递一个空数组来创建一个新的转换后的数组在这种情况下,建议使用map()方法。这两种都不能中断遍历,如果需要中断遍历,则用for-in,否则抛出异常。map()返回新的转换后的数组。forEach()则不可以。原创 2023-07-16 17:02:16 · 54 阅读 · 1 评论 -
axios介绍以及对axios进行二次封装
Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。jQuery中也封装了axios机制,但是仅适用于浏览器。axios功能特点:在浏览器中发送 XMLHttpRequests 请求在 node.js 中发送 http请求支持 Promise API拦截请求和响应转换请求和响应数据。原创 2023-06-27 17:45:00 · 432 阅读 · 1 评论 -
VUE组件间通信
VUE组件间通信。原创 2023-06-09 17:34:37 · 44 阅读 · 0 评论 -
vue生命周期面试题
6).updated:当这个钩子被调用时,组件 DOM 已经更新,所以现在可以执行依赖于 DOM 的操作,然而在大多数情况下,你应该避免在此期间更改状态。5).beforeUpdate:当执行这个钩子时,页面中的显示的数据还是旧的,data中的数据是更新后的, 页面还没有和最新的数据保持同步。然而,挂载阶段还没开始,mounted一般是在html渲染完成后的操作,此时el,data都已经加载完成,一般对dom的操作都写在mounted中,例如获取innerHTML,初始化echarts的时候。原创 2023-06-15 15:46:03 · 163 阅读 · 0 评论 -
展开运算符...
拼接数组:展开运算符还可以用来拼接两个数组,把各项元素连接到一起,形成一个新数组。(可以在数组任意位置拼接)构造字面量对象:展开运算符在对对象使用时,应当注意以{}包裹起来。展开数组:展开运算符(…)会把数组中各项展开显示。在函数中使用:展开运算符可以运用在函数参数中。拷贝数组:执行的都是浅拷贝(只遍历一层)。原创 2023-05-09 16:48:44 · 151 阅读 · 1 评论 -
form获取表单参数,并获取其中某个字段的值
form 表单获取其参数可通过serialize()获取,但是要获取其中某个字段的值,则需要以下方法得到dict类型数据。原创 2023-04-20 16:14:27 · 491 阅读 · 0 评论 -
React 中父组件调用子组件方法
React 中父组件调用子组件方法原创 2023-04-13 17:55:34 · 613 阅读 · 0 评论 -
vs code使用时每次修改文件时提示没有权限的问题
vscode 代码保存没有权限的问题原创 2022-07-20 10:19:09 · 688 阅读 · 0 评论 -
React中对select清空选项,恢复默认值
React中对select清空选项,恢复默认值原创 2023-04-13 16:27:34 · 1237 阅读 · 0 评论 -
jquery input[type=“checkbox“] attr()设置checked无反应
jquery input[type="checkbox"] attr()设置checked无反应原创 2023-03-02 15:00:34 · 543 阅读 · 0 评论 -
react常见问题
react常见问题--Useless constructor no-useless-constructor报错原创 2022-10-08 09:44:04 · 199 阅读 · 0 评论 -
vue-cli 创建项目遇到的坑
安装脚手架遇到的坑原创 2022-07-20 10:13:12 · 88 阅读 · 0 评论 -
h5星星评分
星星评论原创 2022-07-06 09:24:02 · 490 阅读 · 0 评论