- 博客(23)
- 收藏
- 关注
RSS订阅原创 前端开发-深拷贝浅拷贝的区别及实现
深拷贝开辟一个新的栈，两个对象属完成相同，但是对应两个不同的地址，修改一个对象的属性，不会改变另一个对象的属性。浅拷贝只复制属性指向某个对象的指针，而不复制对象本身，新旧对象还是共享同一块内存，修改对象属性会影响原对象。从上图发现，浅拷贝和深拷贝都创建出一个新的对象，但在复制对象属性的时候，行为就不一样。如果属性是基本类型，拷贝的就是基本类型的值。深拷贝是递归拷贝深层次，属性为对象时，深拷贝是新开栈，两个对象指向不同的地址。浅拷贝是拷贝一层，属性为对象时，浅拷贝是复制，两个对象指向同一个地址。
2022-10-15 22:24:15
251
1
原创 前端开发-- 详解HTTPS 是如何保证安全的？
对称加密的特点是文件加密和解密使用相同的密钥，即加密密钥也可以用作解密密钥，这种方法在密码学中叫做对称加密算法，对称加密算法使用起来简单快捷，密钥较短，且破译困难通信的双⽅都使⽤同⼀个秘钥进⾏加密, 解密。⽐如，两个人事先约定的暗号，就属于对称加密。对称加密的特点是：优点:计算量小、加密速度快、加密效率高。在数据传送前，发送方和接收方必须商定好秘钥，然后双方保存好秘钥。如果一方的秘钥被泄露，那么加密信息也就不安全了最不安全的地方, 就在于第一开始, 互相约定密钥的时候!!!传递密钥!
2022-10-07 22:29:08
1127
原创 前端开发--跨域问题的由来及解决方法
的高度宽度调整到占据浏览器的可视区域 ，这样用户进入这个假的网站后，看到就是和真正的银行网站是一样的内容。通过上面的错误，我们明白了，客户端不能发送跨域请求是因为服务端并不接收跨域的请求，所以为了解决跨域请求的问题，我们可以将服务端设置为可以接收跨域请求。通过对服务端的处理不会对前端代码做任何的处理，但是由于不同系统服务端采用的语言与框架是不同的，所以导致服务端的处理方式不同。所谓的同源指的是相同协议，域名和端口号，如果两个资源路径在协议，域名，端口号上有任何一点不同，则它们就不属于同源的资源，
2022-10-01 22:55:31
2022
原创 前端开发--rest运算符详解
在ES6中引入了rest参数，形式为"...变量名"，用于获取函数中的多余参数，这样就不需要使用arguments对象了。rest参数搭配的变量是一个数组。在上面定义的函数中，传递了三个参数，第一个参数：是一个‘+’号，后面两个参数，表示进行加法运算的数据。但是，问题是如果参与运算的数据比较多，那么定义的参数也就比较多，这样比较麻烦。这时可以使用rest参数形式。通过以上的代码输出发现，values这个参数是一个数组，所传递的数据都存储到这个数组中，下面可以将数据从这个数组中取出来，进行运算。
2022-09-24 22:21:09
1037
原创 前端开发--CDN优化加载速度
CDN全称叫做“Content Delivery Network”，中文叫**内容分发网络**。我们用它来**提高访问速度**。把一些静态资源：css， .js，图片，视频放在第三方的CDN服务器上，可以加速访问速度。前端项目中使用CDN好处：1. 减少应用打包出来的包体积2. 加快静态资源的访问-cdn服务器集群-就近返回3. 利用浏览器缓存，不会变动的文件长期缓存 可以适当提高第三方插件的链接速度, 但是开发的时候我们还是可以在本地用npm下载, 但是上线后要配置cdn地址, 用户的浏览
2022-09-17 23:03:02
3256
原创 前端开发--虚拟DOM
是由普通的JS对象来描述DOM对象，因为不是真实的DOM对象，所以叫做.我们为什么用虚拟DOM来模拟真实的DOM呢？因为我们知道一个DOM对象中的成员是非常多。所以创建Dom对象的成本非常高。如果使用虚拟Dom来描述真实Dom,就会发现创建的成员少，成本也就低了。
2022-09-05 22:02:52
843
原创 前端开发--箭头函数
但是上面的写法是错误的，因为这时大括号被解释为代码块，解决的办法是：在对象外面加上小括号,上面我们写的代码中，发现函数体中只有一条语句，那么这时是可以省略大括号的。通过上面的代码，可以发现在箭头函数中直接使用this是没有问题的。把上面的代码转换成ES5的写法，发现和我们前面写的代码是一样的。通过上面的代码，可以发现传统方式来定义函数的时候，比较麻烦。将上面的代码修改一下，要求延迟1秒钟以后，再输出用户名的名称。在给构造函数添加原型函数时，如果使用箭头函数，其中的。,所以箭头函数中使用的this指的就是。
2022-08-23 20:04:44
1355
原创 前端开发--快速了解call()函数，apply( )函数，bind( )函数的使用与区别
call( )函数的基本使用apply( )函数的基本使用bind函数的基本使用三个函数的比较应用场景求数组中的最大值与最小值将arguments转换成数组继承的实现改变匿名函数的this指向手写call、apply及bind函数call方法的实现apply函数的实现bind函数的实现拓展：为什么函数被称为一等公民？
2022-08-19 10:38:29
1018
原创 前端开发--快速了解Vue中的diff算法
diff算法如何比较新旧虚拟DOM?根元素改变 – 删除当前DOM树重新建根元素未变, 属性改变 – 更新属性根元素未变, 子元素/内容改变无key – 就地更新 / 有key – 按key比较key值要求是唯一不重复的字符串或者数值key的值有id用id, 没id用索引key的好处：可以配合虚拟DOM提高更新的性能。...............
2022-08-10 21:54:45
802
原创 前端开发——Vue指令
14_vue基础语法_插值表达式 15_vue基础语法_MVVM设计模式 16_vue指令_v-bind 17_vue指令_v-on绑定事件 18_vue事件_接收事件对象 19_vue事件_修饰符 20_vue按键_修饰符 21_课上练习_翻转世界 22_vue指令_v-model基础使用 23_vue指令_v-model绑定不同表单标签 24_vue指令_v-model修饰符 25_vue指令_v-text和v-html 26_vue指令_v-show和v-if的使用 27_.
2022-08-03 20:58:55
305
原创 前端开发--webpack打包工具
### 1、什么是webpack（必会） webpack是一个打包模块化javascript的工具，在webpack里一切文件皆模块，通过loader转换文件，通过plugin注入钩子，最后输出由多个模块组合成的文件，webpack专注构建模块化项目### 2、Webpack的优点是什么？（必会）1. 专注于处理模块化的项目，能做到开箱即用，一步到位2. 通过plugin扩展，完整好用又不失灵活3. 通过loaders扩展, 可以让webpack把所有类型的文件都解析打包4. 区庞大活跃
2022-07-28 21:57:36
1624
原创 前端开发--Express的基本使用
Express是基于Node.js平台，快速、开放、极简的Web开发框架。通俗的理解Express的作用和Node.js内置的http模块类似，是专门用来创建Web服务器的。
2022-07-19 21:08:19
512
原创 前端开发--解构赋值
#博学谷IT学习技术支持#目录概述数组解构基本语法：不同情况下的解构赋值对象解构基本语法多级对象解构多级对象解构案例解构嵌套对象和数组For of 迭代和解构从作为函数实参的对象中提取数据解构对象时会查找原型链（如果属性不在对象自身，将从原型链中查找）解构赋值是对赋值运算符的扩展。他是一种针对数组或者对象进行模式匹配，然后对其中的变量进行赋值。在代码书写上简洁且易读，语义更加清晰明了；也方便了复杂对象中数据字段获取。变量的数量大于单元值数量时，多余的变量将被赋值为 变量的数量小于单元值数量时，可以通过 获
2022-07-13 22:07:31
1565
原创 前端开发--art-template模板引擎及实现原理
#博学谷IT学习技术支持#目录简介安装使用步骤编辑 art-template标准语法值输出原文输出条件输出 循环输出 过滤器模板引擎的实现原理1.基本语法2.分组3.字符串的replace函数4.多次replace5.使用while循环replace6.replace替换为真值实现简易的模板引擎1. 实现步骤2. 定义模板结构3. 预调用模板引擎4. 封装template函数5. 导入并使用自定义的模板引擎art-template 是一个简约、超快的模板引擎。它采用作用域预声明的技术来优化模板渲染速度，
2022-07-06 20:53:04
4907
原创 前端开发-正则表达式
目录什么是正则表达式创建正则表达式正则表达式中的特殊字符一、元字符二、反义字符三、限定字符正则表达式的方法exec()方法test() 方法match() 方法search() 方法replace() 方法正则表达式是用于匹配字符串中字符组合的模式。在 JavaScript 中，正则表达式也是对象。使用一个正则表达式字面量，其由包含在斜杠之间的模式组成，如下所示：或者调用对象的构造函数，如下所示：test() 正则对象方法，用于检测字符串是否符合该规则，该对象会返回 true 或 false，
2022-06-29 21:53:58
621
原创 前端开发--Echarts相关配置详解
Echarts相关配置详解tooltip提示框组件相关配置trigger提示框触发类型formatter提示框内容提示框样式position 提示框位置设置toolbox工具栏组件color 图形颜色legend 图例xAxis X轴相关属性（与Y轴一致）xAxis.axisLine. show = true 是否显示坐标轴轴线xAxis.axisTick. show = true 是否显示坐标轴刻度xAxis. boundar...
2022-06-23 10:52:47
1725
原创 前端开发---jQuery 效果
前端开发---jQuery 效果隐藏和显示滑动效果淡入淡出自定义动画 animate事件切换jQuery Callback 函数
2022-06-16 21:40:07
115
原创 前端开发-DOM重点核心
#博学谷IT学习技术支持#目录创建document.write()element.innerHTMLdocument.createElement()改属性操作表单元素的属性操作元素内容操作样式属性操作查DOM提供的API 方法H5提供的新方法利用节点操作获取元素增node.appendChild(child)node.insertBefore(child, 指定元素)删node.removeChild(child) 在点击按钮后，页面重绘，只剩下写入页面的内容innerHTML 是将内容写入某个
2022-06-11 08:00:00
166
原创 前端开发-数组
#博学谷IT学习技术支持#目录数组的概念数组的创建方式利用数组字面量创建数组利用 new 创建数组数组元素的类型数组的索引数组的索引是从0开始的当要查询的索引大于数组的长度时通过索引改变数组的值遍历数组通过修改 length 长度新增数组元素通过修改数组索引新增数组元素检测是否为数组添加删除数组元素的方法 翻转数组reverse()冒泡排序 sort()数组索引方法数组转换为字符串数组的创建方式 利用数组字面量创建数组声明数组并赋值称为数组的初始化利用 new 创建数组
2022-06-03 21:00:25
289
原创 前端开发-flex布局
#博学谷IT学习技术支持#目录flex布局特点布局原理常见父项属性flex-direction 设置主轴的方向justify-content设置主轴上的子元素排列方式flex-wrap 设置子元素是否换行align-items 设置侧轴上的子元素排列方式（单行 ）align-content 设置侧轴上的子元素的排列方式（多行）align-content 和 align-items 区别flex-flow子项常见属性flex 属性align-sel...
2022-05-29 10:30:00
187
原创 前端开发-CSS常见问题总结
#博学谷IT学习技术支持#目录img标签和背景图片的区别HTML嵌套规范注意点css的优先级顺序外边距合并现象外边距塌陷现象转换为行内块存在的问题img标签和背景图片的区别img 标签：直接写上img标签即可，img标签是一个标签，不设置宽高默认会以原尺寸显示背景图片：需要设置div的宽高，因为背景图片只是装饰的CSS样式，不能撑开div标签HTML嵌套规范注意点块级元素一般作为大容器，可以嵌套：文本、块级元素、行内元素、行内块元素等等……但是
2022-05-16 18:49:57
203
原创 前端开发-HTML基础
#博学谷IT学习技术支持#目录1.HTML的概念2.HTML骨架结构3.HTML标签的结构4.HTML标签的关系5.HTML标签(1).标题标签(2).段落标签(3).换行标签(4).文本格式化标签(5).图片标签(6).音频标签(7).视频标签(8).链接标签1.HTML的概念HTML（Hyper Text Markup Language）中文译为：超文本标记语言html是专门用于网页开发的语言，主要通过HTML标签对网页中的文本..
2022-05-09 20:51:33
862
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人