- 博客(30)
- 收藏
- 关注
RSS订阅原创 【无标题】
（1）使用箭头函数应注意什么？（1）用了箭头函数，this就不是指向window，而是父级（指向是可变的）（2）不能够使用arguments对象（3）不能用作构造函数，这就是说不能够使用new命令，否则会抛出一个错误（4）不可以使用yield命令，因此箭头函数不能用作 Generator 函数（2）为啥大多数情况都使用箭头函数？作用域安全性:当箭头函数被一致使用时，所有东西都保证使用与根对象相同的thisObject。如果一个标准函数回调与一堆箭头函数混合在一起，那么作用域就有可能
2022-10-01 14:33:30
175
原创 每日学习小知识25
重排与重绘的区别：重绘不一定需要重排（比如颜色的改变），重排必然导致重绘（比如改变网页位置）减少重排与重绘的措施：操作DOM时，尽量在低层级的DOM节点进行操作不要使用table布局， 一个小的改动可能会使整个table进行重新布局使用CSS的表达式不要频繁操作元素的样式，对于静态页面，可以修改类名，而不是样式。使用absolute或者fixed，使元素脱离文档流，这样他们发生变化就不会影响其他元素避免频繁操作DOM，可以创建一个文档片段documentFragment，在它上
2022-04-25 20:19:49
132
原创 每日学习小知识24
VUE生命周期每一个组件或者实例都会经历一个完整的生命周期，总共分为三个阶段：初始化、运行中、销毁。1.实例、组件通过new Vue()创建出来之后会初始化事件和生命周期，然后就会执行beforeCreate钩子函数，这个时候，数据还没有挂载呢，只是一个空壳，无法访问到数据和真实的dom,一般不做操作2.挂载数据，绑定事件等等，然后执行created函数，这个时候已经可以使用到数据，也可以更改数据，在这里更改数据不会触发updated函数，在这里可以在渲染前倒数第二次更改数据的机会，..
2022-04-23 16:36:57
1416
原创 每日学习小知识23
前端路由模式```有两种模式：Hash 模式和 History 模式。在开发的时候可以通过使用在路由配置中配置mode这个属性的值来配置使用哪种路由，如果不配置这个字段就默认是 hash 模式。hash模式：1、url路径会出现 # 字符2、hash值不包括在 HTTP 请求中，它是交由前端路由处理，所以改变hash值时不会刷新页面，也不会向服务器发送请求3、hash值的改变会触发hashchange事件history模式：1、整个地址重新加载，可以保存历史记录，方便前进后退2、使用
2022-04-17 14:23:25
216
原创 每日学习小知识22
Vue双向数据绑定数据双向绑定，即当数据发生变化的时候，视图也就发生变化，当视图发生变化的时候，数据也会跟着同步变化。在vue里面使用v-model实现双向数据绑定。Vue 实现 双向数据绑定 主要采用：数据劫持结合“发布-订阅”模式的方式，通过Object.defineProperty（）的 set 和 get，在数据变动时发布消息给订阅者触发监听Object.defineProperty他可以直接在一个对象上面定义一个新属性，或者修改一个对象的现有属性，并返回这个对象.语法..
2022-04-16 16:14:00
661
原创 每日学习小知识21
## computed和watch的区别答：computed支持缓存，只有依赖数据发生改变，才会重新进行计算不支持异步，当computed内有异步操作时无效，无法监听数据的变化computed 属性值会默认走缓存，计算属性是基于它们的响应式依赖进行缓存的，也就是基于data中声明过或者父组件传递的props中的数据通过计算得到的值如果一个属性是由其他属性计算而来的，这个属性依赖其他属性，是一个多对一或者一对一，一般用computed如果compute...
2022-04-15 13:55:01
147
原创 每日学习小知识20
hooks```什么是Hooks?'Hooks'的单词意思为“钩子”。React Hooks 的意思是，组件尽量写成纯函数，如果需要外部功能和副作用，就用钩子把外部代码"钩"进来。而React Hooks 就是我们所说的“钩子”。那么Hooks要怎么用呢？“你需要写什么功能，就用什么钩子”。对于常见的功能，React为我们提供了一些常用的钩子，当然有特殊需要，我们也可以写自己的钩子。下面是React为我们提供的默认的四种最常用钩子useState()userContext()userR.
2022-04-14 13:22:20
507
原创 每日学习小知识19
HTTPS和HTTP的区别主要如下： 1、https协议需要到ca申请证书，一般免费证书较少，因而需要一定费用。 2、http是超文本传输协议，信息是明文传输，https则是具有安全性的ssl加密传输协议。 3、http和https使用的是完全不同的连接方式，用的端口也不一样，前者是80，后者是443。 4、http的连接很简单，是无状态的；HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议，比http协议安全。```## 堆和栈区别`.
2022-04-12 14:17:25
2494
原创 每日学习小知识18
cookie和session浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie和session跟服务端进行数据交互。**cookie和session都是用来跟踪浏览器用户身份的会话方式**#### cookie和session的区别##### 1.使用方式cookie机制：如果不在浏览器中设置过期事件，cookie被保存在内存中，生命周期随浏览器的关闭而结束，这种cookie简称为会话cookie。如果在浏览器中设置了cookie的过期事件，cookie会被.
2022-04-11 20:25:31
107
原创 每日学习小知识17
1、简述同步和异步的区别同步就是指一个进程在执行某个请求的时候，若该请求需要一段时间才能返回信息，那么这个进程将会一直等待下去，直到收到返回信息才继续执行下去；异步是指进程不需要一直等下去，而是继续执行下面的操作，不管其他进程的状态。当有消息返回时系统会通知进程进行处理，这样可以提高执行的效率。2、px和em的区别px和em都是长度单位，区别是，px的值是固定的，指定是多少就是多少，计算比较容易。em得值不是固定的，并且em会继承父级元素的字体大小3、display:none与visib
2022-03-26 14:37:36
95
原创 每日学习小知识16
1、CSS3新增伪类举例p:first-of-type 选择属于其父元素的首个 <p> 元素的每个 <p> 元素；p:last-of-type 选择属于其父元素的最后 <p> 元素的每个 <p> 元素；p:only-of-type 选择属于其父元素唯一的 <p> 元素的每个 <p> 元素；p:only-child 选择属于其父元素的唯一子元素的每个 <p> 元素；p:nth-child(2) 选择属...
2022-03-25 21:05:54
121
原创 每日学习小知识15
1、如何处理HTML5新标签的浏览器兼容问题？处理兼容问题有两种方式：1）IE6/IE7/IE8支持通过document方法产生的标签，利用这一特性让这些浏览器支持HTML5新标签。 2）使用是html5shim框架 另外，DOCTYPE声明的方式是区分HTML和HTML5标志的一个重要因素，此外，还可以根据新增的结构，功能元素来加以区分。2、行内元素有哪些？块级元素有哪些？ 空(void)元素有那些？行内元素：a b span img input select strong块级元素：div u
2022-03-24 18:36:46
164
原创 每日学习小知识14
HTML5的新特性(1) 绘画canvas(2) 用于媒介回放的video和audio元素(3) 本地离线存储localStorage长期存储数据，浏览器关闭后数据不丢失(4) sessionStorage的数据在浏览器关闭后自动删除(5) 语义化更好的内容元素，比如article,footer,header,nav,section(6) 表单控件，calendar,date,time,email,url等(7) 新的技术webworker,websockt,Geolocation(8) 移
2022-03-23 20:17:05
1078
原创 每日学习小知识13
1、什么是HTML5？HTML5是最新的HTML标准，他的主要目标是提供所有内容而不需要任何的像flash，silverlight等的额外插件，这些内容来自动画，视频，富GUI等。2、哪些浏览器支持HTML5？几乎所有的浏览器Safari，Chrome，Firefox，Opera，IE都支持HTML53、HTML5中的datalist是什么？HTML5中的Datalist元素有助于提供文本框自动完成特性4、什么是SVG（可缩放矢量图形（Scalable Vector Graphics）？SVG
2022-03-21 17:10:03
96
原创 每日学习小知识12
1:js中 [] {} （）的具体区别1:{ } 大括号，表示定义一个对象，大部分情况下要有成对的属性和值，或是函数体[ ]中括号，表示一个数组，也可以理解为一个数组对象{ } 和[ ] 一起使用，可以组成一个对象数组()多表示参数2:js中！和 !! 的用法2:！可将变量转换为布尔类型，能够把null、undefined和空字符串强制转换为ture,也可以用作Boolean的取反！！常常用来做类型判断,在！强制转换后进行取反3:函数的调用方式不同时，this的指向什么1通过函数名(..
2022-03-16 10:30:51
96
原创 每日学习小知识11
1.Promise的缺点?1). 无法取消Promise,一旦创建他就会立即执行,无法中途取消2). 如果不设置回调函数,Promise内部抛出的错误,不会反应到外部3). 当处于Pending状态时,无法得知目前进展到哪一个阶段(刚刚开始还是即将结束)2.Vue.js <keep-alive></keep-alive> 的作用是什么?从缓存中快速渲染，包裹动态组件时，会缓存不活动的组件实例,主要用于保留组件状态或避免重新渲染...
2022-03-09 19:13:50
102
原创 每日学习小知识10
1、请对page- sizes，page- size，total，current- page进行属性说明。age- sizes：每页显示条数下拉框的选项设置；page- size：每页显示条目个数；total：总条目数；current- page：当前页数，支持.sync 修饰符2、组件可提高开发效率，增强可维护性，同时可以更好的去解决软件中的哪3大代码问题？高耦合、低内聚、无重用3、过滤器可以用在哪两个地方？双花括号** {{}} **和** v-bind **表达式...
2022-02-25 17:08:38
88
原创 每日学习小知识9
1. 描述一下对"异步"和"同步的理解"异步：不按顺序执行，同一时刻只能执行一个事件同步：按顺序执行，同一时刻只能执行一个事件2.jQuery对象和Dom对象相互转换jQuery对象转原生Dom对象 $(“div”).get(0)原生Dom对象转jQuery对象 $(ele)3.Let与var与const的区别1.map函数，遍历数组每个元素，并回调操作，需要返回值，返回值组成新的数组，原数组不变2. forEach循环，循环数组中每一个元素并采取操作， 没有返回值， 可以.
2022-02-24 12:49:24
220
原创 每日学习小知识8
1 、箭头函数的this属性与普通函数的this属性有什么区别1、（1）箭头函数里是没有this的，而普通函数是有this的（2）箭头函数中的this是在定义函数时绑定，普通函数是在执行函数时绑定2、构造函数有什么作用2、（1） 给创建的对象建立一个标识符;（2） 为对象数据成员开辟内存空间;（3） 完成对象数据成员的初始化。3、说一说 JS 中的常用的继承方式有哪些3、原型继承、组合继承、寄生组合继承、ES6的extend...
2022-02-23 14:36:04
84
原创 每日学习小知识7
1 、箭头函数的this属性与普通函数的this属性有什么区别1、（1）箭头函数里是没有this的，而普通函数是有this的（2）箭头函数中的this是在定义函数时绑定，普通函数是在执行函数时绑定2、构造函数有什么作用2、（1） 给创建的对象建立一个标识符;（2） 为对象数据成员开辟内存空间;3、说一说 JS 中的常用的继承方式有哪些3、原型继承、组合继承、寄生组合继承、ES6的extend1 、箭头函数的this属性与普通函数的this属性有什么区别1、（1）箭头函数里是没有this的，而普
2022-02-22 13:42:57
69
原创 每日学习小知识6
1、map、forEach 和for循环区别？1).map函数，遍历数组每个元素，并回调操作，需要返回值，返回值组成新的数组，原数组不变2). forEach循环，循环数组中每一个元素并采取操作， 没有返回值， 可以不用知道数组长度3.for循环，for循环是成熟且稳定的JS语法，可以在很多复杂的环境中运行，当大量数据及复杂逻辑的时候，for循环性能最佳，它能通过每个属性的 i 去针对性查找2、vue 双向数据绑定（mvvm）原理VUE实现双向数据绑定的原理就是利用了 Object.defineP
2022-02-21 12:02:42
91
原创 每日学习小知识5
1.什么是闭包，闭包要解决什么问题1.闭包是一个对外不公开的空间，闭包内的数据不允许外界访问，要解决的问题就是间接访问闭包内的数据2.jq命名规范中允许出线的字符有哪些2.数字，字母，下划线，$3.如何把Dom对象转换成jQ对象，如何把jQ对象转换成Dom对象3.$（），$[],...
2022-02-20 12:30:27
340
原创 每日学习小知识4
1、项目前端技术架构 我们会用到哪些？Vue.js Vue Router Vs Code Vuex Axios 等等2、在HTML 路由切换里 <a>标签 和 <router-link> 的区别？<router-link> 默认会被渲染成一个 `<a>` 标签， 通过传入 `to` 属性指定跳转链接，不用加 `#` 号3、举例说几个编程式路由router.push(...) router.replace(...) router.ba...
2022-02-19 13:08:46
408
原创 每日学习小知识3
1.在Javascript中什么是伪数组？如何将伪数组转化为标准数组？伪数组(类数组)：无法直接调用数组方法或期望length属性有什么特殊的行为，但仍可以对真正数组遍历方法来遍历它们。典型的是函数的argument参数，还有像调用getElementsByTagName,document.childNodes之类的,它们都返回NodeList对象都属于伪数组。可以使用Array.prototype.slice.call(fakeArray)将数组转化为真正的Array对象。2.jQuery中.ge
2022-02-18 11:00:51
68
原创 每天一个学习小知识2
1.CSS选择器有哪些？1.id选择器（ # myid）2.类选择器（.myclassname）3.标签选择器（div, h1, p）4.相邻选择器（h1 + p）5.子选择器（ul > li）6.后代选择器（li a）7.通配符选择器（ * ）8.属性选择器（a[rel = "external"]）9.伪类选择器（a:hover, li:nth-child）2.数组和对象的区别?数组表示有序数据的集合，而对象表示无序数据的集合。如果数据的顺序很重要，就用数组，否则就用对象。3.jav
2022-02-17 09:15:34
257
原创 每天学习小知识1
（1）img标签的title和alt有什么区别？img标签alt属性是当图片不存在时或加载失败时的替代文字（进行显示）；img标签title属性是对图片的描述与进一步说明。2）dispaly有哪些值（常见的四个）说明他们分别代表什么none 隐藏元素block 把某某元素转换成块元素 独占一行 能设置宽高inline 把某某元素转换成行内元素 不独占一行 不能设置宽高...
2022-02-12 15:52:40
83
原创 【无标题】
1.call apply bind相同点不同点相同点： 都可以改变函数内部的this指向区别点： call和apply会调用函数，并且改变函数内部的this指向。bind不会调用函数，可以改变函数内部this指向 call和apply传递的参数不一样，call传递参数，apply必须数组形式主要应用场景 call经常做继承 apply经常跟数组有关系，比如借助于数学对线实现数组最大值与最小值 bind不调用函数，但是还想改变this指向，比如改变定时器内部的this指向
2022-01-22 11:42:53
236
原创 【无标题】
1.null和undefined的区别当声明的变量还未被初始化时，变量的默认值为undefined；null用来表示尚未存在的对象，常用来表示函数企图返回一个不存在的对象2.重绘和回流的区别重绘：只改变自身样式，不会影响到其他元素。回流：元素的大小或者位置发生改变（当页面布局发生改变的时候），触发了重新布局导致渲染树重新计算布局和渲染。回流一定会触发重绘，而重绘不一定会引发回流。3.闭包的概念及特性（谈谈你对闭包的理解）简单的来说闭包就是一个具有封闭的对外不公开的, 包裹结构, 或空间；闭
2022-01-14 09:09:22
202
原创 【无标题】
AJAX 的优点可以无需刷新页面而与服务器端进行通信。2) 允许你根据用户事件来更新部分页面内容。AJAX 的缺点没有浏览历史，不能回退2) 存在跨域问题(同源)3) SEO 不友好AJAX 的使用1核心对象XMLHttpRequest，AJAX 的所有操作都是通过该对象进行的。使用步骤创建 XMLHttpRequest 对象var xhr = new XMLHttpRequest();设置请求信息xhr.open(method, url);//可以设置请求头，一般不设置xhr.setRe
2022-01-08 15:38:58
362
原创 第1次不依靠源代码打代码轮播图
Document < img src="../img/1.jpg" alt=""> < img src="../img/2.jpg" alt=""> < img src="../img/3.jpg" alt=""> < img src=".....
2021-12-30 21:25:19
255
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人