- 博客(61)
- 收藏
- 关注
原创 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关注的人