- 博客(12)
- 收藏
- 关注
RSS订阅原创 冒泡文字提示框（clip-path）
一些时候我们需要一些特殊的样式，例如常见的冒泡文字提示框，例如常见网站左下角客服图标，这类样式对于部分人可能很多样式都没用过，接下来我来分享一个案例。
2023-04-26 00:30:27
230
原创 VUE3中使用provide/inject（跨组件通信）
通常，当我们需要从父组件向子组件传递数据时，会使用props。想象一下这样的结构：有一些深度嵌套的组件，爷>父>儿>孙的结构。在这种情况下，如果仍然将 prop 沿着组件链逐级传递下去，可能会很麻烦对于情况，我们可以使用一对provide和inject。无论组件层次结构有多深，父组件都可以作为其所有后代组件的依赖提供者。父组件有一个provide选项来提供数据子组件有一个inject选项来开始使用这些数据。
2023-04-21 20:21:04
348
原创 关于JS宏任务和微任务
前言：近几天面试遇到的，不太确定，在网上查了以后有说先执行微任务的，也有文章说是先执行宏任务的，然后参考了一些文章，多少明白了一些。此时同步任务全部执行完毕，分别打印了 ‘script start’ 以及 ‘script end’，开始判断是否有微任务需要执行。所以在整段代码中，setTimeout是在then之后执行的，因为他俩不在同一次事件循环中。在一次事件循环中，会先执行宏任务（主线程）再执行微任务（then）。执行一个宏任务即结束，寻找是否存在微任务，开始循环判断…整段代码中，异步的微任务先执行。
2023-04-09 00:25:52
139
原创 vue中hash和history路由的区别
Hash 路由模式是使用 URL 中的 hash 值实现前端路由，例如 #/home、#/about，每次 URL 变化都会触发页面的刷新。2、SEO 受影响：对于单页应用来说，使用 Hash 路由模式实现路由功能时，SEO 优化会受到影响。2、刷新操作时，hash路由会加载到地址栏对应的页面，而history路由一般会出现404错误。浏览器支持：所有浏览器都支持 URL 中的 hash 值，可以方便的实现路由功能。3、刷新页面：每次 URL 变化都会触发页面的刷新，用户体验不够流畅。
2023-04-08 10:15:24
236
原创 v-model的双向数据绑定实现原理（附：案例）
子组件，接收父组件传过来的value，输入时候触发父级组件的@input事件。select，option则是绑定selected属性和change事件。根据v-model双向数据绑定实现父子组件的项目实例。原生input元素的类型是。原生input元素的类型是。v-model的实现案例。来实现双向数据绑定。来实现双向数据绑定。父组件： 引入子组件。
2023-04-07 21:54:54
200
1
原创 vue自定义指令实现复制功能
方法二：通过输入框的select方法 选中全部即可。想要选中文本框的内容，有如下两个方法可以。：通过聚焦 然后设置光标的方法。
2023-04-06 14:19:19
386
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人