- 博客(429)
- 收藏
- 关注
RSS订阅原创 window.localStorage 增删改查
为什么把新增和修改归为一类, 因为对于localStorage 的修改也是再次通过 setitem 来进行的删除单个 数据。let content = window.localStorage.getItem('名称')window.localStorage.clear();// 清楚所有数据。window.localStorage.setItem('名称', '数据内容');window.localStorage.removeItem('名称')；
2024-04-01 14:01:04
226
原创 js 时间格式字符串去掉中间的中横线
js 数据格式去掉中间的中横线 使用这跟正则表达式进行替换1: js去掉字符串中所有的横杠 string.replace(/-/g,'');2: show_title+="</br>时间："+con_time.replace(/-/g,'');把中横线全部退换成'' 全部替换成'' 空字符串...
2022-05-26 14:49:15
3383
1
原创 provide 和 inject 组件之间的通信
provide 和 inject 作用: 实现祖孙之间的通信套路: 父组件有一个provide 选项来提供数据, 子组件有一个inject 选项来使用这么数据祖孙组件 也是跨级组件: 祖孙组件: (跨组件...)未完待续......
2022-04-18 20:37:01
218
原创 el-date-picker 时间日期格式
时间日期格式: 选择当前月前一年的时间范围:<el-date-picker v-model="pageList.monthrange" type="monthrange" range-separator="至" format="yyyy-MM" value-format="yyyy-MM" start-placeholder="开始月份" end-placeholder="结束月份" :picker-options="pickerOptions"><.
2022-04-02 11:10:07
4568
原创 自定义指令的对象写法 (配置项比较细)
directives: { // big 函数何时会被调用? 1: 指令与元素成功绑定时(一上来就会绑定) 2: 指令所在的模板被重新解析时 big(element, binding) { // 第一种函数写法 console.log('big') // 页面已加载就会调用一次 element.innerText = binding.value * 10; } 第二种对象写法: fbind: { // 指令与元素成功绑定在一起 bind() { },.
2022-03-20 21:06:01
305
原创 vue 指令操作
v-pre: 指令 1: 跳过其所在的节点的编译过程. 2: 可利用它跳过: 没有使用的指令的语法。 没有使用插值的语法, 会加快解析。 v-once: 1: v-once 所在节点在初次渲染动态渲染后, 就视为静态内容里了。 2: 以后的数据的改变不会引起v-once 所在结构的更新, 可以优化性能。 v-cloak: 指令: 1: 本是是一个特殊的属性, vue实例对象创建完毕并接管容器后, 会删掉v-cloak 属性。 2: 使用css 配合使用v-cloak 可以解.
2022-03-19 13:23:19
897
原创 优美的诗句
1: 花店不是为了花而开的，但我是为了你而来的。2: 万里星光，一如既往。3: 生命可以随心所欲，但不能随波逐流。4: 我对自己说，跨过去，春天不远了，永远不要失去发芽的心情。花店不是为了花而开的，但我是为了你而来的。万里星光，一如既往。生命可以随心所欲，但不能随波逐流。一个人至少拥有一个梦想，有一个理由坚强，心若没有栖息的地方，到哪里都是流浪。——梦想鸡蛋从外面打破是食物，从内部打破是生命。人从外打破是压力，从内打破是成长。——成长我对自己说，跨过去，春天不远了，永远不要失.
2022-03-19 10:24:13
392
原创 vue 3.0 中生命周期中钩子函数
vue 3.0中可以继续使用 vue2.0 中的生命周期钩子, 但是有两个被更名: beforeDestroy 更名为 beforeUnmount; destroryed 更名为 unmounted;vue 3.0 也提供了COmposition API 形式的生命周期钩子, 与vue2.0钩子对应关系如下: 1: beforeCreate ===> setup() 函数; 2: created ===> setup() 函数; 3: beforeMount ===>.
2022-03-13 21:54:54
2595
原创 vue3.0 setup 函数的注意点
setup 函数的执行时机:setup 函数的执行时机在beforeCreate 之前执行， this的指向问题就是underfined。setup 函数的连个参数props值: 为对象，包含组件外部传传递过来的， 且组件内部声明接受的属性。content: 上下文对象： attrs: 值为对象， 包含组件外部传递过来的， 但是没有在props 配置中声明的属性。 相当于this.$attrs.slots: 收到的插槽的内容，相当于this.$slotsemit：分发自定义事...
2022-03-13 18:41:11
1488
原创 vuex 是什么? vuex 工作原理图
vuex： 是专门在Vue 中实现集中式状态(数据)管理的一个Vue 插件, 既是对应用中多个组件的共享状态的集中式的管理(读/写), 也是一种组件之间通信的通信的一种方式, 且适用于任意组件之间的通信。1: vuex 是专门解决共享数据的问题, 多组件共享数据。 vuex 实现: 2: 什么时候使用 Vuex 1: 多个组件依赖于同一状态。 2: 来自不同组件的行为变更同一状态。3: Vuex 工作原理: (1)： vuex 有三个重要的概念: acti.
2022-03-10 17:25:01
437
原创 vue3.0 中ref 函数 和 reactive函数对比
1：reactive 和 ref 函数的对比: ref 函数从定义的角度 ref 函数用来定义: 基本数据类型 reactive 用来定义: 对象(或数组)类型数据。、 备注: ref 函数也可以定义对象(数组) 类型数据。 它会内部会自动转为代理对象。2: 从原理角度对比: ref 函数通过Object.definedPropery() 的get() 和 set() 方法实现的数据响应式。(数据劫持) reactive 通过使用Proxy 来实现数据响应式(数.
2022-03-09 17:15:40
648
原创 vue 3.0 响应式数据原理
vue3.0 数据响应式原理的实现： 1: 实现原理: 通过(Proxy)代理实现: 拦截对象中任意属性的变化, 包括属性值的读写, 属性的添加, 属性的删除等操作。 2: 通过(Reflect)(反射); 被代理的对象, 属性进行操作。MDN 文档中描述的Proxy 与Reflect: new Proxy(data, { // 拦截读取属性值 get (target, prop) { return Reflect.get(target, prop); .
2022-03-09 16:38:56
2040
原创 优美的诗句
1: 多情只有春庭月, 犹为离人照落花。 2: 长街长, 烟花繁, 你挑灯回。 3: 梧桐深处凤未归。 4: 君去后, 酒暖思念瘦。 5: 只愿君心似我心。 6: 当时明月在, 曾照彩云归。 7: 山河拱手, 为君一笑。 8: 情不知所起, 一往情深。 9: 待到繁华落尽, 与你细水长流。 10: 执子之手, 与你偕老。 11: 生死契阔, 与子成说。 12: 青青子衿, 悠悠我心。 13: 寄君一曲, 不问曲终人散。 14: 扶门切思君之嘱, 登高望断天涯路。 15: 在此..
2022-03-08 23:11:25
133
原创 vue 中过滤器
vue 中过滤器实现: 在script 脚本中引用: <script type="text/javascript" src="../js/dayjs.min.js"></script> <div id="root"> <h2>显示格式化之后的时间</h2> // 计算属性实现 <h2>显示格式化之后的时间</h2> methods 实现 <h2>显示格.
2022-03-08 17:50:57
345
原创 vue3.0 简介
vue3.0 简介： 2020年9月18号, vue.js 发布3.0 版本， 代号: one piece(海贼王) 耗时2年多, 2600多次提交， 30+个RFC(请求修改意见稿) 600+次PR 99位贡献者;vue3.0 带来什么? 1: 性能的提升 打包体积减少41%, 初次渲染快55%，更新渲染快133% 内存减少54%.... 2：源码升级 适用proxy 代替object.defineProperty() 实现响应式。 .
2022-03-08 16:55:57
2184
原创 this.$router.push() 方法
1: 不带参数 this.$router.push('/home'); this.$router.push({name: 'home'}); this.$router.push({path: '/home'});2: query 携带参数 this.$router.push({name: 'home', query: {id: '1'}); this.$router.push({path: 'home', query: {id: '1'}); 取参数: $router.q.
2022-03-07 12:49:48
8229
1
原创 封神半句诗
1: 月儿弯弯照九州, 几家欢乐几家愁。2: 有缘千里来相会, 三笑徒然当一痴。3: 人生得意须尽欢, 莫使金樽空对月。4: 安居不用架高堂, 书中自有黄金屋。5: 酒债寻常行处有, 人生七十古来稀。6: 粗缯大布裹生涯, 腹有诗书气自华。7: 因过竹园逢僧话, 偷的浮生半日闲。8: 别有忧愁暗恨生, 此生无声胜有声。9: 读书不觉春已深, 一寸光阴一寸金。10: 疏影横斜，远映西湖清浅。暗香浮动，长陪夜月黄昏。 —张岱《补孤山种梅叙》晚日寒鸦一片愁 ，柳塘新绿却温柔。若教.
2022-03-07 00:02:07
241
原创 优美诗句-----------
1: 云雾之胜, 顷刻而讫 云雾在大, 转眼间就会散净, 比喻某种势力不会长久。2: 艰难困苦, 玉如玉成 爱你如玉, 帮助你, 使你成功。 多用与艰难困苦条件下3: 月落参横: 月亮已落, 参星横斜。 形容天色将明。4: 硁硁之愚: 坚持自己的看法的谦词。5: 被褐怀玉 pī hè huái yù 被：同“披”。褐：粗布衣服。玉：宝玉，比喻才德。身穿粗布衣服，怀里却藏着美玉。比喻有才能而深藏不 露。也比喻出身贫寒而怀有真才实学的人。6: 云树之思.
2022-03-06 23:07:23
256
原创 条件渲染的方式
条件渲染: 1： v-if="表达式"; 2： v-else-if="表达式" 3： v-else="表达式" 适用于切换频率较低场景。 特点: 不展示的DOM 元素被移除 注意点: v-if 可以和 v-else-if v-else 一起使用, 但是要求不能被打断 v-show： 写法写成: v-show: 表达式 使用于: 切换频率较高的场景 特点： 不展示的DOM 元素未被移除, 仅仅是使用样式隐藏 3: 备注: 使用 v-if 的使用, D.
2022-03-03 17:57:10
98
原创 vue 面试题:
1: v-for 指令为什么要加key 值? vue 租金按高度复用增加了key 可以标识组件的唯一性, 为了更好的区别各个组件, key 的作用主要是为了高效的更新虚拟DOM.2: v-if 和 v-for 不能同时使用的原因? 当v-for 和v-if 一起使用的时候, v-for 的优先级高于v-if, v-for 会遍历整个列表, 所以使用的话, 每次v-for 都会执行v-if. 造成不必要的计算, 影响性能。 解决办法: 使用计算属性 computerd 过滤数据。.
2022-03-01 15:48:31
361
原创 Vue 键盘修饰符
1: vue 中常用的键盘修饰符: 键盘修饰符别名: 回车 => enter键 删除 => delete键 退回 => esc 空格键 => space 换行 => tab (特殊键, 必须配合keydown 去使用) 上 => up 键 下 => dpwn 键 左 => left 键 右 => right 键2: vue 中未提供别名的按键, 可以使用键盘原始的key 值去.
2022-02-27 23:05:22
1937
原创 关于@click 的事件修饰符
1: stop: 阻止冒泡事件 阻止冒泡事件既是阻止子元素的点击事件冒泡触发到到父元素身上点击事件。2: .prevent 取消默认事件 提交页面不在重载页面3: .captrue // 捕获事件 添加事件监听器使用事件捕获模式, 与事件冒泡相反, 事件捕获由外箱向内。4: @click.self() 事件 只有event.target 是当前操作的元素时才是触发事件。5: prevent: 阻止默认事件(常用);6: stop: 阻止.
2022-02-25 09:31:44
4843
原创 Vue2.0 和Vue3.0 知识点总结
1: Vue 的基本原理: 当一个Vue实例被创建时, Vue会遍历data 中的属性, 用Object.defineProperty (vue3.0) 中使用 (proxy); 将他们转化为getter, setter, 并且在内部追踪相关依赖, 在属性被访问和修改时通知变化, 每一个组件实力都用相应的watcher程序实例, 它会在组件渲染过程中把属性记录为, 之后当依赖项的setter 被调用时, 会通知watcher 重新计算, 从而使关联的组件使得更新。2: 双向数据绑.
2022-02-23 15:41:14
473
原创 vue 框架的特点
vue 框架的特点:1: 组件化开发, 提高代码的复用率。2: 声明式编程, 以前是命令式编程, 不再操作复杂的DOM 树3: 虚拟DOM 的使用直接下载并用 <script> 标签引入，Vue 会被注册为一个全局变量。Vue 会被注册为一个全局变量, 就会向外暴露一个构造函数, 构造函数 new 出俩一个实例对象, 在Vue 实例对象身上有我们需要的属性在开发环境下不要使用压缩版本呢, 不然就失去了所有常见的错误和相关警告vue.js 包含完整的警告和调试模式;vu.
2022-02-23 10:01:20
3013
原创 vuepress 学习心得
1: vuePress 初体验: 1.1: 创建一个项目文件 1.2: 对项目进行初始化2: yarn init # npm init 进行初始化 3: 安装vuepress yarn add -D vuepress # npm install -g vuepress4: 创建第一篇文档 mkdir docs && echo 'Hello VuePress' docs/REAMDE.md5: 在package.json 文件中配置启动命令: .
2022-02-22 18:00:26
118
原创 Vue 中监听watch 的变化以及watch 各个属性的详解
1: watch 使用的几种方法 通过watch 监听data 数据变化, 数据发生变化时, 就会打印当前值: watch: { data(val, oldValue) { console.log(val); console.log(oldValue); } }2: 通过watch 监听docData 数据的变化， 数据发生变化时, this.change_number++ (使用深度监听) watch: { ha.
2022-02-21 14:21:25
2787
原创 闭包函数面试题
1: 闭包函数: 函数内部总是可以访问其所在外部函数中声明的参数和变量, 即使在其外部函数被返回之后。 参数和变量不会被垃圾回收机制收回。2: this 的指向问题 this的指向问题, call/apply/bind, 回调函数问题 1: 一般函数：this 的指向就是全局对象window. 2: 在严格模式下"use strict",为undefined. 3: 对象的方法里调用,this指向调用该方法的对象. 【this指的是，调用函数的那个对象】.
2022-02-18 18:41:52
320
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人