- 博客(28)
- 收藏
- 关注
RSS订阅
原创 Vue组件之间的通信方式
父子关系的组件数据传递选择 props 与 $emit进行传递，也可选择ref兄弟关系的组件数据传递可选择bus，其次可以选择bus，其次可以选择bus，其次可以选择parent进行传递祖先与后代组件数据传递可选择attrs与listeners或者 Provide与 Inject复杂关系的组件数据传递可以通过vuex存放共享的变量。
2023-03-13 16:30:35
150
原创 bind、call、apply 区别？如何实现一个bind?
但是我们把say放在setTimeout方法中，在定时器中是作为回调函数来执行的，因此回到主栈执行时是在全局执行上下文的环境中执行的，这时候this指向window，所以输出lucy。bind方法和call很相似，第一参数也是this的指向，后面传入的也是一个参数列表(但是这个参数列表可以分多次传入)apply接受两个参数，第一个参数是this的指向，第二个参数是函数接受的参数，以数组的形式传入。call方法的第一个参数也是this的指向，后面传入的是一个参数列表。那么什么情况下需要改变this的指向呢？
2023-01-03 08:55:30
96
原创 typeof 与 instanceof 有什么区别
所以，null 在 typeof 之后返回的是有问题的结果，不能作为判断null的方法。而 typeof 也存在弊端，它虽然可以判断基础数据类型（null 除外），但是引用数据类型中，除了 function 类型以外，其他的也无法判断。同时，可以发现引用类型数据，用typeof来判断的话，除了function会被识别出来之外，其余的都输出object。如果我们想要判断一个变量是否存在，可以使用typeof：(不能使用if(a)， 若a未声明，则报错)operand表示对象或原始值的表达式，其类型将被返回。
2022-12-26 09:37:02
93
原创 如果要做优化，CSS提高性能的方法有哪些？
每一个网页都离不开css，但是很多人又认为，css主要是用来完成页面布局的，像一些细节或者优化，就不需要怎么考虑，实际上这种想法是不正确的作为页面渲染和内容展现的重要环节，css影响着用户对整个网站的第一体验因此，在整个产品研发过程中，css性能优化同样需要贯穿全程css实现性能的方式可以从选择器嵌套、属性特性、减少http这三面考虑，同时还要注意css代码的加载顺序。
2022-12-24 09:26:45
74
原创 什么是响应式设计？响应式设计的基本原理是什么？如何做？
响应式网站设计（Responsive Web design）是一种网络页面设计布局，页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整描述响应式界面最著名的一句话就是“Content is like water”大白话便是“如果将屏幕看作容器，那么内容就像水一样”同时适配PC + 平板 + 手机等标签导航在接近手持终端设备时改变为经典的抽屉式导航网站的布局会根据视口来调整模块的大小和位置面对不同分辨率设备灵活性强。
2022-12-23 19:07:07
127
原创 css选择器有哪些？优先级？哪些属性可以继承？
它是元素和其他部分组合起来告诉浏览器哪个HTML元素应当是被选为应用规则中的CSS属性值的方式。important>内联 > ID选择器 > 类选择器 > 标签选择器。在css中，继承是指的是给父元素设置一些属性，后代元素会自动拥有这些属性。选择器所选择的元素，叫做“选择器的对象”CSS选择器是CSS规则的第一部分。
2022-12-23 17:27:01
118
原创 说说你对盒子模型的理解
当对一个文档进行布局（layout）的时候，浏览器的渲染引擎会根据标准之一的 CSS 基础框盒模型（CSS basic box model），将所有元素表示为一个个矩形的盒子（box）所以上面问题中，设置width为200px，但由于存在padding，但实际上盒子的宽度有240px。下面我们分别讲解下W3C 标准盒子模型和IE 怪异盒子模型。再回到上面的例子里，设置盒子为 border-box 模型。这时候，就可以发现盒子的所占据的宽度为200px。在默认情况下，盒子模型为W3C 标准盒子模型。
2022-12-23 16:02:10
79
原创 TS中的泛型
当我们定义一个变量不确定类型的时候有两种解决方式：1.使用any使用any定义时存在的问题：虽然已经知道传入值的类型但是无法获取函数返回值的类型；另外也失去了ts类型保护的优势2.使用泛型泛型指的是在我们定义函数/接口/类型时，不预先指定具体的类型，而是在使用的时候在指定类型限制的一种特性。
2022-12-17 10:30:10
93
原创 如果需要手动写动画，你认为最小时间间隔是多久，为什么?
多数显示器默认频率是60Hz，即1秒刷新60次，所以理论上最小间隔为1/60*1000ms ＝ 16.7ms。
2022-12-14 16:33:01
83
原创 清除浮动的几种方式，以及各自的优缺点
原理：必须定义width或zoom:1，同时不能定义height，使用overflow:hidden时，浏览器会自动检查浮动区域的高度优点：简单，代码少，浏览器支持好缺点：不能和position配合使用，因为超出的尺寸的会被隐藏建议：只推荐没有使用position或对overflow:hidden理解比较深的朋友使用. fahter {}原理：IE8以上和非IE浏览器才支持:after，原理和方法1有点类似，zoom(IE转有属性)可解决ie6,ie7浮动问题。
2022-12-14 16:30:52
269
原创 说说你对浏览器内核的理解
浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不同。Webkit引擎包含WebCore排版引擎及JavaScriptCore解析引擎，均是从KDE的KHTML及KJS引擎衍生而来，它们都是自由软件，在GPL条约下授权，同时也支持BSD系统的开发。Webkit内核：（Safari内核，Chrome内核原型，开源），它是苹果公司自己的内核，也是苹果的Safari浏览器使用的内核。最开始渲染引擎和JS引擎并没有区分的很明确，后来JS引擎越来越独立，内核就倾向与只指渲染引擎。
2022-12-14 16:25:39
122
原创 什么是闭包，以及应用场景
闭包（closure）：函数嵌套函数，内部的函数就是闭包，正常情况下，函数执行完成，内部变量会销毁（销毁：释放内存空间），内部函数没有执行完成，外部函数变量不会被销毁//可以访问外部函数的变量,作用域链的概念 } return innerFun;fun()
2022-12-14 16:22:10
144
原创 CDN的特点及意义
CDN 意为内容分发网络，是基于现有网络的智能虚拟网络，分布在世界各地的边缘服务器上。3.服务提供商可以利用Web Cache技术将用户访问的网页和对象缓存在本地，这样对相同对象的访问就不需要占用骨干网的出口带宽，相应的用户访问网页的时间要求也增加了；远程用户访问时，可以从缓存服务器读取数据，减少远程访问的带宽，分担网络流量，减轻原WEB服务器的负载。5.集群抗攻击:广泛分布的CDN 节点加上节点间的智能冗余机制，可以有效防止黑客入侵，降低各种D.D.o.S攻击对网站的影响，同时保证更好的服务质量。
2022-12-14 16:15:16
187
原创 说说你对vuex的理解
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。vuex官网介绍：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。通过定义和隔离状态管理中的各种概念并通过强制规则维持视图和状态间的独立性，我们的代码将会变得更结构化且易维护。
2022-12-14 16:12:54
203
原创 Vue组件通信
根据以上对这6种组件间的通信方法，可以将不同组件间的通信分为4种类型：父子组件间通信、跨代组件间通信、兄弟组件间通信、任意组件间通信。
2022-12-14 16:03:33
69
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人