- 博客(37)
- 收藏
- 关注
RSS订阅原创 计算机网络_UDP和TCP的区别
以铜为镜可以正衣冠，以史为镜可以明得失，以文为镜可以修内功，本系列我们来说说计算机网络，修修内功以识这巨大的“网”。目录一、为什么要了解二、UDP的特点三、TCP的特点四、总结一、为什么要了解身处于巨大的万维网中，我们每天通过各种终端与他人保持着联系，可以说现代社会中，没有人会脱离计算机网络而独立存在。我们是怎样与他人保持联系的，我们的终端如何将信息发送到服务器的，这无不关乎计算机网络。运输层是计算机网络体系结构中非常关键的层次之一，主要有两个协议：用户数据报协议UDP和传输控制协议TCP。协议.
2021-09-13 22:30:20
218
原创 计算机网络_HTTP1.0、HTTP1.1和HTTP2.0的区别
以铜为镜可以正衣冠，以史为镜可以明得失，以文为镜可以修内功，本系列我们来说说计算机网络，修修内功以识这巨大的“网”。目录一、为什么要了解二、HTTP网络请求过程三、HTTP1.0 vs HTTP1.1四、HTTP1.1 vs HTTP2.0五、总结一、为什么要了解了解不同版本HTTP协议，实际上是了解Web的发展历史，了解历史让我们对于技术的发展方向有迹可循。HTTP1.0对应早期阶段，互联网上的资源以展示为主，用户只能获取文字和图片；
2021-09-07 17:41:11
434
1
原创 CSS组件_0 燕尾
CSS是传统前端“三大马车”之一，本系列专注于用CSS实现小组件，例如：燕尾、三角、箭头、风火轮等。愿积”组件“之跬步，至”系统“之千里。目录一、燕尾是个啥？二、小马甲思路三、小马甲实现四、总结一、燕尾是个啥？燕尾，顾名思义，燕子的尾巴。我们都知道燕子的尾巴是分叉的，本文要实现的组件如下。二、小马甲思路我们很容易想到使用一个长方形来实现，但是长方形的首尾得做一些处理。首先，在长方形的首尾添加正方形。对于首端（左）来说，我们可以通过将正方形平移、旋转的方式形成想要的形状。对于尾端（.
2021-07-10 13:25:25
550
6
原创 剑指Offer面试题：12 矩阵中的路径
算法不是金庸武侠小说里硬核的”九阳真经“，也不是轻量的”凌波微步“，它是程序员的基本功，如同练武之人需要扎马步一般。功夫好不好，看看马步扎不扎实；编程能力强不强，看看算法能力有没有。本系列采用leetcode题号，使用JavaScript为编程语言，每篇文章都会逐步分析解题思路，最终给出代码。文章一方面是记录笔者在刷题中的思路，已备学而时习之，另一方面也希望能跟大牛们多交流。有更高效的解法，或者文章有什么问题，都欢迎提出来，望诸位不吝赐教。目录一、题目：矩阵中的路径二、小马甲思路三、小马甲题解四、总结.
2021-07-01 00:00:57
214
12
原创 剑指Offer面试题：10- I 斐波那契数列
算法不是金庸武侠小说里硬核的”九阳真经“，也不是轻量的”凌波微步“，它是程序员的基本功，如同练武之人需要扎马步一般。功夫好不好，看看马步扎不扎实；编程能力强不强，看看算法能力有没有。本系列采用leetcode题号，使用JavaScript为编程语言，每篇文章都会逐步分析解题思路，最终给出代码。文章一方面是记录笔者在刷题中的思路，已备学而时习之，另一方面也希望能跟大牛们多交流。有更高效的解法，或者文章有什么问题，都欢迎提出来，望诸位不吝赐教。目录一、题目：斐波那契数列二、小马甲思路三、小马甲题解四、总结.
2021-06-20 17:36:46
327
2
原创 剑指Offer面试题：09 用两个栈实现队列
算法不是金庸武侠小说里硬核的”九阳真经“，也不是轻量的”凌波微步“，它是程序员的基本功，如同练武之人需要扎马步一般。功夫好不好，看看马步扎不扎实；编程能力强不强，看看算法能力有没有。本系列采用leetcode题号，使用JavaScript为编程语言，每篇文章都会逐步分析解题思路，最终给出代码。文章一方面是记录笔者在刷题中的思路，已备学而时习之，另一方面也希望能跟大牛们多交流。有更高效的解法，或者文章有什么问题，都欢迎提出来，望诸位不吝赐教。目录一、题目：用两个栈实现队列二、小马甲思路2.1 理解题目2.
2021-06-18 23:21:50
370
2
翻译 Build your own React_8 Hooks
前端工程师的要求越来越高，仅懂得“三大马车”和调用框架API，已经远不能满足岗位的能力要求。因此增强自身的底层能力，了解框架的内部原理非常重要。本系列文章，翻译自Rodrigo Pombo的《Build your own React》一文，同时每篇文章最后，都会加入自己的理解，一方面记录自己初探React框架原理的过程，另一方面也是想与各位大牛多多交流，以出真知。我们打算从零开始重写一个React框架，在遵循源码架构的基础上，省略了一些优化和非核心功能代码。假设你阅读过我之前的文章《build yo.
2021-06-15 15:36:29
404
4
原创 剑指Offer面试题：07 重建二叉树
算法不是金庸武侠小说里硬核的”九阳真经“，也不是轻量的”凌波微步“，它是程序员的基本功，如同练武之人需要扎马步一般。功夫好不好，看看马步扎不扎实；编程能力强不强，看看算法能力有没有。本系列以leetcode中的题号为标准，记录笔者在刷题中的思路，希望能跟大牛们多交流。（编程语言使用JavaScript）目录一、题目：重建二叉树二、解题思路三、小马甲题解四、总结一、题目：重建二叉树输入某二叉树的前序遍历和中序遍历的结果，请重建该二叉树。假设输入的前序遍历和中序遍历的结果中都不含重复的数字。例如，给出
2021-06-15 09:46:22
7903
44
翻译 Build your own React_7 函数组件
前端工程师的要求越来越高，仅懂得“三大马车”和调用框架API，已经远不能满足岗位的能力要求。因此增强自身的底层能力，了解框架的内部原理非常重要。本系列文章，翻译自Rodrigo Pombo的《Build your own React》一文，同时每篇文章最后，都会加入自己的理解，一方面记录自己初探React框架原理的过程，另一方面也是想与各位大牛多多交流，以出真知。我们打算从零开始重写一个React框架，在遵循源码架构的基础上，省略了一些优化和非核心功能代码。假设你阅读过我之前的文章《build yo.
2021-06-14 10:32:07
314
5
原创 我给师妹说算法_2 插入排序
每次看师妹对着屏幕的算法题憋得满脸通红，总觉得非常可爱，大有小拳拳锤算法胸口的意思，虽然说看师妹真的很疗愈，念在她请我喝的那么多杯喜茶的份上，我打算给师妹写点东西。每篇文章先从实际问题出发，由表及里的对特定算法做一个全方位的介绍，希望师妹在师兄毕业之后的日子也能快乐A题：）
2021-06-13 20:11:54
325
5
翻译 Build your own React_6 调解器
前端工程师的要求越来越高，仅懂得“三大马车”和调用框架API，已经远不能满足岗位的能力要求。因此增强自身的底层能力，了解框架的内部原理非常重要。本系列文章，翻译自Rodrigo Pombo的《Build your own React》一文，同时每篇文章最后，都会加入自己的理解，一方面记录自己初探React框架原理的过程，另一方面也是想与各位大牛多多交流，以出真知。我们打算从零开始重写一个React框架，在遵循源码架构的基础上，省略了一些优化和非核心功能代码。假设你阅读过我之前的文章《build yo.
2021-06-13 10:25:16
269
2
原创 我给师妹说算法_1 选择排序
每次看师妹对着屏幕的算法题憋得满脸通红，总觉得非常可爱，大有小拳拳锤算法胸口的意思，虽然说看师妹真的很疗愈，念在她请我喝的那么多杯喜茶的份上，我打算给师妹写点东西。每篇文章先从实际问题出发，由表及里的对特定算法做一个全方位的介绍，希望师妹在师兄毕业之后的日子也能快乐A题：）...
2021-06-12 20:25:06
226
4
翻译 Build your own React_5 渲染和提交阶段
前端工程师的要求越来越高，仅懂得“三大马车”和调用框架API，已经远不能满足岗位的能力要求。因此增强自身的底层能力，了解框架的内部原理非常重要。本系列文章，翻译自Rodrigo Pombo的《Build your own React》一文，同时每篇文章最后，都会加入自己的理解，一方面记录自己初探React框架原理的过程，另一方面也是想与各位大牛多多交流，以出真知。我们打算从零开始重写一个React框架，在遵循源码架构的基础上，省略了一些优化和非核心功能代码。假设你阅读过我之前的文章《build yo.
2021-06-08 09:34:15
314
翻译 Build your own React_4 理解React纤维
前端工程师的要求越来越高，仅懂得“三大马车”和调用框架API，已经远不能满足岗位的能力要求。因此增强自身的底层能力，了解框架的内部原理非常重要。本系列文章，翻译自Rodrigo Pombo的《Build your own React》一文，同时每篇文章最后，都会加入自己的理解，一方面记录自己初探React框架原理的过程，另一方面也是想与各位大牛多多交流，以出真知。我们打算从零开始重写一个React框架，在遵循源码架构的基础上，省略了一些优化和非核心功能代码。假设你阅读过我之前的文章《build yo.
2021-06-07 20:08:21
374
翻译 Build your own React_3 并发模式
前端工程师的要求越来越高，仅懂得“三大马车”和调用框架API，已经远不能满足岗位的能力要求。因此增强自身的底层能力，了解框架的内部原理非常重要。本系列文章，翻译自Rodrigo Pombo的《Build your own React》一文，同时每篇文章最后，都会加入自己的理解，一方面记录自己初探React框架原理的过程，另一方面也是想与各位大牛多多交流，以出真知。我们打算从零开始重写一个React框架，在遵循源码架构的基础上，省略了一些优化和非核心功能代码。假设你阅读过我之前的文章《build yo.
2021-06-06 15:25:56
322
翻译 Build your own React_2 render函数
前端工程师的要求越来越高，仅懂得“三大马车”和调用框架API，已经远不能满足岗位的能力要求。因此增强自身的底层能力，了解框架的内部原理非常重要。本系列文章，翻译自Rodrigo Pombo的《Build your own React》一文，同时每篇文章最后，都会加入自己的理解，一方面记录自己初探React框架原理的过程，另一方面也是想与各位大牛多多交流，以出真知。我们打算从零开始重写一个React框架，在遵循源码架构的基础上，省略了一些优化和非核心功能代码。假设你阅读过我之前的文章《build yo.
2021-06-05 21:15:06
335
翻译 Build your own React_1 createElement函数
前端工程师的要求越来越高，仅懂得“三大马车”和调用框架API，已经远不能满足岗位的能力要求。因此增强自身的底层能力，了解框架的内部原理非常重要。本系列文章，翻译自Rodrigo Pombo的《Build your own React》一文，同时每篇文章最后，都会加入自己的理解，一方面记录自己初探React框架原理的过程，另一方面也是想与各位大牛多多交流，以出真知。我们打算从零开始重写一个React框架，在遵循源码架构的基础上，省略了一些优化和非核心功能代码。假设你阅读过我之前的文章《build yo.
2021-05-27 15:54:12
405
翻译 Build your own React_0 总述
前端工程师的要求越来越高，仅懂得“三大马车”和调用框架API，已经远不能满足岗位的能力要求。因此增强自身的底层能力，了解框架的内部原理非常重要。本系列文章，翻译自Rodrigo Pombo的《Build your own React》一文，同时每篇文章最后，都会加入自己的理解，一方面记录自己初探React框架原理的过程，另一方面也是想与各位大牛多多交流，以出真知。...
2021-05-26 15:29:29
536
12
原创 React实战_实现待办事项TodoList（Hook版）
企业级产品的开发流程中，产品经理将表达交互的原型图给设计师，设计师最终将UI图提供给工程师，工程师此时需要将UI图分解，逆推需要实现的功能。那么如何合理分解UI图呢，这正是本系列文章的核心，通过合理地分解UI图，确定组件功能的界限，帮助工程师探索和养成自己的React编程最佳实践。目录一、功能分析二、数据考虑三、组件拆分四、目录结构五、组件实现AddTodo组件TodoList组件TodoItem组件Todos组件Filter组件Link组件六、总结.
2021-03-22 16:16:24
816
原创 Web开发茶话会_登陆token
《Web开发茶话会》系列文章的专注于Web开发过程中的重点难点，采取：应用示例+分析+小试牛刀的模式，让读者先有个感性认知，再分析解释知识点，最后抛出一个两个问题，加深理解。此系列文既谈技术，也谈“风月”，请读者备好茶水。应用示例：开发一个前后端分离的Web系统，活跃用户可以一直访问系统资源示例中，活跃用户能够一直访问系统资源，工作过程如下用户输入账号密码登陆 活跃用户持续访问系统资源 非活跃用户重新操作时会重定向到登陆页面分析：session验证传统的登陆方式是..
2021-03-02 01:22:42
161
4
原创 JavaScript娓娓道来_Generator生成器
《JavaScript娓娓道来》系列文章属于JavaScript进阶知识，不同于《JavaScript面试大师》系列知识点+刷题的模式，该系列采取：实例+原理+代码的模式来展现写代码的思路，介绍JavaScript进阶过程中的难点，帮助初级工程师成长为中级和高级工程师。实例：在《JavaScript娓娓道来_Iterator迭代器》中，为了使自定义的数据结构myBook是可迭代的，我们给它添加了[ Symbol.iterator ] 方法let myBook = { A.
2021-02-20 11:02:30
139
原创 JavaScript娓娓道来_Iterator迭代器
《JavaScript娓娓道来》系列文章属于JavaScript进阶知识，不同于《JavaScript面试大师》系列知识点+刷题的模式，该系列采取：实例+原理+代码的模式来展现写代码的思路，介绍JavaScript进阶过程中的难点，帮助初级工程师成长为中级和高级工程师。实例：自定义一个数据结构myBook，该结构内部为（字符串-数组）键值对，表示我拥有的书本作者及对应的书名let myBook = { AUTHOR_A: ['A1', 'A2', 'A3', 'A4',.
2021-02-19 21:20:39
139
原创 Web开发茶话会_accessToken和refreshToken
《Web开发茶话会》系列文章的专注于Web开发过程中的重点难点，采取：应用示例+分析+小试牛刀的模式，让读者先有个感性认知，再分析解释知识点，最后抛出一个两个问题，加深理解。此系列文既谈技术，也谈“风月”，请读者备好茶水。
2021-02-10 22:13:17
415
2
原创 JavaScript面试大师_debounce防抖
《JavaScript面试大师》系列文章的核心在于沿用应试教育的套路，采取：知识点+刷题的模式来加深巩固理解，目的在于斩获心仪offer，更高的目的在于提升对语言本身的理解，达到融会贯通。debounce面试题：说说对于防抖的理解 说说防抖和节流的区别 实现防抖函数面试题1：说说对于防抖的理解解答：防抖是为了优化页面的性能，当用户交互特定时间，才产生响应，减少交互响应次数参考：《The Difference Between Throttling and Debouncin.
2021-01-24 17:48:54
70
原创 JavaScript面试大师_String类型
《JavaScript面试大师》系列文章的核心在于沿用应试教育的套路，采取：知识点+刷题的模式来加深巩固理解，目的在于斩获心仪offer，更高的目的在于提升对语言本身的理解，达到融会贯通。String面试题：基本类型（primitive）和基本包类型（primitive wrapper）的区别 基本类型没有自己的方法，为什么基本类型Boolean、Number和String能调用方法 将值转成字符串的方法 说说对toString（）的理解 说说对String（）的理解面试题1：基.
2020-12-28 11:44:14
79
原创 JavaScript面试大师_Number类型
《JavaScript面试大师》系列文章的核心在于沿用应试教育的套路，采取：知识点+刷题的模式来加深巩固理解，目的在于斩获心仪offer，更高的目的在于提升对语言本身的理解，达到融会贯通。Number类型面试题：为什么0.1 + 0.2 =0.30000000000000004？ 给Number加一个方法newRound，可以保留小数点后n位 (1.23457.newRound(2) -> 1.23) 以下代码输出什么 Number(undefined) ,Number(null)..
2020-12-24 22:26:49
173
4
原创 JavaScript面试大师_Boolean类型
《JavaScript面试大师》系列文章的核心在于沿用应试教育的套路，采取：知识点+刷题的模式来加深巩固理解，目的在于斩获心仪offer，更高的目的在于提升对语言本身的理解，达到融会贯通。Boolean面试题：Boolean()函数的转换规则 基本类型（primitive）和基本包类型（primitive wrapper）的区别面试题1:Boolean()函数的转换规则解答：ECMAScript®2021对于Boolean值转换规则定义如下：面试题2:基本类型（pri..
2020-12-22 12:34:37
80
原创 JavaScript面试大师_Null类型
《JavaScript面试大师》系列文章的核心在于沿用应试教育的套路，采取：知识点+刷题的模式来加深巩固理解，目的在于斩获心仪offer，更高的目的在于提升对语言本身的理解，达到融会贯通。Null面试题：如何理解null 如何检测null？ undefined和null的区别 为什么undefined == null？面试题1：如何理解null解答：null是ECMAScript原始类型Null类型的唯一值，表示空对象指针，准备保存对象的变量还没有保存对象时，应该明确让变量保存.
2020-12-21 09:17:10
85
2
原创 JavaScript面试大师_Undefined类型
《JavaScript面试大师》系列文章的核心在于沿用应试教育的套路，采取：知识点+刷题的模式来加深巩固理解，目的在于斩获心仪offer，更高的目的在于提升对语言本身的理解，达到融会贯通。Undefined面试题：说一下对undefined的理解 undefined和null的区别 为什么undefined == null？面试题1:说一下对undefined的理解解答：undefined是ECMAScript原始类型Undefined类型的唯一值；undefined是Globa.
2020-12-19 09:22:45
111
1
原创 JavaScript面试大师_typeof操作符
《JavaScript面试大师》系列文章的核心在于沿用应试教育的套路，采取：知识点+刷题的模式来加深巩固理解，目的在于斩获心仪offer，更高的目的在于提升对语言本身的理解，达到融会贯通。typeof 面试题：为什么typeof null === 'object'? typeof操作符能返回什么结果？ 针对typeof的特点，有没有兼容性好的判断类型方法？ typeof是否不会抛出错误？面试题1：为什么typeof null === 'object'?解答：这是最初版本Java.
2020-12-18 15:28:55
180
原创 如何理解阮一峰ES6中函数参数的解构赋值 {x = 0, y = 0} = {}
最近笔者在系统研究ES6，对于阮一峰ES6中的函数参数解构赋值的示例起初有些不理解。原文中举了两个例子：1、为函数参数变量指定默认值；2、为函数参数指定默认值。这两者是有区别的，代码如下：// 1、为函数参数变量x、y指定默认值function move({x = 0, y = 0} = {}){ return [x, y];}move({x:3, y:8}); //...
2020-03-10 11:16:25
1172
原创 el-table踩坑之动态渲染表头
需求：某一字段test_param，根据用户选择的不同数据，利用v-if渲染不同表头的表格遇到问题：需求是数据a对应表格具有勾选功能，数据b对应表格无勾选功能，但是切换test_param的数值的时候，a和b渲染出的表格均具有勾选功能问题分析：这是因为在v-for或者v-if切换标签时，多个相同的标签被渲染，如果不添加key来区分则会出现复用的情况。而原本这些标签每一个都是独立...
2019-01-30 15:55:37
4122
2
原创 两列布局(两列宽度均自适应）
公司项目需要使用两列布局，要求左右列宽度自适应，左列高度随着内容自动出现滚动条，网上的方案有很多种，研究了一下采用float+BFC的解决方案。最终实现效果如图：原理：浮动元素的块状兄弟元素会无视浮动元素的位置，尽量占满一整行，这样该兄弟元素就会被浮动元素覆盖。 若浮动元素的块状兄弟元素为BFC，则不会占满一整行，而是根据浮动元素的宽度，占据该行剩下的宽度，避免与浮动元素重叠。...
2019-01-28 12:10:31
322
1
原创 npm install过程中出现Maximum call stack size exceeded
公司前端项目技术栈是vue2.x全家桶，由我跟另外一个同事开发，最近他添加了新的npm包，我将代码拉下来之后执行npm install出现下图问题：找到解决办法，删除node_module文件夹和package-lock.json文件，再重新npm installrm -rf node_modules/pacage.jsonsudo npm install项目运行起来，...
2018-12-20 09:53:45
26534
翻译 CSS命名规范BEM
首先直接给原文链接：getBEMBEM的命名规则：计算机科学里面只有两个问题：缓存失效和对象命名。——Phil Karlton正确的样式指南能显著地提高开发速度、debug效率和继承代码的执行效率，然而很多CSS代码实际上并没有良好的组织结构和命名的规范，这导致了过去很长一段时间内，CSS代码都是一个难以维护的状态。BEM方法为所有Web开发人员提供了一个命名的规范，它会让...
2018-12-04 14:26:16
293
原创 elementUI中dialog踩坑
开发过程中遇到两点问题：1、修改dialog的custom-class不生效； 2、定制validate规则的时候，无法获取正确的this对象对于第一个问题，可以从图中知道，虽然笔者已经设置了dialog的custom-class，实际渲染过程中也元素也确实具有custom-class中的类，但是样式就是不生效。dialog-width的具体样式如下：即设置了dialog...
2018-12-03 10:41:57
11049
2
原创 JavaScript娓娓道来_debounce防抖
笔者在这里按照先感性认识，再介绍原理，最后上手操作并且将写代码的思路一步一步都写出来的过程来介绍JavaScript中的一个难点函数防抖。话语可能显得比较啰嗦，但是笔者还是本着授人以渔的方针展示自己的思维过程。目标读者是JavaScript初级开发人员。希望读者有好的建议或者不同的观点可以不吝赐教。实例：模糊搜索输入框中对于关键字的检索。若每次keyup事件发生都向服务器发送ajax请...
2018-11-01 20:09:17
2118
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人