qq_43459032-优快云博客

原创前端面试需要背的知识点

1.TCP 与 UDP之间的区别 2.JS 最原始的操作 DOM 3. JS 中数组的全部方法 4. 浏览器的内核 5. cookie 和 session的区别还有 display css 的优先级属性 CSS 选择符： 1.id选择器(# myid) 2.类选择器(.myclassname) 3.标签选择器(div, h1, p) 4.相邻选择器(h1 + p) 5.子选择器(ul > li) 6.后代选择器(li a) 7.通配符选择器( * ) 8.属性选择器(a[rel = “externa

2020-09-28 09:54:55 474

原创 v-show和 v-if的区别

v-if:是什么就渲染什么，使用场景：更新不频繁； v-if 不建议v-for 一起使用 v-for的计算级别比v-if 高 v-show: 全部渲染，不符合的情况下 display 为 none ，使用场景：使用频繁

2020-09-26 18:27:59 212

原创 JavaScript中的作用域和闭包

var num = 0 // window 是全局作用域对象 function test() { var num = 99 function mc() { var num = 100 console.log(num) // 打印 num 首先会在自己当前的作用域内进行查找，如果存在则输出，不存在，则一级一..

2020-09-26 18:27:04 166

原创前端CSS，HTML

1.页面布局水平居中 1.margin:auto; 页面没有滚动条有滚动条用fixed 2 fixed 和 absulte 的区别两栏布局：一般用于后台管理系统用到float 不固定的用到 overflow:hidden 双飞翼布局圣杯布局自适应的部分一定要添加 overflow:hidden 可以应用浮动实现为啥加上overflow:hidden&nbs

2020-09-26 18:05:54 193

原创前端电话面试

1.项目： 1.路由 2.微信授权验证 2.vue框架计算机属性路由跳转的形式 3.居中的实现（这个需要复习） 4.数组的常用方法，他们之间有什么区别

2020-09-26 17:54:58 755

原创性能优化

要展示尽量全面的图片懒加载多使用内存，缓存或其他方法减少CPU 计算量，减少网络加载耗时空间换时间 1.加载更快减少资源体积，压缩代码减少访问次数合并代码

2020-09-24 15:58:11 116

原创从输入 url到渲染出页面的正规过程

1.加载资源的形式 html 2加载过程： DNS 解析：域名 -> IP 地址浏览器根据IP 地址向服务器发起 http 请求服务器出了 http 请求，并返回给浏览器 3.渲染过程 1.根据HTML 代码生成 DOM Tree 根据CSS 代码生成 CCSOM 将 DOM Tree 和 CCSOM 整合行程 Render Tree 根据 Render Tree 渲染页面遇到 window.onload 和 DOCM. ...

2020-09-24 15:38:54 117

原创 JavaScript中的eval

eval("随便什么代码都会执行") ```javascript requireJs ===> AMD 模块化开发的代表作 COMMONJS ===》 nodejs

2020-09-24 15:20:13 142

原创存储

cookie : 本身用于浏览器和 server 通讯被 “借用”来存储可用 document.cookie=’’ 来修改存储大小， 4KB http 请求时需要发送到服务端，增加请求数据量 localStorage 最大可存5M APT 简短易用 setItem getItem 不会随着http请求被发送出去数据会永久存储，除非代码或者手动删除 sessionStorage 最大可存5M APT 简短易用 setItem getItem 不会随着http请求被发送出去只会存储在当前会话，浏

2020-09-24 15:19:24 252

原创 ajax

1.手写简易的ajax XmlHttpRequet const xhr = new XmlHttpRequest() xhr.open(“GET”, "/api", true) xhr.onreadystatechange= function(){ if(xhr,readyState === 4){ if(xhr.status === 200){ alter(xhr.responseText) } } } xhr.send(null) xhr,readyState 的取值 0：未初

2020-09-24 15:10:43 112

原创 NodeJs 复习

不能用 import 的方式引入模块 because:不符合commjs规范 2.获取文件的绝对路径用到path 这个三方插件 path.join(file,fileName) const info = fs.statSync(location) // 获取当前文件或者文件夹的状态 info.isDirectory() // 判断是文件还是文件夹 2.Node 计算能力差了解前端工程化引导到webpack 和 npm 前端工程化？？如何才算工程化核心模块： node 版本如何升级，why? ...

2020-09-24 14:29:47 256

原创 JavaScript中深复制

2020-09-16 22:29:53 140

原创 JavaScript中的柯里化

柯里化：函数的多参变单参 //多参： function mul(a, b, c){ return a * b * c } var mul1 = mul(1,2,3) function mul(a){ return function(b){ return function (c){ return a * b * c } } } var fn = mul(1) fn(2, 3) fn(1,2)

2020-09-16 11:40:25 119

原创 JavaScript中的节流和防抖

节流与防抖都是减少函数的执行次数。防抖：删除前一个节流：不执行下一个防抖实例： aaaa aaaa aaaa aaaa aaaa aaaa aaaa aaaa&lt

2020-09-16 11:32:59 124

原创普通函数与箭头函数的区别

let obj = { id:99, hello:()=>{ console.log(this) // 箭头函数没有自己的 this 即当箭头函数不存在 console.log(this.id) }, print:{ setTimeOut(function(){ console.log(this) // setTimeOut 函数由 window 调用 }, 3000) }， write:{ setTimeOut(()=>{ .

2020-09-15 21:24:38 111

原创面向对象编程与面向过程的区别

面向对象编程与面向过程的区别它们都是编程思维面向过程：按照步骤顺序面向对象：找到角色，确定职责

2020-09-15 20:13:13 121

原创面向对象中对象的继承与优化

面向对象中对象的继承与优化类的继承 1.借助函数实现 function Parent1（）{ this.name = 'parent1' } function Child1(){ Parent.call(this) // 该 Parent 函数运行的上下文，更改了类的指向 // 即将父级的构造函数指向指向子级的构造函数 this.type = 'child1' } // 缺点：parent1上原型链的属性没有办法继承 2.原型链继承 function Paren...

2020-09-15 19:57:38 199

原创 JavaScript DOM

DOM事件类 DOM事件的级别：DOM标准定义 DOM0 element.onclick=function(){ DOM1没有定义和事件相关的 DOM2 element.addEventListener('click', function(){}，false) DOM3 element.addEventListener('click', function(){}, false) DOM事件模型：冒泡和捕获 DOM事件流：浏览器与用户交互相应，鼠标点击，第一阶段是捕获，第二目标阶段...

2020-09-15 15:05:24 103

原创面试复习 CSS 和 HTML

HTML和CSS 1.页面布局水平居中 1.margin:auto;页面没有滚动条有滚动条用fixed 2 fixed和absulte的区别两栏布局：一般用于后台管理系统用到float 不固定的用到overflow:hidden 双飞翼布局圣杯布局自适应的部分一定要添加overflow:hidden 可以应用浮动实现为啥加上overflow:hidden可以触发BFC 那么哪些可以触发BFC(块级格式化上下文) BF...

2020-09-15 14:38:25 187

原创 2020-09-04

项目装上 eslint 后出现报错 Parsing error: ‘import’ and ‘export’ may only appear at the top level.* 因为 eslint 可能不支持动态导入解决办法： $ npm install eslint babel-eslint --save-dev or $ yarn add eslint babel-eslint -D 在.eslintrc.js文件中添加上 module.exports = { parser: “babel-esli

2020-09-04 16:53:58 351

qq_43459032的博客