- 博客(61)
- 收藏
- 关注
RSS订阅原创 9.15 欢聚 一
http请求的格式， 是文本的形式，怎么获取区分 请求头、请求体？空行：最后一个请求头之后是一个空行，发送回车符和换行符，通知服务器以下不再有请求头事件捕获、冒泡是哪个先发生 - 捕获ES6的proxy手撕：...
2021-09-15 17:40:30
143
原创 手写 promise、call...
call、apply、bind promise requireJS vue-router Array.prototype.indexOf()
2021-09-15 14:27:58
222
原创 每一行有一个按钮，点击button就删除对应的那一行li
<body> <div class="box"> <ul class="list"> <li class="item"><button>1</button></li> <li class="item"><button>2</button></li> <li class="...
2021-09-12 18:12:54
573
1
原创 9.8 YY直播 一 、9.17 二
HTML5 的 5 是什么意思？IE多少开始兼容HTML5？ 下一代 HTML 标准，IE 8 及更早版本不支持JS获取子节点 .childNodes 子节点数组、.firstChild(会解析换行空格).children firstElementChild各种动画 性能上的区别 （transform、canvas 启动GPU进程加速）JS 遍历数组的方法， 从十万数据找一个数用哪个遍历 (考虑可中断的 for循环 for of)哪个是有序的 （都按原顺序）...
2021-09-11 22:15:37
114
原创 9.10 三七互娱 一
项目单页面优缺点-SEO优化 解决：预渲染爬虫？？axios带cookie的设置 axios.defaults.withCredentials= true;vue混入created、mounted钩子的区别data为什么是一个函数 —— 本质是闭包的原理vuex可以直接修改state吗：非严格模式下，可以直接改点击一个登录按钮失效了，怎么排查？...
2021-09-11 21:20:56
90
原创 8.31网易云音乐 一 9.4二
axios与fetch的区别promise异步 then、catch -- 返回码 3开头的进入哪个 then？osi七层结构setTimeout(() => { console.log(0)}, 0);console.log(1);new Promise(resolve => { resolve(2); // 状态变了，也还是会同步执行下面的，并且按照代码顺序放微任务 Promise.resolve().then(() =&...
2021-09-01 20:57:52
75
原创 手写 EventBus（Vue）
Vue 中事件相关的方法 vm.$on、vm.$off、vm.$once、vm.$emit，通过eventsMinxin方法挂在 Vue的原型上。定义一个事件总线对象 events 管理所有事件： 每次执行$on的时候，都会在 events 中对应事件的回调函数列表中添加一项； 每次执行$emit的时候，会执行 events 中对应事件的所有函数。/* this.events = { event1:[callback1,callback2,…………], ...
2021-09-01 17:23:18
382
原创 回文串判断
12321方法：将数字先转成字符串，再变成数组，数组反转后再连接成字符串，比较两个字符串； 从后往前循环字符串，形成一个新的反转字符串，然后比较； 遍历一半的字符串，判断 x[i] !== x[x.length - i - 1]左右两边的是否相等； 4.将数字求模得到尾数，之后每次求模都在原数上添加(通过*10 + 尾数），得到一个反转数numvar isPalindrome = function(x) { if ( x < 0 || (x !== 0 ...
2021-08-24 16:44:01
84
原创 8.21 阿里文娱一、24二
电话一面document 的 load和 ready 的区别： （jquery中的）load是当页面所有资源全部加载完成后触发（包括DOM文档树，css、js文件，图片资源等） $(document).ready()是当DOM文档树加载完成后执行（不包含图片，css等）所以比load快 load只能用在window对象上：$(window).load、以及带有src的元素：如：$('img').load ready事件则可以加在任意元素上，可以同时注册多个，按照事件注册的先后顺序执行。在原.
2021-08-24 16:42:56
70
原创 8.20 QQ音乐一、26 二
一堆八股 继承、原型链、事件循环、状态码、https、跨域、浏览器缓存 ETag 怎么得到的，跟修改时间关联吗？项目优化HTTP2 头部压缩？JS 怎么捕捉错误？JS异步 defer和aysnc 如果有多个js，哪个可以按顺序执行？数据结构，链表的优缺点手撕：手写链表结构，可以插入删除节点...
2021-08-21 09:29:54
73
原创 杂-面试题
目录怎么判断localStorage存满了？async await promise try...catch如果在失效时间前修改了强缓存的文件，怎么让强缓存也更新webpack打包生成文件名给没有生成的元素绑定事件js异步处理除了async和defer还有什么前端性能监控怎么判断localStorage存满了？（1）JSON.stringify(localStroage).length和5m上限比较（2）遍历每个item,之后根据getItem(item).leng
2021-08-20 17:45:47
473
原创 浏览器多进程 到 JS单线程
浏览器多进程浏览器包含的进程：Browser主进程 第三方插件进程 GPU进程 浏览器渲染进程（浏览器内核，每个Tab页面一个进程，是多线程）浏览器渲染进程的GUI渲染线程，最后将渲染树绘制到页面上，然后浏览器会将各层的信息发送给GPU进程，GPU会将各层合成，显示在屏幕上。普通图层和复合图层：浏览器渲染的图层一般包含普通图层以及复合图层。GPU中，各个复合图层单独绘制，互不影响。普通文档流可以理解为一个复合图层（默认复合层），absolute布局等虽然可以脱离普通文档流，但它...
2021-08-19 11:49:14
221
原创 js 数据类型转换
字符串：转数字parseInt (str) 、parseFloat转数组 str.split('')数组转字符串 arr.join()数字转字符串.toString() n +“” （隐式转换）
2021-08-15 17:43:16
50
原创 8.13 CVTE提前批
救命。。被华为的网和我的垃圾电脑坑死了幸好又遇到了人好的面试官React HOOK 的优势 （生命周期、复用）uesEffect 的 依赖数据的 原理。。实现方式组件传值状态管理，什么情况下用 redux这种Promise 低版本中实现、垫片语言（回调队列）怎么实现主线程执行完，再来执行任务队列（说的定时器）flex布局的实现 设置方向前端优化，浏览器方面——引出http缓存新技术 web worker...
2021-08-15 17:42:31
73
原创 8.12 虎牙提前批一面
display: inline-block 之间为什么有1px间距，怎么消除拖动元素 涉及的鼠标事件移动端的适配 --- 设计稿。。。怎么获得当前环境 是 安卓 或者ioscss3 伪类选择器怎么发送请求的 ajax原理fetch和XMLHttpRequest的区别node怎么发送http请求配置过webpack吗，怎么分包react用过 hook 吗Git合并分支：首先切换到master分支上git checkout master；...
2021-08-15 17:41:50
72
原创 8.8 虾皮提前批一、14 二面
手撕一个盒子 鼠标经过时面积增大，旋转const objA = { a: 1 };const objB = { b: 2 };const arrA = [objA];const arrB = [objB]; const v1 = arrA.concat(arrB);const v2 = arrA.concat(...arrB);const v3 = arrA.push(arrB);const v4 = arrA.push(...arrB);console.log(v1);c.
2021-08-15 17:40:19
77
原创 7.22美团提前批-移动端开发 (链表局部反转)
项目、遇到的难点（返回功能比较）操作系统：进程和线程缓存？。。和溢出 并发和并行死锁计网：httpsOSI七层模型、分层的意义 、http tcp 在哪层tcp与udp的区别、tcp怎么可靠通信长连接短连接、拥塞控制浏览器缓存和http缓存的区别DNS过程堆和栈手撕：链表反转...
2021-08-15 17:39:27
83
原创 实现一个LazyMan函数 - class链式调用 - 利用Promise任务队列
实现一个类class，最终效果：可以链式调用 sleep()函数会阻塞后面的链式调用class LazyMan { constructor(name) { this.name = name this.task = [] // 任务队列 console.log(`My named ${name}`) // 使用异步调用next()是为了确保所有链式调用都被添加到task[]才开始执行任务 setTi.
2021-08-14 12:05:14
372
原创 7.12 leetcode简单 - 链表、树
剑指 Offer 06. 从尾到头打印链表链表： head 或 nodenode.val 表示一个元素的值；node = node.next 遍历到下一个元素。1、遍历链表，依次把遍历到的元素值 unshift（从头插入）到一个数组中2、递归函数（本质是栈解法），递归本身与栈后进先出的原理一致。通过递归到链表的最后一个元素开始，push到数组中。需要注意是否会因为链表过长导致栈溢出。3、先将链表反转，再遍历输出链表。（可能不允许改变函数输入的原链表）...
2021-08-14 11:33:30
94
原创 阮一峰 react
this.props和this.state都用于描述组件的特性。this.props表示那些一旦定义，就不再改变的特性，而this.state是会随着用户互动而产生变化的特性。getInitialState方法：定义初始状态，是一个对象，这个对象可以通过this.state属性读取。this.setState方法：修改状态值，每次修改以后自动调用this.render方法，再次渲染组件。事件的回调函数中，通过event.target 获取事件触发的节点。...
2021-08-14 11:32:22
613
原创 hwBOP小结
React 组件中通常：在 useEffect 中通过发送异步请求获取数据，然后将数据 setState 保存到变量中。 注意：setState 是异步操作，如果立即获取和操作这个变量，可能因为变量是空的而报错。可以换成操作请求获取到的结果数据。 Form 表格的一个单元格：通常是用 Form.Item 包裹Input、Button、Radio(单选框)、Checkbox(多选框)、Select(选择器)、Cascader(级联选择)、DatePicker(日期选择框) 等元素。Form.Ite...
2021-08-14 11:31:15
60
原创 React —— Hook
Hook 是 React 的特性，作用是可以在不编写 Class 的情况下（函数组件）使用 state 以及其他 React 特性。Hook 使你在无需修改组件结构的情况下复用状态逻辑。复杂组件的生命周期中可能包含很多逻辑，Hook 将组件中相互关联的部分拆分成更小的函数（比如设置订阅或请求数据）使用class 组件要理解JavaScript 中this的工作方式，Hook 使你在非 class 的情况下可以使用更多的 React 特性。React 是如何把对 Hook 的调...
2021-08-14 11:29:51
281
原创 5.20 CVTE电话面
项目登录注册的实现如果没登录，怎么设置权限的（没登录的话路由重定向到登录页面）如果没登录cookie中没有sessionID，是在前端还是服务器端校验（服务器端？）谷歌的cookie有个新属性？simset？？CSRF基于cookie怎么攻击的，怎么防御webpack的 loader与plugin的职责模块化 es6、node的commonJS、AMD等的区别组件的设计：两个搜索接口 分开调用 或者 组成一个组件，同参数决定调用数据结构：数组与链表的区别、...
2021-08-14 11:26:48
57
原创 字符串方法 split/search/match/replace + 正则
目录splitreplacematchsearch正则化splitstr.split (separator, number) 的参数：separator 返回的字串不包括separator自身，可以是字符串string，或者正则化表达式；如果字符串中不存在separator，就返回原字串组成的数组； number (≥0 可选) 用于指定返回数组的最大长度，如果分割结果的长度大于number ，就只返回前n个字串组成的数组。replacestr.re...
2021-08-03 16:15:26
162
原创 排序算法 -冒泡/选择/插入/快速/堆排序
目录1、冒泡排序2、选择排序3、插入排序4、快速排序 - 左右交换5、堆排序1、冒泡排序var popSort = function(arr) { for(let i=0; i < arr.length-1; i++) { for(let j=0; j < arr.length-1-i; j++) { if (arr[j] > arr[j+1]) change(arr, j, j+1); }
2021-07-27 19:34:29
79
原创 4.6 字节飞书一面
自我介绍讲一下项目组件化、工程化、模块化拆分了哪些组件模块化方案 ：ES6 与 commonJS 的不同怎么解决循环引用的问题项目的后端遇到的问题：保持登录cookie 在请求中是以请求头的cookie传递的，服务器怎么传给浏览器的？在响应报文的哪里？讲一下session和cookieless 与 stylus 的区别stylus 有哪些 function？有自己封装样式 function吗两道算法题kpm算法http的请...
2021-04-12 10:35:34
132
原创 4.7 腾讯云二面
JS单线程 异步任务的场景项目上有什么bug，怎么解决线上的脚本bug 怎么调试？ js单点调试数据结构排序算法跨域XSS攻击
2021-04-12 10:33:29
145
原创 4.8 腾讯云三面
自我介绍通过什么学习前端，看了什么书项目负责哪些用户信息保存到哪里了，有什么安全上的设置？ 说了 XSS CSRF攻击方面session怎么维持的数据结构有学吗，说一下 栈， 它的使用场景？ 程序函数调用怎么使用栈的？为什么不用数组？（效率？） 栈的底层是数组红黑树：一种自平衡二叉查找树堆 有了解吗，堆排序动态规划，是什么，使用的例子段页式内存管理：操作系统的内存管理策略死锁的原因TCP四次挥手 客户端和服务器端的状态， time wai...
2021-04-12 10:32:02
599
原创 4.2 腾讯云一面
instanceof 的原理执行上下文 （this）class中this的指向400是请求语法错误？304原理http的无状态怎么解决tcp的原理网络协议XSS攻击怎么实现的
2021-04-05 22:09:07
83
原创 3.25 腾讯微信支付 一面
上来三道编程题1、题目比较简单，但是要考虑到示例中的两种情况。实例1：没有？和后面的参数示例2：city 没有参数值function urlToObj(url){ var obj = {} var newUrl = url.split('?') //考虑没有？后面参数的情况 if(newUrl[1]) { var arr = newUrl[1].split('#')[0].split('&') for (var i=0; i&l
2021-03-31 21:46:00
104
原创 阿里巴巴淘系技术部拍卖部-春招提前批
跨域，解决方案。箭头函数的理解，使用注意事项。promise理解，使用场景。object的defineproperty样式选择器的权重技术栈：React、Node
2021-03-13 22:39:16
109
原创 ES6特性 - 箭头函数
(形参, ...) => { 函数主体 }形式相当于普通函数 function(形参) { 函数主体 }箭头函数是匿名函数；普通函数中的 this 是指向调用它的对象，而箭头函数的 this 是指向其父作用域，所以箭头函数常用于回调函数（如定时器）中。...
2021-01-09 17:17:21
60
原创 Git —— P219-245
基础Git 是一个版本管理控制系统。git 仓库：存放项目提交记录的文件夹；暂存区：临时存放被修改的文件；工作目录：git 管理的项目目录；基本工作流程：将修改的文件从工作目录复制到暂存区 => 再放到 git 仓库本地仓库-单人开发1、使用前配置设置提交人姓名、邮箱：git config --global user.name(email) 姓名(邮箱)查看配置信息：git config --list2、Git 提交步骤...
2020-12-31 16:21:29
85
原创 服务器端 P44、25-42
目录服务器端1、基础概念2、创建 web 服务器3、HTTP 协议报文4、HTTP 请求与响应处理请求参数路由静态 / 动态资源客户端请求路径5、Node.js 异步编程同步、异步 API（Promise）服务器端1、基础概念10135343网站的组成网站的应用程序主要分为：客户端 —— 在浏览器中运行的部分，用户看到并与之交互的界面程序，使用 HTML、CSS、JS 构建；服务器端 —— 在服务器中运行的部分，负责存储..
2020-12-09 17:58:32
164
原创 Node开发 P1-4、43、5-24
Node 开发概述Node 属于服务器端开发，使用 JS 语法开发后端应用；生态系统活跃，有大量开源库可调用；前端开发工具大多基于Node 开发。Node 是一个基于 Chrom V8 引擎的JS 代码运行环境；JS 是由 ECMAScript、DOM、BOM 三部分组成的，而 Node.js 是由 ECMAScript 和 Node 环境提供的一些附加 API 组成的，包括文件、网络、路径等。Node.js 基础使用所有 ECMAScript 语法在Nod...
2020-12-09 17:54:37
200
1
原创 Vue前后端交互 P75-
前后端交互模式接口调用方式原生 ajax 基于 jQuery 的 ajax fetch 接口 axios 库客户端与服务器的通信前端通过 URL 地址发送请求，后台根据 URL 地址返回数据(json)URL 有两种形式：URL地址Restful 形式的URL地址promise异步调用：定时任务、事件函数、ajax...
2020-12-09 17:48:41
117
原创 Vue 组件化开发
组件化开发思想：标准、分治、组合、重用组件注册Vue.component('组件名', { data: function() { return { 组件数据 } }, // 数据要以函数的形式 template: '组件模板内容', // 必须是单个根元素 methods: 组件内部方法})其中最大的不同是：数据要写成函数的形式，形成闭包.
2020-12-09 17:41:37
91
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人