- 博客(20)
- 收藏
- 关注
原创 组合式API中的watch、生命周期函数、父子通信、模板引用以及provide和inject跨层传递
侦听一个或者多个数据的变化,数据变化时执行回调函数,俩个额外参数 immediate控制立刻执行,deep开启深度侦听。
2023-12-10 22:09:10
580
1
原创 获取模块中的state、getters数据和mutations、actions方法
尽管已经分模块了,但其实子模块的状态,还是会挂到根级别的 state 中,属性名就是模块名。掌握模块中 action 的调用语法 (同理 - 直接类比 mutation 即可)默认模块中的 mutation 和 actions 会被挂载到全局,默认模块中的 mutation 和 actions 会被挂载到全局,Son1.vue 直接访问getters。掌握模块中 mutation 的调用语法。掌握模块中 getters 的访问语。掌握模块中 state 的访问语法。,才会挂载到子模块。,才会挂载到子模块。
2023-11-19 19:35:01
839
原创 插槽的使用
场景:组件内某一部分结构不确定,想要自定义怎么办用插槽slot占位封装使用:插槽的步骤分为哪几步?1.在组件内用slot占位2.在使用组件时,组件标签内填入内容。
2023-11-12 19:32:01
113
1
原创 computed计算属性
1.computed有缓存特性,methods没有缓存2.当一个结果依赖其他多个值时,推荐使用计算属性3.当处理业务逻辑时,推荐使用methods方法,比如事件的处理函数。
2023-10-29 19:32:11
339
1
原创 web考核题
先根据顺序输出1、4,然后new promise是一个同步操作,然后输出里面的5,然后将then里面的内容放在异步栈中,最后输出7,在同步任务进行完后,开始进行异步操作,而异步操作分为微任务和宏任务,then属于微任务所以先执行,输出6,然后再执行计时器,根据时间输出。它接受一个参数列表,第一个参数是要设置为函数上下文的对象,其余参数是函数的参数。apple:在指定的上下文中调用函数,接受一个参数数组作为参数,而不是一个参数列表,也会立即调用函数。从根部出发定时扫描内存的中的对象,凡是能从根部到达的对象。
2023-10-23 19:23:44
50
原创 pc端网页特效的offset和client相关属性
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Z5g3dxID-1686475368807)(C:\Users\HCKB\Pictures\Camera Roll\微信图片_20230606194914.jpg)]offset相关系列属性可以动态的得到元素的位置(偏移)、大小等。通过client相关属性可以动态得到该元素的边框大小、元素大小等。(1)获取元素距离带有定位父元素的位置。获取的是可读写属性,可以获取也可以赋值。(2)获取元素自身的大小(宽度高度)
2023-06-11 17:23:50
99
原创 flex布局父项及子项常见属性
数值越小,排列越靠前,默认值为0注意:和z-index不一样<style>div {/* 默认是0 -1比0小 */ order : -1;/* 默认是0 -1比0小 */order: -1;123~~~
2023-06-04 19:59:07
233
1
原创 css3D转换
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LABwXCrY-1685267969229)(C:\Users\HCKB\Pictures\Camera Roll\微信图片_20230524162447.jpg)]transform-style:preserve-3d子元素开启立体空间。z:就是z轴,物体距离屏幕的距离,z轴越大(正值)我们看到的物体就越大。d:就是视距,视距就是一个距离人的眼睛到屏幕的距离。透视也称为视距:就是人眼到屏幕的距离。透视就是让网页产生3D效果。
2023-05-28 18:53:44
56
1
原创 定时器及倒计时效果
大多和setTimeout()相同,但这个方法重复调用一个函数,每隔这个时间,就去调用一次回调函数。setTimeout()也称回调函数callback。这个函数需要等待事件,时间到了才去调用这个函数。普通函数是按照代码顺序直接调用。
2023-05-20 23:28:13
213
1
原创 用js实现反转字符串和替换空格
不要给另外的数组分配额外的空间,你必须原地修改输入数组、使用 O(1) 的额外空间解决这一问题。从后往前填充即避免了开辟新的数组,也防止从前往后填充,每次填充完都要将填充完后面的所有内容后移。运用两个指针一个指向前一个指向后,然后不断交换两个的值,并将前面的指针后移,后面的指针前移。输入:[“H”,“a”,“n”,“n”,“a”,“h”]输出:[“h”,“a”,“n”,“n”,“a”,“H”]输入:[“h”,“e”,“l”,“l”,“o”]输出:[“o”,“l”,“l”,“e”,“h”]
2023-05-14 19:31:09
483
原创 样式属性操作案例
核心思想:运用for循环,修改精灵图的背景位置background-position。鼠标经过事件 onmouseover 鼠标离开 onmouseout。如果获得焦点,判断表单里的内容是否为默认文字,如果是默认文字,清空表单内容。获得焦点 onfocus 失去焦点 onblur。核心思路: 鼠标经过tr行,当前行背景换色。
2023-05-07 19:24:43
60
1
原创 js内置对象
js中对象分为:自定义对象、内置对象、浏览器对象。前两种是js基础 ,第三种属于js独有的内置对象的优点帮助我们快速开发js提供的多个内置对象: Math、Date、Array、String等使用MDN/M3C查阅文档。
2023-04-16 17:41:44
110
1
原创 HTML新增标签及属性和属性选择器、结构伪类选择器的使用。
头部标签:导航标签:内容标签:定义文档的某个区域:侧边栏标签:尾部标签:这种语义化标准主要是针对搜索引擎。
2023-04-02 17:28:39
299
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人