zwbHUST的博客

深拷贝几种方式 es6之扩展运算符 三个点（...）

1.什么是BFC，应用有哪些？答：BFC 就是块级格式上下文，是页面盒模型布局中的一种 CSS 渲染模式，相当于一个独立的容器，里面的元素和外部的元素相互不影响。创建 BFC 的方式有：html 根元素 float 浮动 绝对定位 overflow 不为 visiable display 为表格布局或者弹性布局BFC 主要的作用是：清除浮动 防止同一 BFC 容器中的相邻元素间的外边距重叠问题BFC特性：内部box会在垂直方向，一个接一个地放置。 Box垂直方向的距离由ma

【代码】面试题简答版。

1.快排function quickSort(arr,left,right){ if(left>right) return; let temp = arr[left]; let i=left,j=right; while(i!==j){ while(arr[j]>temp&&i<j) j--; //从右开始找小于基准的，停下 while(arr[i]<=temp&&i<j) i++; //左找大于基准的，停下

1.react中的setState是同步还是异步，以及setState之后都发生了什么2.揭密React setState3.【React】setState详解4.你真的理解setState吗？5.「react进阶」一文吃透react-hooks原理6.「源码解析」一文吃透react-redux源码（useMemo经典源码级案例）7.前端路由和react-router实现原理详解8.20下半年高频题目-React9.React高频面试题梳理，看看怎么答？(上)10.18道

一个朋友去 shopee 面试资深高级前端工程师，仅供参考。1. unicode 和utf 编解码的原理和不同2. base64和二进制的不同3. 绑定事件的不同种方式，执行顺序，区别在哪里4. css 实现旋转、拖拽、手势移动5. http 非常见code和使用场景6. 前端截图上传服务器如何实现7. 图片上传进度如何获取8. 前端无限滚动如何设计9. 持久化缓存10. 手写正则11. [] == false 和 !![] == true12. setTim

笔试：选择题12条包括HTTP2的知识、冒泡事件和捕获的、出入栈顺序之类的，数据结构、JS、计算机网络都有覆盖到。代码题3条：版本号比较，比如2.9.13 > 2.8；解析 'a=4&b=2'=> {a:4,b:2}把字符串转为对象string => object，然后用reduce函数把所有对象的a属性全加起来；编写函数解析类似字符串 '2[a3[b]]' => abbbabbb。一面：面试的没做记录，靠回忆咯，基本是前端的基础知识。JS相关：红宝书的

作者：你可以回去等通知了链接：https://www.nowcoder.com/discuss/401007?type=0&order=0&pos=15&page=1来源：牛客网1面项目突出点，挖项目细节问题【描述】 各种情况下的proto指向，多道问答题【描述】 有一个class A {},问他的实例a的__proto__和A.prototype的关系，a.__proto__.__proto__是什么，a.__proto__.__proto__.__proto_.

一面（大概3-40分钟）js事件机制，如何阻止事件冒泡，事件委托原理跨域方案闭包原理应用列举http 状态码/请求头（这里聊了挺多，基本上把我知道的都挖出来了，捂脸.jpg）cookie 的一些字段属性cookie，session的区别强缓存协商缓存具体过程如何隐藏一个元素padding，margin百分比链表的优缺点二面 （大概40分钟）讲一下实习经历和项目经历js 作用域链文件上传进度展示和大文件断点续传（这个其实没什么经验，说了下HTML5 ...

一面 react 中写类组件的时候，如何解决方法 this 丢失问题 在 constructor 里使用 bind 箭头函数 使用 bind 和箭头函数的区别 react 生命周期中，在新版本有些将被废弃，也新增了一些生命周期，讲一下？ setState 是异步还是同步 VDOM 渲染原理 实现一个方法，将传入对象的下划线命名方式全部换为驼峰式(考虑递归的场景)。比如 // beforeconst obj = { first_nam

虾皮都是qq视频面试+腾讯文档word写代码一面 周二早上 http 302 301 307之间的区别 301和302对于seo来说哪个更好 (301) 跨域是什么、如何解决 jsonp有什么缺点 图片base64和外链的应用场景，各有什么优缺点(base64减少请求数，但是会增加额外的体积) http缓存机制 https的握手过程是怎样的 set/map的区别 hook的局限性 setState和hook的

1.浏览器事件触发原理，过程2.浏览器垃圾回收机制3.项目性能优化做了哪些4.webpack打包优化5.网络安全，什么是CSRF攻击？举个例子？如何预防？scrf_token怎么生成1、事件代理2、作用域3、闭包4、解决跨域的方法5、script标签上async与deffer属性的区别6、手动实现5题中的deffer效果7、XSS攻击？如何预防？字符转译后输出的结果？8、项目优化做了哪些？9、性能监控怎么做？哪些指标？10、如何监控第三方脚本的报错信息？..

https://zhuanlan.zhihu.com/p/842125581.说一下盒模型2.画一个三角形？3.清除浮动的几种方式，及原理？4.说一下<label>标签的用法5.页面渲染html的过程？6.说一下CORS？7.如何中断ajax请求？8.说一下事件代理？9.target、currentTarget的区别？10.说一下继承的几种方式及优缺点？11.说一下闭包？12.export和export default的区别？13.说一下自己常

M = moveto L = lineto H = horizontal lineto V = vertical lineto C = curveto S = smooth curveto Q = quadratic Bézier curve T = smooth quadratic Bézier curveto A = elliptical Arc Z = closepath注意：以上所有命令均允许小写字母。大写表示绝对定位，小写表示相对定位。<path id="lineAB

算法题：实现一个链表，可以新增节点，删除节点 实现一个 instanceof 方法 响应式布局怎么实现 rem布局 flex布局 事件循环机制 设计模式：观察-订阅者模式 与 观察者模式的区别 https过程 http2的优化点 介绍csrf以及应对手段 优化白屏的方式 继承与组合的优缺点 http缓存 require 与 import 的区别 箭头函数..

1.详解二分查找算法

1.闭包以及实际的应用？2.原型和原型链？3.继承的方式和具体实现？4.new一个对象做了什么？5.BFC?6.重绘和回流？哪些导致回流，怎么优化？7.页面刷新到显示经历了什么？（刷新比输入应该多了缓存的流程？）8.http缓存？和浏览器缓存？第一次请求：非第一次请求：9.执行上下文？作用域和作用域链？10.垃圾回收？11.原生ajax，具体的点，比如传...

1.自我介绍？2.项目问细节，怎么设计的，实现中遇到过什么问题，怎么解决的，如果要优化应该从哪里开始？3.技术栈（router原理，看一下angular的面试题）4.兄弟组件通信方式？双向数据绑定原理？从数据修改到界面更新经历了怎样的过程？5.跨域通信，Ajax原理和jsonp原理，二者的区别？jsonp的局限性？...

1.项目介绍，如何实现的，穿插一些通用问题？2.计算机有哪些数据结构？3.哈希表有什么特点？堆是什么？有什么特点？栈和链表有啥特点？4.数组和链表插入元素时间复杂度？5.数组和链表查找一个元素有什么不同？6.js的基础数据类型和引用类型有哪些？存放的位置在哪里？7.性能优化，除了网上的普遍优化，有没有更加深入一点的优化？8.浏览器缓存，为啥有last-modified还要有etag，为啥读取时先读memory...

1.自我介绍，自己工作经历和所掌握的前端技能？2.什么是原型链？原型链主要用来干嘛？3.react生命周期？4.mobx和redux的区别？5.react父子之间和兄弟之间怎么传值？怎么处理事件？6.防抖和节流怎么实现？7.事件流的过程？8.react事件机制？9.react,vue2,vue3怎么实现响应式原理？10.你在项目中如何优化前端性能？（针对你说的深入提问：css为啥放头...

1.vue实现一个对话框？用到什么技术？如果没有遮罩层，点击空白处关闭对话框怎么处理？2.首次加载白屏怎么优化？3.单页面应用同一个url地址指向不同资源怎么实现？4.浏览器中存储丢下有哪些？5.浏览器的cookie读写机制？6.简单说一下自己了解的设计模式？7.项目中使用过proxy吗？8.跨域有哪些实现方式？9.简单说下浏览器实现跨域的过程？10. 对微前端有过了解吗？...

1.闭包的理解和项目中的应用。2.三大框架的区别以及各种的特点？如果开始一个新项目怎么选技术栈？为什么？3.react有哪些优点？4.angular双向绑定和react setState更新视图有什么不同之处？5.前端工程化的理解？相关的优化？css和图片的优化？6.对ts熟悉程度，ts和es6的区别？新项目如何选择语言，为什么？8.浏览器安全相关的问题？9.密码等数据的加解密传输方法和过程？1...

1.手写callFunction.prototype.call = function(context = window, ...args) { if (typeof this !== 'function') { throw new TypeError('Type Error'); } const fn = Symbol('fn'); context[fn] = this; const res = context[fn](...args); delete context