![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端笔记
前端学习笔记
前端小马
只有认知的突破,才会有真正的成长
展开
-
ES6 迭代器与生成器
从一个数据集合中按照一定的顺序,不断的取出数据的过程(很容易就想到遍历)。迭代器是一个带有特殊接口(Iterator)的对象,自己带有next()方法,next()方法会返回当前位置的对象,调用后得到一个包含value和done属性的对象,value属性表示当前属性的值,done用于判断是否遍历结束,当done为true时遍历结束。。任何数据结构只要部署Iterator接口,就可以完成遍历操作ES6创造了一种新的遍历命令for...of循环,Iterator接口主要供for...of使用ES6规定,...原创 2022-07-30 16:02:11 · 265 阅读 · 0 评论 -
ES6 模块化
②import命令用于输入其他模块提供的功能。①export命令用于规定模块的对外接口。import导入方式。原创 2022-07-29 11:19:51 · 164 阅读 · 0 评论 -
Vue的生命周期
生命周期:又名:生命周期回调函数、生命周期函数、生命周期钩子是什么:Vue在关键时刻帮我们调用的一些特殊名称的函数生命周期函数的名字不可更改,但函数的具体内容是程序员根据需求编写的生命周期函数中的this指向是vm 或 组件实例对象。......原创 2022-08-08 17:31:06 · 148 阅读 · 0 评论 -
前端面试题
1.什么是HTML?(Hyper Text Mark Language超文本标记语言)HTML并不是真正的的程序语言,他是一种 标 记 语 言 ,用来结构化和含义化你想要放在web 网站上的那些内容。它由一系列的元素(elements)所组成,这些元素可以用来封装你的内容中担任不同工作的各部分和各个角色。2.什么是CSS?(Cascading Style Sheets层叠式样式表)就像 HTML,CSS 也不是真正的编程语言。它是样式表语言,也就是说,它允许你有选择性的为 HTML 文档的元素添加样式。3.原创 2022-07-24 17:30:34 · 409 阅读 · 0 评论 -
Vue与VueComponent的关系
一个重要的内置关系:VueComponent.prototype.__proto__ ===Vue.prototype为什么要有这个关系:让组件实例对象(vc)可以访问到 Vue 原型上的属性、方法原创 2022-08-08 22:34:20 · 213 阅读 · 0 评论 -
Promise
Promise是JS中进行异步编程的新解决方案(备注旧方案是单纯使用回调函数)promise对象用来封装一个异步操作并可以获取其成功/失败的结果值。原创 2022-07-29 22:53:08 · 2180 阅读 · 0 评论 -
node.js笔记
win +r 打开终端 cd 目录名 进入到指定的目录 md 目录名 创建一个文件夹dir 列出当前目录下的所有文件 rd 目录名 删除一个文件夹 node -v查看node版本cd 路径 (切换到某路径) node js文件 (用node执行js文件)在文件夹内直接按shift+鼠标右键点击在此处打开Powershell窗口可以自动定位到该文件夹。...原创 2022-08-03 15:23:39 · 972 阅读 · 0 评论 -
css行内元素之间的空白问题解决
有时行内来做横向导航,这样就不用再去担心浮动块级元素带来的不必要影响。但行内元素,行内元素元素有个硬伤--有默认的间隙。原创 2022-07-18 15:38:41 · 1129 阅读 · 0 评论 -
ES11新增数据类型BigInt大整型
而用bigInt()方法将整型转成大整型就能解决这个问题。为了计算的准确性,js定义了最大安全整数,这个整数是。在最大安全值得基础上不断+1计算就会出错。原创 2022-07-29 16:41:58 · 428 阅读 · 0 评论 -
js严格模式
JavaScript除了提供正常模式外,还提供了严格模式(strictmode)。ES5的严格模式是采用具有限制性JavaScript变体的一种方式,即在严格的条件下运行JS代码。严格模式在IE10以上版本的浏览器中才会被支持,旧版本浏览器中会被忽略。严格模式消除了Javascript语法的一些不合理、不严谨之处,减少了一些怪异行为使用"usestrict"指令。......原创 2022-07-24 21:13:42 · 318 阅读 · 0 评论 -
JS继承的几种方式及优缺点
原型链继承:原理:将父类的实例作为子类的原型 二.构造函数继承:原理:在子类构造函数中调用父类构造函数,可以在子类构造函数中使用call()和apply()方法改变this指向原创 2022-07-17 21:06:13 · 2278 阅读 · 0 评论 -
Vue监测数据的原理
Vue监测数据的原理。原创 2022-08-07 22:52:51 · 286 阅读 · 0 评论 -
Vue中的数据代理
数据代理原创 2022-08-06 21:00:58 · 346 阅读 · 0 评论 -
ES6新增数据类型-Symbol
ES6引入了一种新的原始数据类型Symbol,表示独一无二的值,最大的用法是用来定义对象的唯一属性名。它是JavaScript中的第七种数据类型,与undefined、null、Number(数值)、String(字符串)、Boolean(布尔值)、Object(对象)并列。...原创 2022-07-28 19:42:17 · 451 阅读 · 0 评论 -
ajax笔记
客户端与服务器之间的通信过程,分为 请求 – 处理 – 响应 三个步骤。网页中的每一个资源,都是通过 请求 – 处理 – 响应 的方式从服务器获取回来的。原创 2022-07-31 15:57:04 · 590 阅读 · 0 评论 -
Vue中key的原理与作用
添加之前: 添加之后:(此时是以作为) 尝试用作为则可以正常显示 :vue的工作原理是在生成真实dom之前会先生成虚拟dom,下图用于演示虚拟dom对比算法key的值使用数据中的唯一标识,就不会出现这个问题...原创 2022-08-07 17:26:36 · 261 阅读 · 0 评论 -
ES6-class类
在ES6中,class(类)作为对象的模板被引入,可以通过class关键字定义类。class的本质是function。它可以看作一个语法糖,让对象原型的写法更加清晰、更像面向对象编程的语法。原创 2022-07-29 08:49:43 · 163 阅读 · 0 评论 -
axios的基本使用
Axios是专注于的库。相比于原生的对象,axios。相比于jQuery,axios更加,只专注于网络数据请求。文档: https://github.com/axios/axios。原创 2022-08-03 17:00:28 · 7182 阅读 · 0 评论 -
width与max-width的区别
width与max-width的区别。原创 2022-11-22 20:34:42 · 241 阅读 · 0 评论 -
less笔记
less是一门css的预处理语言less是一个css的增强版,通过less可以编写更少的代码实现更强大的样式在less中添加了许多的新特性:像对变量的支持、对mixin的支持… …less的语法大体上和css语法一致,但是less中增添了许多对css的扩展,所以浏览器无法直接执行less代码,要执行必须向将less转换为css,然后再由浏览器执行less文件:可以直接体现后代关系body{div{}}body {}body div {}...原创 2022-08-29 16:33:34 · 270 阅读 · 0 评论 -
什么是重绘和回流(重排)
1. 解析(Parser)HTML,生成DOM树(DOM Tree)2. 同时解析(Parser) CSS,生成样式规则 (Style Rules)3. 根据DOM树和样式规则,生成渲染树(Render Tree)4. 进行布局 Layout(回流/重排):根据生成的渲染树,得到节点的几何信息(位置,大小)5. 进行绘制 Painting(重绘): 根据计算和获取的信息进行整个页面的绘制 Display: 展示在页面上6. Display: 展示在页面上。原创 2022-11-29 08:40:15 · 109 阅读 · 0 评论 -
JS高级学习笔记
JS高级学习笔记。原创 2022-08-23 11:39:49 · 173 阅读 · 0 评论 -
JS学习笔记
JS学习笔记。原创 2022-08-22 17:17:30 · 192 阅读 · 0 评论 -
移动端开发适配方案
各种布局都有自己的优缺点,一般情况不会只采取一种方案,一般都采用混合技术开发,选取其中一种技术为主,其他技术为辅。原创 2022-11-25 07:32:00 · 2140 阅读 · 0 评论 -
Vuex的基本使用
Vuex的基本使用。原创 2022-08-13 17:50:45 · 198 阅读 · 0 评论 -
HTML,CSS笔记
HTML,CSS笔记。原创 2022-09-02 08:45:41 · 277 阅读 · 0 评论 -
css三角的做法
把宽高都设为0,分别设置四个方向边框后发现每个边框都是一个三角形。把四个边框都设为透明,并设置其中一个边框为非透明后就是一个三角。原创 2022-09-03 16:45:38 · 121 阅读 · 0 评论 -
浅拷贝与深拷贝
1. 浅拷贝只是拷贝一层,更深层次对象级别的只拷贝引用。2. 深拷贝拷贝多层,每一级别的数据都会拷贝。原创 2022-08-26 09:10:34 · 106 阅读 · 0 评论 -
防抖和节流
概念:当调用动作过n秒后,才会执行该动作,若在这n秒内又调用此动作则将重新计算执行时间(一定时间内,只会执行最后一次任务)例如:王者荣耀中的英雄回城,点击回城后将在五秒后回城,如果在这五秒内我们再次点击回城就会打断上一次的回城重新执行一个新的回城任务要重新等待五秒才能回城(被打断就重新执行)原创 2022-12-05 22:04:25 · 1512 阅读 · 1 评论 -
jQuery学习笔记
jQuery学习笔记。原创 2022-09-20 08:45:16 · 261 阅读 · 0 评论 -
ES6笔记
它类似于对象,也是键值对的集合。但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键。Map也实现了iterator 接口,所以可以使用【扩展运算符】和【for…它类似于数组,但成员的值都是唯一的,集合实现了iterator 接口,所以可以使用【扩展运算符】和【for…4. has : 检测集合中是否包含某个元素,返回boolean值。4)has:检测Map中是否包含某个元素,返回boolean值。2)set:增加一个新元素,返回当前Map。1)size:返回Map的元素个数。原创 2022-08-23 22:26:35 · 301 阅读 · 0 评论 -
Vue笔记
Vue笔记。原创 2022-08-15 21:09:10 · 479 阅读 · 0 评论 -
js常用数组方法总结
js常用数组方法总结。原创 2022-08-21 16:42:52 · 180 阅读 · 0 评论 -
JS执行机制
因为js是单线程的,为了解决这个问题,js把任务分为两类(同步任务和异步任务),同步任务会放到执行栈中,异步任务执行完后会放到任务对列中,执行栈执行完了再回到任务队列中去检查,有就再放到执行栈中去执行,执行栈执行完再回到任务队列看有没有异步任务,有就在推到执行栈中,一直这样循环就叫事件循环。原创 2022-11-29 20:58:45 · 92 阅读 · 0 评论 -
微信小程序学习笔记
1. 什么是宿主环境宿主环境(host environment)指的是程序运行所必须的依赖环境。例如:Android系统和iOS系统是两个不同的宿主环境。安卓版的微信 App 是不能在 iOS 环境下运行的,所以, Android 是安卓软件的宿主环境,脱离了宿主环境的软件是没有任何意义的!2. 小程序的宿主环境手机微信是小程序的宿主环境,如图所示:小程序借助宿主环境提供的能力,可以完成许多普通网页无法完成的功能,例如: 微信扫码、微信支付、微信登录、地理定位、etc…原创 2023-05-22 19:44:41 · 949 阅读 · 0 评论 -
Vue中v-for不要和v-if一起使用
当 v-if 与 v-for 一起使用时,v-for 具有比 v-if 更高的优先级,这意味着 v-if 将分别重复运行于每个 v-for 循环中。原创 2023-01-11 18:20:48 · 1345 阅读 · 0 评论 -
HTTP协议与TCP协议
TCP(Transmission Control Protocol 传输控制协议) 是一种面向连接(连接导向) 的、可靠的、 基于IP的传输层协议。原创 2023-05-16 16:24:58 · 3995 阅读 · 0 评论 -
内存泄露与内存溢出
当程序运行需要的内存超过了剩余的内存时,就出抛出内存溢出的错误。原创 2022-07-16 14:38:15 · 368 阅读 · 0 评论 -
webpack课件
https://yk2012.github.io/sgg_webpack5/原创 2022-06-19 10:52:27 · 221 阅读 · 0 评论 -
js原型链
函数的显式原型指向的对象默认是空。的实例(包括Function)的原型对象是原型链的尽头。原创 2022-07-15 17:25:27 · 89 阅读 · 0 评论