- 博客(10)
- 收藏
- 关注
原创 【面试必问】vue组件之间通信的方式
多个组件嵌套时,顶层组件provide提供变量,后代组件都可以通过inject来注入变量。这种方式就是vue中依赖注入,该方法用于祖孙组件之间的通信。就不用一层一层的传递数据了。父组件通过props的方式向子组件传递数据,而通过$emit子组件可以向父组件通信。.........
2022-07-17 11:23:29
529
原创 【TypeScript】只需半天教会你用ts(基础篇)
TypeScript 是微软开发的开源编程语言,Type + JavaScript(type是类型 => 在 JS 基础之上,为 JS 添加了类型支持)简称:TS,是 JavaScript 的超集背景:JS 的类型系统存在“先天缺陷”弱类型,JS 代码中绝大部分错误都是类型错误(Uncaught TypeError)...
2022-07-08 22:20:45
678
原创 解决跨域的三种方式
1.“源”由协议、域名、端口号组成2.同源策略是浏览器的一种保护机制。同源顾名思义,指两个源相同(即,两个源的协议、域名、端口号都相同)3.违反了同源策略的请求就是通常说的跨域请求JSONP方案和ajax没有任何关系,是通过script标签的src属性实现,因此JSONP方案只支持get请求,并且兼容性好,几乎所有浏览器都支持。实现原理:在全局定义一个函数,将函数名以get传参的方式写入到script标签的src属性中(如下图所示),后端返回函数名以及参数,全局定义的函数就会自动调用,形参会接收后端传
2022-06-14 17:23:48
502
1
原创 防抖和节流的概念及实现方法
在用户高频率触发事件时,会使得浏览器的负担加重,可能会导致用户体验非常糟糕。这时就可以使用防抖和节流来减少事件处理函数被调用的频率。概念:一定时间内,频繁触发事件,事件处理函数只执行最后一次。 实现方式:定义一个全局变量存储setTimeOut的值,每调用一次事件处理函数,都先清除掉上一次设置的延时器,然后设置本次事件处理函数的setTimeOut,这样可以实现延时器规定的时间内只触发一次事件处理函数原本应该执行的功能代码。概念:一定时间内,频繁触发事件,事件处理函数只执行一次。 实现方式:声明一个
2022-06-14 17:22:25
562
原创 vue中v-model 和 .sync 的区别和用法
● 相同点:自定义组件的 v-model 和 .sync 修饰符其实本质上都是vue的语法糖,用于实现父子组件的“数据”双向绑定。● 区别点:○ 格式不同。 v-model=“num”, :num.sync=“num”○ v-model: @input + value○ :num.sync: @update:num○ v-model只能用一次;.sync可以有多个。...
2022-06-11 23:01:00
302
1
原创 scss的基本使用
总结一些scss基本使用 具体详情请看官网less, sass, scss都是css预处理语言(也是对应的文件后缀名),它们的语法功能比css更强大。预处理语言使用是:开发时用预处理语言,在打包上线时,用webpack再配合loader工具给转成css(Cascading Style Sheets)给浏览器使用。细节:我们在实际开发过程中,scss是常用写法内容:嵌套语法; &父选择器;变量;mixins;模块和less一样,scss同样支持嵌套型的语法转化成css后定义变量:sass使用$符号来标识
2022-06-06 11:39:05
31931
8
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人