自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(197)
  • 收藏
  • 关注

原创 面试题简答版

【代码】面试题简答版。

2022-09-26 18:22:18 209 1

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

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

2021-09-02 12:12:06 2151

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

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

2021-09-02 12:10:05 3382

原创 :last-child 无效

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

2021-08-26 10:51:54 322

原创 原生复制方法

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('复制成功');.

2021-08-03 17:46:30 2190

转载 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...

2021-07-30 17:42:53 2564

原创 表单验证问题

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

2021-07-30 17:35:01 157

原创 [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不能初始化!

2021-07-20 17:44:36 170

原创 ModHeader插件解决跨越问题

待更

2021-06-28 12:06:51 1058

原创 使用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)...

2021-06-27 10:42:12 2180

原创 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

2021-06-26 23:50:07 1110 2

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

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

2021-06-23 10:03:34 612

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

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

2021-06-22 20:18:51 900

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

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

2021-06-21 19:58:04 1775

原创 排序算法

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

2021-04-09 21:57:23 136

原创 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道

2021-04-07 09:30:20 113

原创 虾皮7

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

2021-04-06 19:50:23 154

原创 虾皮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相关:红宝书的

2021-04-06 19:47:15 221

原创 虾皮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_.

2021-04-06 19:42:50 402

原创 虾皮4

2021-04-06 19:42:21 152

原创 虾皮3

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

2021-04-06 19:37:57 260

原创 虾皮2

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

2021-04-06 19:22:51 193

原创 虾皮

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

2021-04-06 19:20:28 197

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

2021-04-06 15:28:55 113

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

2021-04-06 15:22:10 92

原创 面经

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

2021-04-06 14:55:06 145

原创 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

2021-04-01 13:14:27 219

原创 腾讯面试

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

2021-03-31 19:09:16 107

原创 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++) {

2021-03-30 23:40:28 100

原创 算法

1.详解二分查找算法

2021-03-27 12:53:37 93

原创 qq音乐一轮

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

2021-03-18 13:35:37 209

原创 TME非直播二轮

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

2021-03-18 12:55:37 2951

原创 TME非直播一轮

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

2021-03-18 12:49:32 172

原创 合集2

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

2021-03-18 12:35:53 97

原创 合集

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

2021-03-16 10:25:22 178

原创 计算字符串长度(包含中文)

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{   .

2021-03-16 10:22:52 486

原创 腾讯财经

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

2021-03-16 09:20:15 288 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

2021-03-12 14:14:37 271

原创 简单实现实现JSON.parse

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

2021-03-10 15:04:43 338

原创 同时使用浮动和定位

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

2021-03-10 10:50:24 1048

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除