- 博客(20)
- 收藏
- 关注
RSS订阅原创 前端面试需要背的知识点
1.TCP 与 UDP之间的区别2.JS 最原始的操作 DOM3. JS 中数组的全部方法4. 浏览器的内核5. cookie 和 session的区别还有 displaycss 的优先级属性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
392
原创 v-show和 v-if的区别
v-if:是什么就渲染什么，使用场景：更新不频繁；v-if 不建议v-for 一起使用v-for的计算级别比v-if 高v-show: 全部渲染，不符合的情况下 display 为 none ，使用场景：使用频繁
2020-09-26 18:27:59
100
原创 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
74
原创 前端CSS，HTML
1.页面布局水平居中 1.margin:auto; 页面没有滚动条 有滚动条用fixed2fixed 和 absulte 的区别两栏布局： 一般用于后台管理系统用到float 不固定的用到 overflow:hidden双飞翼布局 圣杯布局自适应的部分一定要添加 overflow:hidden可以应用浮动实现为啥加上overflow:hidden&nbs
2020-09-26 18:05:54
106
原创 前端电话面试
1.项目：1.路由2.微信授权验证2.vue框架计算机属性路由跳转的形式3.居中的实现 （这个需要复习）4.数组的常用方法，他们之间有什么区别
2020-09-26 17:54:58
660
原创 性能优化
要展示尽量全面的图片懒加载多使用内存，缓存或其他方法减少CPU 计算量 ， 减少网络加载耗时空间换时间1.加载更快减少资源体积，压缩代码减少访问次数合并代码
2020-09-24 15:58:11
44
原创 从输入 url到渲染出页面的正规过程
1.加载资源的形式html2加载过程：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
44
原创 JavaScript中的eval
eval("随便什么代码都会执行")```javascriptrequireJs ===> AMD 模块化开发的代表作COMMONJS ===》 nodejs
2020-09-24 15:20:13
68
原创 存储
cookie :本身用于浏览器 和 server 通讯被 “借用”来存储可用 document.cookie=’’ 来修改存储大小， 4KBhttp 请求时需要发送到服务端，增加请求数据量localStorage最大可存5MAPT 简短易用 setItem getItem不会随着http请求被发送出去数据会永久存储，除非代码或者手动删除sessionStorage最大可存5MAPT 简短易用 setItem getItem不会随着http请求被发送出去只会存储在当前会话，浏
2020-09-24 15:19:24
157
原创 ajax
1.手写简易的ajaxXmlHttpRequetconst 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
42
原创 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
141
原创 JavaScript中深复制
<script> function cloneObject(target, source) { // 先取出 对象的所有属性 var names = Object.getOwnPropertyNames(source) // 把全部属性进行遍历 for (var i = 0; i < names.length; i++) { var des
2020-09-16 22:29:53
67
原创 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
49
原创 JavaScript中的节流和防抖
节流与防抖都是减少函数的执行次数。防抖：删除前一个节流：不执行下一个防抖 实例：<p>aaaa</p> <p>aaaa</p> <p>aaaa</p> <p>aaaa</p> <p>aaaa</p> <p>aaaa</p> <p>aaaa</p> <p>aaaa<
2020-09-16 11:32:59
62
原创 普通函数与箭头函数的区别
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
47
原创 面向对象中对象的继承与优化
面向对象中对象的继承与优化类的继承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
105
原创 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
48
原创 面试复习 CSS 和 HTML
HTML和CSS1.页面布局水平居中1.margin:auto;页面没有滚动条有滚动条用fixed2fixed和absulte的区别两栏布局：一般用于后台管理系统用到float不固定的用到overflow:hidden双飞翼布局圣杯布局自适应的部分一定要添加overflow:hidden可以应用浮动实现为啥加上overflow:hidden可以触发BFC那么哪些可以触发BFC(块级格式化上下文)BF...
2020-09-15 14:38:25
103
原创 2020-09-04
项目装上 eslint 后出现报错 Parsing error: ‘import’ and ‘export’ may only appear at the top level.*因为 eslint 可能不支持动态导入解决办法：$ npm install eslint babel-eslint --save-devor$ yarn add eslint babel-eslint -D在.eslintrc.js文件中添加上module.exports = {parser: “babel-esli
2020-09-04 16:53:58
202
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人