- 博客(256)
- 资源 (6)
- 收藏
- 关注
RSS订阅原创 手写axios核心原理，再也不怕面试官问我axios原理
手写axios核心原理，再也不怕面试官问我axios原理 手写axios核心原理手写axios核心原理，再也不怕面试官问我axios原理手写axios核心原理一、axios简介axios...
2020-10-19 07:20:42
1649
2
原创 前端文章精选目录
文章目录：看文章不迷路redux源码解读Redux 源码解析系列(一) – Redux的实现思想Redux源码解析系列 (二)-- 牛鼻的createStoreRedux源码解析系列 (三)-- 神秘的中间件初体验Redux源码解析系列 (四)-- 揭秘applyMiddleware工作原理手写核心原理系列手写Vuex核心原理，再也不怕面试官问我Vuex原理手写webpack核心原理，再也不怕面试官问我webpack原理手写Vue-router核心原理，再也不怕面试官问我Vue-rout
2020-10-18 15:35:31
531
原创 Redux源码解析系列 (四)-- 揭秘applyMiddleware工作原理
前言文章来自https://zhuanlan.zhihu.com/p/57407920Redux 其实是用来帮我们管理状态的一个框架，它暴露给我们四个接口，分别是：createStore...
2020-10-18 09:59:06
426
原创 ES2020 系列：空值合并运算符 '??'
前言：本篇文章来自mdn空值合并操作符（??）是一个逻辑操作符，当左侧的操作数为null或者undefined时，返回其右侧操作数，否则返回左侧操作数。与逻辑或操作符（||）不同...
2020-10-16 22:20:12
1910
原创 Redux源码解析系列 (三)-- 神秘的中间件初体验
前言 本篇文章先为了后面的文章做解析中间件原理做个简单的铺垫，主要是需要先熟悉中间件的使用，才好解析中间件原理啥是中间件 Middleware 可以让你包装 store 的 dispat...
2020-10-15 20:34:53
163
原创 Redux源码解析系列 (二)-- 牛鼻的createStore
前言 在上一章了解了【Redux 源码解析系列(一) -- Redux的实现思想】之后，我们正式进入源码解析~Redux 其实是用来帮我们管理状态的一个框架，它暴露给我们四个接口，分别是...
2020-10-13 18:00:00
261
原创 Redux 源码解析系列(一) -- Redux的实现思想
前言最近有同学问我Redux的一些知识，所以我又把我以前写的源码分析的文章搬出来啦，redux的源码都很简单，很适合初学者学习。虽然最近hooks已经出来了，但是在它真的能替代redux...
2020-10-12 18:30:00
232
原创 CSS盒模型之内边距、边框、外边距 十九问 （持续更新）
第一问：什么是盒模型？第二问：两者的区别是什么？第三问：怎么设置这两种模型呢？第四问JS怎么获取和设置盒模型的宽高呢，你能想到几种方法第五问：描述一下下面盒子的大小，颜色什么的（cont...
2020-10-06 08:30:00
677
原创 那些年，我讲不清楚的http面试题
1. MIME是何方神圣在此之前，我以为MIME是一种文件类型。。。。网上说的全称是：多用途互联网邮件扩展（英语：Multipurpose Internet Mail Extensions，缩写：MIME）还是看不懂吧？最简单的说法：MIME 类型是一种文本标记，表示一种主要的对象类型和一个特定的子 类型，中间由一条斜杠来分隔。HTML 格式的文本文档由 text/html 类型来标记。普通的 ASCII 文本文档由 text/plain 类型来标记。JPEG 格式的图片为 image/
2020-09-29 10:14:51
188
原创 珍爱网笔试题：只能用正则表达式把一串数字表示成千位分隔形式
作者：TONGZ原文：https://juejin.im/post/6844903584031571975不用正则表达式，直接一个循环多简单啊，不熟悉正则的我真是吃了爱情的亏一个案例如何...
2020-09-12 12:25:14
379
原创 大厂编程规范--6.组件规范
Vue.js 组件编码规范文章：来自：https://github.com/pablohpsilva/vuejs-component-style-guide/edit/master/RE...
2020-08-18 17:17:30
720
原创 我在bigo的实习
2020.08.17上午是报道时间。下午老大让我安装几个软件和环境这里除了windows terminal 、git windows client和chocolatey。其他自己平常也用。发现chocolatey是真的好用。但是需要注意的一点是必须是在管理员权限下的cmd上才可以使用它然后是windows-build-tools，现在还不知道是干嘛的。今日消费：早餐：4元上午公交车：1上午地铁：2下午地铁：2下午公交：2一共 11元...
2020-08-18 09:58:24
767
原创 手写generator核心原理，再也不怕面试官问我generator原理
手写核心generator原理文章目录手写核心generator原理1.generator的使用Generator 函数神奇之一：g()并不执行g函数Generator 函数神奇之二：分段执行提问：如果再写一行gen.next();呢？提问：如果g函数没有return语句呢？提问：如果g函数的return语句后面依然有yield呢？提问：如果g函数没有yield和return语句呢？提问：如果只有return语句呢？提问：下面代码会有什么结果？继续提问：如果第二个yield o++;改成yield;会怎样
2020-08-10 17:10:05
1244
原创 跨域资源共享(CORS)安全性
跨域资源共享(CORS)安全性背景 提起浏览器的同源策略，大家都很熟悉。不同域的客户端脚本不能读写对方的资源。但是实践中有一些场景需要跨域的读写，所以出现了一些hack的方式来跨域。比如...
2020-08-05 10:14:00
955
原创 手写Vuex核心原理，再也不怕面试官问我Vuex原理
手写Vuex核心原理文章目录手写Vuex核心原理一、核心原理二、基本准备工作三、剖析Vuex本质四、分析Vue.use五、完善install方法六、实现Vuex的state七、实现getter八、实现mutation九、实现actions一、核心原理Vuex本质是一个对象Vuex对象有两个属性，一个是install方法，一个是Store这个类install方法的作用是将store这个实例挂载到所有的组件上，注意是同一个store实例。Store这个类拥有commit，dispatch这些方法，
2020-08-01 13:06:02
4981
6
原创 手写Vue-router核心原理，再也不怕面试官问我Vue-router原理
手写vue-router核心原理文章目录手写vue-router核心原理一、核心原理1.什么是前端路由？2.如何实现前端路由？hash 实现history 实现二、原生js实现前端路由1.基于 hash 实现2.基于 history 实现三、基于Vue实现VueRouter四、剖析VueRouter本质五、分析Vue.use六、完善install方法七、完善VueRouter类八、完善$route九、完善router-view组件十、完善router-link组件一、核心原理1.什么是前端路由？在
2020-07-28 22:41:45
806
原创 手写webpack核心原理，再也不怕面试官问我webpack原理
手写webpack核心原理文章目录手写webpack核心原理一、核心打包原理1.1 打包的主要流程如下1.2 具体细节二、基本准备工作三、获取模块内容四、分析模块五、收集依赖六、ES6转成ES5（AST）七、递归获取所有依赖八、处理两个关键字一、核心打包原理1.1 打包的主要流程如下需要读到入口文件里面的内容。分析入口文件，递归的去读取模块所依赖的文件内容，生成AST语法树。根据AST语法树，生成浏览器能够运行的代码1.2 具体细节获取主模块内容分析模块安装@babel/pars
2020-07-25 17:23:34
774
原创 百度前端面试题：for in 和 for of的区别详解以及为for in的输出顺序
for in 和 for of 相对于大家肯定都不陌生,都是用来遍历属性的没错。那么先看下面的一个例子:例1const obj = { a: 1, b: 2, c: 3 } for (let i in obj) { console.log(i) // a // b // c } for (let i of obj) { console.log(.
2020-07-20 16:14:24
1701
原创 前端校招字节面试 第五篇
文章目录前端校招字节面试 第五篇第一题：说一下这三个div的布局为什么第三个div没有顶上去到第二个div的位置呢？能否从渲染原理来解释呢？使用transform性能好的原因第二题：动画？补间动画实现第三题：用css画一个扇形？第四题：触发了几次回流几次重绘第五题：输出，为什么，有几个作用域第六题：输出什么，async/await原理是什么，把下面这段代码翻译成Promise第七题 src和href的区别1 请求资源类型不同2 作用结果不同3 浏览器解析方式不同第八题：A网站登录，B,C网站也有可以直接登.
2020-07-19 16:30:08
994
原创 跨域 Cookie 实现单点登录
跨域 Cookie 实现单点登录单点登录单点登录（SSO - Single Sign On）：对于同一个客户端（例如 Chrome 浏览器），只要登录了一个子站（例如 a.com），则所...
2020-07-19 10:58:41
945
原创 字节提前批前端面试题：将这段async/await代码翻译成Promise
如图，这道题，我轻而易举地说出了答案是3，2。原理的话我知道是封装成Promise，但要我翻译成Promise我还是很懵逼啊。 不得不学下怎么翻译。不得不说，感谢这道题，让我进一步地深入了解async/await,感谢面试官async/await 的基础使用及原理简介async/await是es7推出的一套关于异步的终极解决方案，为什么要说他是终极解决方案呢？因为他实在是太好用了，而且写起来还非常的简单。一：async/await基础语法// 定义一个异步函数（假设他是一个异步函数）getJS.
2020-07-18 20:23:35
471
1
原创 字节前端提前批面试题：触发了几次回流几次重绘
一道字节面试题刷新了我的认知，又学到了新知识，开心。刚开始我说了答案是各3次，因为获取一次offsetWidth一次，然后改变样式一次。但是后来发现之所以offsetWidth会触发重排是因为刷新渲染队列。而在这道题中，之前的渲染队列为空，所以不会触发重排。所以两次。后面发现又错了，是因为有渲染队列，所以因该是一次。不懂渲染队列没关系，往下看，就懂了。当然要分为古董浏览器和现代浏览器。现代浏览器（也就是说有渲染队列的）应当是一次，古董的应当是2次一.什么是重绘与重排浏览器下载完页面中的所有组件.
2020-07-18 13:38:42
636
原创 字节前端提前批面试题：下触发了几次回流几次重绘
一道字节面试题刷新了我的认知，又学到了新知识，开心。刚开始我说了答案是各3次，因为获取一次offsetWidth一次，然后改变样式一次。但是后来发现之所以offsetWidth会触发重排...
2020-07-18 13:35:35
626
1
原创 一些看起来很叼难的前端面试题
1.ajax最大的缺陷「对搜索引擎不友好，并且存在跨域问题限制」搜索引擎会屏蔽掉所有baijavascript代码du， 那么ajax载入的内容对于搜索引擎来说zhi也是透明的。建议重要...
2020-07-17 21:57:43
1237
4
原创 面试：requestAnimationFrame为什么能优化动画性能
面试：requestAnimationFrame为什么能优化动画性能今天面试到这个东西，我虽然知道这个是setInterval的优化。但是让我谈及原因时，我却支支吾吾说不出来。害，重新来...
2020-07-17 21:57:43
605
原创 读李老课程引发的思考之JS执行机制-|超级 · 奥义|
文章目录1.变量提升阶段，代码位置会改变吗？2.编译阶段和变量提升存在什么关系呢？3.什么是执行上下文4.环境对象是怎么创建的5.执行阶段是执行的呢？6.什么是函数调用7.什么是 JavaScript 的调用栈8.为什么ES6之前要设计成不支持块级作用域呢？9.变量提升所带来什么问题10.ES6 是如何解决变量提升带来的缺陷11.JavaScript 是如何支持块级作用域的12.这道题输出什么13.什么是做用域链14.我们来测试一道题15.JavaScript 中的 this 是什么1.变量提升阶段，代.
2020-07-14 13:26:19
441
原创 读李老课程引发的思考之JS从栈、堆、预解析来解释闭包原理-|真 · 奥义|
文章目录1.下面三段代码会执行结果什么不同2.为什么第一段会栈溢出3.为什么第二段会正常4.为什么第三段会卡住页面5.为什么使⽤栈结构来管理函数调⽤？6.栈如何管理函数调⽤？7.既然有了栈，为什么还要堆？8.什么是惰性解析9.惰性解析的过程是怎样的呢10.闭包有哪三个特性11.那闭包给惰性解析带来什么问题呢12.怎么处理闭包带来的问题13. 当调⽤foo函数时，foo函数内部的变量a会分别分配到栈上？还是堆上？14.真的要把内部函数return 出去才算闭包吗？1.下面三段代码会执行结果什么不同fun.
2020-07-13 15:47:51
521
原创 读李老课程引发的思考之JS设计思想篇
一、V8是如何执⾏⼀段JavaScript代码的？1.V8是怎么执⾏JavaScript代码的呢2.什么是解释执行3.什么是编译执行4.V8作为JavaScript的虚拟机的⼀种，？是解...
2020-07-11 21:35:41
212
原创 querySelectorAll 方法相比 getElementsBy 系列方法区别
最近有人问到querySelectorAll 方法相比 getElementsBy 系列方法区别，一时没想起来说些什么，今天查下文档，总结一下它们的区别，以便自己理解。1. W3C 标准...
2020-07-07 22:42:28
190
原创 前端-网站性能优化——CDN加速详解
image作者「郝少禅」原文链接：https://blog.csdn.net/u010400084/article/details/52925597cdn——维基百科给出的解释是：内容...
2020-07-07 22:42:28
1305
原创 进程、线程与页面渲染的关系
1.仅仅打开了 1 个页面，为什么有 4 个进程2.tcp传送数据时 浏览器端就做渲染处理了么？如果前面数据包丢了 后面数据包先来是要等么？类似的那种实时渲染怎么处理？针对数据包的顺序性...
2020-07-04 22:42:23
589
2
原创 从源码看Vue生命周期
作者：zhaoHui_Ti链接：https://www.jianshu.com/p/5d44ade3e837使用Vue开发对于Vue生命周期的理解自然少不了，以前在面试时候也被问到过，...
2020-07-03 19:53:22
227
原创 前端校招美团面试 第一篇
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-n0UJb49H-1593429409229)(https://static01.imgkr.com/temp/d39c0ea47bfe42a59d670a6eb6d910fe.png)]1. js异步加载的方式方案一、$(document).ready()需要引入jquery兼容所有浏览器$(document).ready(function() { alert("加载完成！");});方案二、<sc
2020-06-29 19:17:56
384
原创 前端校招滴滴面试 第一篇
1.用Promise实现延迟3秒后输出 delay(3000).then(f,e)A: function delay(timer) { return new Promise(function(resolve, reject) { setTimeout(function() { resolve(); }, timer) }) }2.图片懒加载原理 （lazy image）A.
2020-06-27 12:12:23
589
原创 （立下flag）每日10道前端面试题-23 关于【回溯】算法题
1.括号生成数字 n 代表生成括号的对数，请你设计一个函数，用于能够生成所有可能的并且 有效的 括号组合。示例：输入：n = 3输出：["((()))...
2020-06-23 08:53:08
256
原创 前端校招字节跳动面试 第四篇
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-U2amD6uz-1592816699821)(https://static01.imgkr.com/temp/bb66ea60e387465fa021e1f78e2b5e60.png)]面试官上来就问了一些比较简单的问题（除了自我介绍和项目经历）1、块级元素和行内元素分别有哪些？很简单，但是不容易答好，就跟问API一样，不过既然问了，还是要记一下：用分类法记住好块级元素[外链图片转存失败,源站可能有防盗链机制,建议将图
2020-06-22 17:05:24
545
原创 前端校招字节跳动面试 第一篇
1.讲一下排序，给一个不懂快排序的人讲快排，复杂度，为什么它叫快排序？参考白话经典算法系列之六 快速排序 快速搞定2.个按照某个位置旋转的数组（连续且有序）求中位数，例如[7,8,9,1...
2020-06-22 11:42:42
193
原创 web安全之XSS攻击原理及防范
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nHwrCkXL-1592795850369)(https://static01.imgkr.com/temp/e31bf9555c2e44eeb535ca5ad63dda63.png)]一：什么是XSS攻击？XSS 即（Cross Site Scripting）中文名称为：跨站脚本攻击。XSS的重点不在于跨站点，而在于脚本的执行。那么XSS的原理是：恶意攻击者在web页面中会插入一些恶意的script代码。当用户浏览该页面
2020-06-22 11:17:59
2791
原创 白话经典算法系列之六 快速排序 快速搞定
快速排序由于排序效率在同为O(N*logN)的几种排序方法中效率较高，因此经常被采用，再加上快速排序思想----分治法也确实实用，因此很多软件公司的笔试面试，包括像腾讯，微软等知名IT公...
2020-06-21 22:58:31
109
原创 字节跳动：圣杯布局，有几种办法
圣杯布局是经典的css布局，左右两栏的宽度固定不变，中间那一栏是自适应，下面将用felx、float、position三种方法进行圣杯布局 效果图：left和right是定宽，middl...
2020-06-21 22:58:31
215
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人