2021年03月_xumaozeng

原创 2021-03-29 最后一次在CSDN记录博客

2021-03-29 最后一次在CSDN记录博客今天是最后一次在CSDN做记录了，文章已经迁移到掘金去了，CSDN是我的第一个博客地址，记录了我这快两年的职业生涯文章，以后不会在这里继续下去了，感谢！ ...

2021-03-29 11:19:53 143

2021-03-26 CSS样式之Flex实战问题描述：如下图，案件类型是根据业务范围选择而变化的，所以案件类型这行的宽度是会动态变化的，既要保证不能超出，又要使更多文字不能与证券与资本市场这一类最后一行的按钮重合；并且点击更多会显示剩余的选项解决方法：利用flex布局，全部与中间选项以及更多分为三个部分，统一放在一个div里面，布局为dispaly:flex 然后中间按钮布局如下：内部使用flex布局，而且使得超出换行flex-wrap:wrap .el-checkbox-group { dis

2021-03-26 12:26:13 152

原创 2021-03-15 详解HTTP协议

2021-03-15 HTTP协议详解概述一、HTTP协议详解之URL二、HTTP协议详解之请求篇三、HTTP协议详解之响应篇四、HTTP协议详解之消息报头篇概述 HTTP是一个属于应用层的面向对象的协议，由于其简捷、快速的方式，适用于分布式超媒体信息系统 HTTP协议的主要特点如下： 1、支持客户/服务器模式 2、简单快速：客户向服务器请求服务时，只需传送请求方法和路径。请求方法常用的有GET、HEAD、POST。每种方法规定了客户与服务器联系的类型不同，由于HTTP协议简单，使得HTTP服务器的程序规

2021-03-15 15:09:20 346

原创 2021-03-07 React原理解析04

2021-03-07 React原理解析04理解协调React中的数据结构React合成事件系统常见的组件优化技术定制组件的shouldComponentUpdate钩子PureComponentReact.memouseMemouseCallback 理解协调 React中的数据结构 Flags 注：这里的flags都是二进制，这个和React中用到的位运算有关。首先我们要知道位运算只能用于整数，并且是直接对二进制位进行计算，直接处理每一个比特位，是非常底层的运算，运算速度极快；其次，一个节点可能有多

2021-03-07 17:04:56 295

原创 2021-03-06 React原理解析03

2021-03-05 React原理解析03Hook简介Hook API Hook简介 Hook是React16.8的新增特性，它可以在你不编写class的情况下使用state以及其他的React特性 1、Hooks是什么？为了拥抱正能量函数式 2、Hooks带来的变革，让函数组件有了状态和其他的React特性，可以替代class 没有破坏性改动完全可选。无需重写任何已有代码就可以在一些组件中尝试Hook 100%向后兼容。Hook不包含任何破坏性改动现在可用。Hook发布于v16.8 没有计划从R

2021-03-06 19:18:57 148

原创 2021-03-05 通用正则校验方法

2021-03-05 通用正则校验方法 1、邮箱校验 const EMAIL = /^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$/ function validatePhone(str) { const regex = new RegExp(PHONE) return regex.test(str) } 2、手机号码 const PHONE = /^134[0-8]\d{7}$|^13[^4]\d{

2021-03-05 11:57:50 693

原创 2021-03-03 React原理解析02

2021-03-03 React原理解析02协调-reconciliationfiber 协调-reconciliation 设计动力调用React的render()方法会创建一颗由React元素组成的树，在下一次state、props或context更新时候，相同的render()方法会返回一颗不同的树。React需要基于这两颗树之间的差别来判断如何有效的更新UI以保证当前UI与最新的树保持同步 React提出了一套O(n)-n是树中元素的数量，启发式算法(diff算法)： 1、两个不同类型的元素会产生

2021-03-03 22:38:58 185

xumaozeng的博客