ljs_coding

岗位：软件工程师(前端)CSS选择器以及优先级 子绝父相定位 水平垂直居中CSS选择器有标签选择器、类名选择器、多类名选择器、ID选择器、通配符选择器(*) 伪类选择器(链接伪类选择器，lvha，:link 未访问 :visited已访问 :hover鼠标移上去 :active被鼠标选定瞬间的状态；结构伪类选择器，:nth-child(数字、关键词even/odd、公式2n+1)、nt...

总结一下没有回答好的问题(1) 前端优化相关：A. defer async 参考 https://www.cnblogs.com/jiasm/p/7683930.html为了解决的问题：第三方脚本的延迟等问题导致白屏 两者都不会阻塞DOM的渲染前端优化方式：将 script 标签放在 body 底部，因为 JS 文件执行会阻塞渲染。当然也可以把 script 标签放在任意位置然后加上 d...

参考 https://segmentfault.com/a/1190000015711829回调函数、promise、generator、async/await回调函数：(1) 当前业务依赖于上层数据，上层业务又依赖于更上层数据，如果这时候还用回调函数来进行异步，层层嵌套，就会出现回调地狱问题。(2) 控制反转：自己程序的一部分交给第三方，无法控制第三方对回调函数的执行，就可能出现调用过早...

问题如下1 项目相关讲从0构建项目的过程，组件化思想，webpack使用过吗？页面之间如何通信，vue-router，vuex2 CSS水平垂直居中方式阴影的实现方式CSS3动画3 JavaScript对象数组按照key值排序字符串拼接几种方式4 ES6let const区别异步有哪几种方式，具体怎么使用的个人总结1 对于vue和项目还不够熟悉2 webpack没有...

文章目录1 前言2 new2.1 调用new的过程2.2 如何实现new3 深浅拷贝3.1 如何实现深浅拷贝4 防抖节流1 前言这篇是根据掘金小册来写的，覆盖不一定全面，但是在前端进阶上有帮助。如有错误，欢迎指正。参考链接 https://yuchengkai.cn/docs/frontend/2 new2.1 调用new的过程1 新生成了一个对象2 链接到原型3 绑定this4 ...

1 浮动元素居中(1) 没有宽度父子元素都float:left;position:relative.父元素left:50%,子元素left:-50%<meta charset="utf-8"><style> .box { border: 2px solid green; float: left; position: relative; ...

参考 掘金小册function checkArray(array) { if (!array || array.length < 2) { return }}function swap(array, i, j) { var temp = array[i] array[i] = array[j] array[j] = temp}//冒泡function...

文章目录1 浏览器兼容问题1.1 CSS部分1.1.1 消除默认样式1.1.2 H5标签不识别1.1.3 IE属性过滤器1.1.4 清除浮动1.2 JS部分1.2.1 键盘码keyCode1.2.2 窗口大小1.2.3 跨浏览器的事件处理程序1 浏览器兼容问题略过了一些IE 6/7,选择了相对常见的问题进行总结。1.1 CSS部分1.1.1 消除默认样式(1) 引入Normalize.c...

文章目录1 前言2 总结2.1 什么是事件循环？2.2 事件循环、宏任务、微任务关系1 前言原文链接： https://juejin.im/post/59e85eebf265da430d571f89要想弄懂promise、setTimeout这一系列的执行顺序，绕不开事件循环机制。而这篇掘金的文章是我看到的解释事件循环机制中最通俗易懂的一篇，推荐给大家。说明：作者写得非常棒，不过有几个地方...

1 HTTP与HTTPS协议参考 https://juejin.im/entry/58d7635e5c497d0057fae036#commentHTTPS和HTTP的区别主要如下：1、https协议需要到ca申请证书，一般免费证书较少，因而需要一定费用。2、http是超文本传输协议，信息是明文传输，连接很简单，是无状态的；https协议是由SSL+HTTP协议构建的可进行加密传输、身份认...

1 前言这四点是在面试中经常会被问到的，这两天终于查了书也看了几篇博客，在此做整理。这也提醒我们看书过后不代表掌握，任何学习过程都要经历懂-会-对-悟四个阶段，准备面试过程其实也是对知识点的梳理过程。以下内容，欢迎指正。2 闭包参考 红宝书与 https://juejin.im/entry/57d60f7067f3560057e37e25闭包是指有权访问另一个函数作用域中的变量的函数。...

1 HTML5新增特性与废除特性HTML5新增了27个元素，废弃了16个元素。现有规范把HTML5元素按优先等级定义为结构性元素、级块性元素、行内语义性元素、交互性元素。新增特性举例(1) 结构性元素：header头部、footer底部、nav导航栏、article主体、section章节(2) 级块性元素：aside侧边栏(3) 行内语义性元素：time时间、progress进度条、v...

Shopee一面总结分为CSS、JS、编程题问答题目块元素和行内元素的区别讲一讲BFCJS中基本数据类型 如何判断数据类型讲讲闭包 什么时候需要用到闭包ES6中let和var的区别代码题目Promise原型 prototype和__proto__this.name不同情况下输出 涉及箭头函数、setTimeout多维数据转一维数组 元素可能是字符串、数字、数组等大正整数相...

问题总结：1 说一下这个去哪儿网的项目，大致介绍了一下内容 那这个keep-alive的使用场景是什么 用与不用的差别 真实DOM还是虚拟DOM 使用了后台模拟数据 怎么实现的3 第二个项目 better-scroll使用场景 使用原因 提到了flex布局 讲一下和flow布局的区别 flex:1是哪几个属性的缩写4 ES6用过哪些 箭头函数和function的区别 let、const、va...

问题总结1 浏览器标签页通信方式方式一：cookie+setInterval关于cookiecookie最初是在客户端用于存储用户的会话信息的。cookie实际上是一小段文本信息，客户端请求服务器，如果服务器需要记录该用户状态，就使用response向客户端浏览器颁发一个cookie。客户端会把cookie保存起来，当浏览器再次请求该网站时，把请求的网址和cookie一同提交给服务器。服务...

一面判断一个空对象一个div如何实现两个borderwebpack打包 优化一个页面100个动画如何执行虚拟DOM实现原理双向绑定原理以及数组如何劫持随机打乱数组this指向二面高清布局vue-router原理事件循环原理性的东西看得太少 还是要继续...