- 博客(16)
- 收藏
- 关注
RSS订阅原创 了解http协议
HTTP1.超文本传输协议（HTTP）是一种通信协议，它允许将超文本标记语言（HTML）文档从Web服务器传输到客户端的浏览器上2.HTTP是一个属于应用层的面向对象的协议，由于其简介，快速的方式，适用于分布式超媒体信息系统。它于1990年提出，经过几年的使用与发展，得到不断地完善和发展web1.WEB是一种基于超文本和HTTP的，全球性的，动态交互的，跨平台的分布式图形信息系统2.建立...
2019-12-27 12:41:03
161
4原创 JavaScript深浅拷贝原理
1.赋值首先应当知道：基本数据类型：赋值，赋值之后两个变量互不影响（字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol）引用数据类型：赋址，两个变量具有相同的引用，指向同一个对象，相互之间有影响（对象(Object)、数组(Array)、函数(Function)）对基本类型进行赋值操作，两个变量互不影响。...
2019-12-23 15:29:08
129
原创 JavaScript防抖与节流
防抖：防止一个函数在一段事件内疯狂执行场景：1.搜索框input事件2.鼠标移动mousemove事件3.视窗大小变化resize事件原理：不希望一个事件在短时间内执行多次，所以设置一个定时器，在一段时间后才执行，在定时器的时间内有触发时间了，就取消上一个事件的定时器，避免上次事件发生，然后又重新设置了一个新的定时器。<script> function deboun...
2019-12-23 14:16:07
85
原创 ES6字符串的解构赋值
<script> //1.字符串的结构赋值 var str='i am robot ha ha ha' var [a,b,c,...oth]=str //a=i;b=an;c=robot oth=后面的每个字符，包括空格 var [...str1]=str var str2=str.split('') var str3=[...str]/...
2019-12-17 17:00:01
144
原创 JavaScript如何实现继承的几种方法
<script> //1.借助构造函数继承 function parent() { this.name = "parent" } parent.prototype.say = 'say' function child() { parent.call(this); this.type = 'child...
2019-12-16 13:44:40
91
原创 ES6对象的解构赋值
//1.对象的结构赋值 var obj = { name: '小明', age: '18' } var { name, age } = obj//name=小明，age=18 注意数组是根据位置进行赋值，对象是根据属性名赋值 //2.复杂情况 var obj1 = { name: '小明', ...
2019-12-16 00:39:06
132
原创 ES6数组的解构赋值
<script> //数组的解构赋值 const arr1 = [1, 2, 3, 4] let [a, b, c, d] = arr1; //更加复杂的情况 const arr2 = [1, 2, 3, [4, 5, [6, 7]]]//如何拿到7 let [, , , [, , [, num]]] = arr2 console...
2019-12-15 20:11:36
142
原创 解决const引用数据类型可修改问题（Object.freeze）
使用Object.freezeObject.freeze：冻结对象，不能添加新属性，修改属性值，不能删除属性，也不可修改属性的可枚举行，可配置性，可写性。<script> //es6写法 const person={ name:'小明' } Object.freeze(person); person.name='小红'//修改...
2019-12-15 19:44:07
454
原创 生成10个按钮，每个按点击的时候弹出1-10（var与let）
原因：js是在es6之前是没有块作用域的，只有函数作用域。<script> //写法1 var i = 0; for (i = 1; i <= 10; i++) { (function(i) { var btn = document.createElement('button'); btn....
2019-12-15 18:56:47
210
原创 页面性能优化
提升页面性能的方法有哪些？1.资源压缩合并，减少HTTP请求2.非核心代码异步加载异步加载的方式？1.动态脚本加载2.defer 直接在script标签的上加3.async异步加载的区别1.defer是在HTML解析完之后才会去执行，如果是多个，按照加载的顺序依次执行2.async是在加载完之后立即执行，如果是多个，执行顺序和加载顺序无关3.利用浏览器缓存缓存的分类...
2019-12-13 16:58:20
70
原创 浏览器渲染机制
1.什么是DOCTYPE及作用DTD（document type definition,文档类型定义）是一系列的语法规则，用来定义XML/HTML的文件类型。浏览器会使用他来判断文档类型，决定使用何种协议来解析以及切换浏览器模式。DTD简单来说就是告诉浏览器，自己是什么文档类型，浏览器根据DTD来判断用什么引擎来解析他。DOCTYPE是用来声明文档类型和DTD规范的，一个主要的用途便是文...
2019-12-13 15:53:29
67
原创 前端面试基础--js运行机制
1.理解js单线程的概念单线程就是同一时间只能干一件事。2.理解任务队列任务分为同步任务与异步任务同步任务：在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务。异步任务:不进入主线程、而进入任务队列的任务，只有 "任务队列"通知主线程，某个异步任务可以执行了，该任务才会进入主线程执行。3.理解Event Loop及事件循环，当主进程中的同步任务执行完毕之后，就会去看...
2019-12-13 14:59:18
169
原创 前端面试基础--安全类
1.CSRF1.基础概念和缩写跨站点请求伪造(Cross—Site Request Forgery)2.攻击原理及过程用户C打开浏览器，访问受信任网站A，输入用户名和密码请求登录网站A在用户信息通过验证后，网站A产生Cookie信息并返回给浏览器，此时用户登录网站A成功，可以正常发送请求到网站A；用户未退出网站A之前，在同一浏览器中，打开一个TAB页访问网站B；网站B接收到用户请求...
2019-12-09 23:11:06
87
原创 前端必问面试题-通信类
1.什么是同源策略及限制同源策略限制从一个源加载的文档或者脚本如何与来自另一个源的资源进行交互，这是一个用于隔离潜在恶意文件的关键的安全机制。如果不同源？1.cookie、localStorage和indexDB无法读取2.DOM无法获得3.AJAX请求不能发送2.前后端如何通信1.Ajax 必须 同源2.WebSocker 都可以3.CORS 都可以3.如何创建AJAX3....
2019-12-09 20:16:07
183
原创 BFC（块级格式化上下文）详解
1.什么是BFCBFC 全称为 块格式化上下文 (Block Formatting Context) 。2.BFC有啥作用1.使 BFC 内部浮动元素只在内部发挥作用，不会不会影响到外部2.解决边距重叠问题（同时能清除浮动）3.BFC的原理（BFC的渲染规则）1.BFC元素垂直方向的边距会发生重叠2.BFC的区域不会与浮动元素的box重叠，可以包含浮动元素（用来清除浮动）3.BFC...
2019-12-09 19:11:46
272
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人