zwbHUST的博客

原创 面试题简答版

【代码】面试题简答版。

原创 vue路由守卫next is not a function

本来beforeRouteLeave(to: any, from: any, next: any)这样写的，偶尔一天，提示to,from，没有用到。就改成beforeRouteLeave(next: any)了，然后next is not a function，参数顺序问题啦

翻译 APP.vue获取this.$route问题

在项目中偶然间遇到了这样的问题，routes注册设置的时候使用了懒加载的方式，如下：routes: [ { path: '/', name: 'index', // component: index //方式1 component: () => import('./views/index.vue'); //方式2 }, ...]如果是这种方式（方式2），那么在app.vue中你如果先要在 created 或者

原创 :last-child 无效

使用 :last-child 伪类时要保证后面没有兄弟元素节点!!!!!!!

原创 原生复制方法

function copyData(data){ const input = document.createElement('input'); document.body.appendChild(input); input.setAttribute('value', data); input.select(); if (document.execCommand('copy')) { document.execCommand('copy'); alert('复制成功');.

转载 VUE中通过改变key去更新局部dom

在使用Elemen-UI中el-select时代码如下↓ 1 2 3 4 5 6 7 8 9 10 11 12 13 <!-- selected --> <el-select v-if="item.columnType === 'selected'" :key="updates" v-model="sco...

原创 表单验证问题

rules中，input失焦时校验，2种写法不能同时使用：1.trigger: 'blur'2.private onBlurEmail() {this.formRef.validateFields('email');}

原创 [Vue warn]: Avoid mutating a prop directly since the value will be overwritten whenever the parent c

@Prop({ type: Array, default: [] }) private readonly allSelected?: Array<string> = [];上面写法有问题！！！！！1.allSelected不能修改2.allSelected不能初始化！

原创 ModHeader插件解决跨越问题

待更

原创 使用vue组件遇到的坑

版本1：value="1">Self-Relatedvalue="2">ALLdataList.Else的值是字符串！版本2：value="1">Self-Relatedvalue="2">ALLdataList.Else的值是number！boolean类型同理，:value="true"(boolean) value="true"(string)...

原创 Vue在ts中的使用beforeRouteLeave

路由守卫，发现不生效。beforeRouteLeave(to: any, from: any, next: any) {alert(111)next();}原因：看起来简洁明了，但是直接拿到项目中去，会发现没有触发，ps(项目用ts);还需要在该组件加行代码：import { Component } from 'vue-property-decorator';Component.registerHooks(['beforeRouteEnter', 'beforeRoute

原创 vue 报错Avoid mutating a prop directly since the value will be overwritten whenever the parent compone

产生错误的原因：在子组件中，你试图修改父组件通过props与子组件通信的数据。两种解决方法：将这个父组件传进来的要修改的数据，通过$emit再传回给父组件，在父组件中进行修改。当父组件通过props与子组件通信时，可以将数据放在一个对象中传递给子组件，这时再子组件就可以修改对象中的属性，也就修改了父组件传过来的数据。...

原创 vue递归组件传值和传递事件

$emit无法实现，用eventBus方式。

原创 Vue给对象添加属性$set

QQ音乐商业化-前端开发-第一轮视频初试-1h1.项目介绍2.mvvm原理2.原型链，继承3.跨域的具体实现，有几种方式4.反向代理5.闭包的实现和应用场景6.JS 的垃圾回收机制7.性能优化(1)路由软加载(2)首屏优化，首屏渲染时间(3)事件委托(4)虚拟列表具体实现(5)网络协议方向的优化->Http2.0 相比 http1.1, 新版本tcp连接可以并行处理，老版本是串行处理...

原创 排序算法

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++; //左找大于基准的，停下

原创 react高频

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道

原创 虾皮7

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

原创 虾皮6

笔试：选择题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相关：红宝书的

原创 虾皮5

作者：你可以回去等通知了链接：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_.

原创 虾皮4

原创 虾皮3

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

原创 虾皮2

一面 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的

原创 qq音乐

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、如何监控第三方脚本的报错信息？..

原创 面1

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.说一下自己常

原创 面经

腾讯集团财经-web前端开发-第一轮视频面试1.闭包的理解以及项目中的应用2.vue和react的区别以及各自的特点，若开始一个新的项目，怎么选技术栈，为什么3.react的优点4.vue双向绑定和react的setState更新视图的不同之处5.前端项目工程化的理解，一些优化，比如css，图片等6.移动端安卓各类手机屏幕的适应，处理经验；若是开发一个新的项目，给出整体的建议来尽量满足更好的自适应7.对TS的熟悉程度，新开项目是选用TS还是ES6，为什么8.浏览器安全问题9.密码等数据的加

原创 path坐标问题

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 的区别 箭头函数..

原创 js快速排序几种实现和区别

1.最简单版，需要申请数组空间function quickSort(arr) { if (arr.length <= 1) { return arr } let pivotIndex = Math.floor(arr.length / 2) let pivot = arr.splice(pivotIndex, 1)[0] let left = [] let right = [] for (let i = 0; i < arr.length; i++) {

原创 算法

1.详解二分查找算法

原创 qq音乐一轮

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

原创 TME非直播二轮

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

原创 TME非直播一轮

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

原创 合集2

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. 对微前端有过了解吗？...

原创 计算字符串长度（包含中文）

function getStringLength(s){　　var realLength = 0; 　　var len = s.length; 　　var charCode = -1; 　　for(var i = 0; i < len; i++){ 　　charCode = s.charCodeAt(i); 　　if (charCode >= 0 && charCode <= 128) { 　　　　realLength += 1; 　　}else{ 　　.

原创 腾讯财经

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

原创 简单实现实现JSON.parse

var json = '{"name":"cxk", "age":25}';var dataObj=eval("("+json+")");//转换为json对象为什么要 eval这里要添加 “("("+data+")");//”呢？原因在于：eval本身的问题。 由于json是以”{}”的方式来开始以及结束的，在JS中，它会被当成一个语句块来处理，所以必须强制性的将它转换成一种表达式。加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式（expre.

原创 同时使用浮动和定位

当在同一个元素中同时使用浮动和定位时，分情况讨论：1.当定位为absolute或fixed时，float不生效2.若定位不是absolute和fixed时，两个同时起作用，且float的优先级更高。