- 博客(160)
- 收藏
- 关注
RSS订阅原创 React知识点总结（四）
React知识点总结文章目录React知识点总结前言一、要获取checkBoxGroup的value1.使用useRef()2.使用useState()3.回调函数前言在项目中遇到需要父组件获取子组件值时发现，useRef并不能获取到所有React组件（Antd组件）的实例，这取决于改组件是否暴露出了组件实例属性。一、要获取checkBoxGroup的value<Modal> <CheckBoxGroup/></Modal>解决方法：1.使用useRe
2021-04-27 12:15:50
230
原创 面试中的智力题（一）
面试中的智力题文章目录面试中的智力题前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下（示例）：import numpy
2021-04-17 11:00:10
2016
原创 flex对内部元素对影响
transform:scale使用遇到对问题文章目录transform:scale使用遇到对问题前言一、引入transform-origin二、scale使用的坑前言在使用scale时在元素大小发生变化时，因为大小变了，也会导致位置发生变化。一、引入transform-origintransform在进行变化时，默认情况下时按照transform-origin: center center(元素中心)进行变化。所以要想保证左边位置不变，可以设置为transform-origin: left ce
2021-04-14 11:33:34
697
原创 CSS3 transform对普通元素的渲染影响
CSS3 transform对普通元素的渲染影响文章目录CSS3 transform对普通元素的渲染影响一、transform提升元素的垂直地位二、transform改变overflow对absolute元素的限制三、transform限制absolute的100%宽度大小一、transform提升元素的垂直地位使用负margin覆盖了其他元素，若用transform包含，则会反过来覆盖使用负margin的元素。二、transform改变overflow对absolute元素的限制本来overfl
2021-04-13 18:02:16
206
原创 JS知识点总结（四）
JS知识点总结文章目录JS知识点总结一、getComputedStyle()用法一、getComputedStyle()用法style 对象中包含支持 style 属性的元素为这个属性设置的样式信息，但不包含从其他样式表层叠继承的同样影响该元素的样式信息。DOM2 Style在document.defaultView上增加了getComputedStyle()方法。这个方法接收两个参数：要取得计算样式的元素和伪元素字符串（如":after"）。如果不需要查询伪元素，则第二个参数可以传 null。ge
2021-04-11 17:59:17
323
原创 JS知识点总结（三）
JS知识点总结（三）文章目录JS知识点总结（三）一、关于Boolean函数1.使用Boolean()返回一个布尔值2.使用new Boolean()返回一个对象一、关于Boolean函数1.使用Boolean()返回一个布尔值2.使用new Boolean()返回一个对象需要注意的是当传入一个值为false当布尔对象时，会得到一个值为true当布尔对象const f1 = new Boolean(false);const flag = Boolean(f1);const flag2 = ne
2021-04-06 21:50:58
285
原创 初识React Hooks原理
初识React Hooks原理文章目录初识React Hooks原理前言一、useState原理二、useEffect原理前言记录一下在学习React Hooks原理过程中的心得。一、useState原理useState函数接受一个初识状态，返回一个元组，包含当前状态和设置状态的函数。其原理是通过使用数组保存按顺序调用useState得到的状态。主要依靠cursor指针。在第一次初始化时按顺序将state存入数组中，每存一个cursor++。当调用setState后，将cursor = 0，并调
2021-04-06 20:29:45
478
原创 关于React Hooks使用时函数render的问题
React Hooks文章目录React Hooks前言一、有可能造成re-renders问题二、函数组件中父组件如何获取子组件的实例或者DOM元素1.父组件2.子组件前言在使用函数组件时，当组件的state（使用hook获得的）或者props发生变化时会引起函数组件的重新执行和渲染。一、有可能造成re-renders问题App.jsfunction App() { const [total, setTotal] = useState(1); console.log("app rende
2021-04-01 18:54:06
1802
原创 关于子类中重写父类中方法的问题
关于子类中重写父类中方法的问题文章目录关于子类中重写父类中方法的问题前言一、父类使用箭头函数，子类使用传统函数二、父类使用传统函数，子类使用箭头函数三、父类使用传统函数，子类使用传统函数四、父类使用箭头函数，子类使用箭头函数总结前言在一道题中发现，子类在重写父类的方法时，会出现子类实例调用父类的方法而不是子类方法的情况。一、父类使用箭头函数，子类使用传统函数class Animal { sayName = () => { throw new Error('你应该自己实
2021-03-26 17:07:58
562
原创 进程间通信
进程间通信方式文章目录进程间通信方式一、管道通信二、消息队列三、共享内存通信四、通过服务器发送数据一、管道通信匿名管道( pipe )：管道是一种半双工的通信方式，数据只能单向流动，而且只能在具有亲缘关系的进程间使用。进程的亲缘关系通常是指父子进程关系。二、消息队列消息队列( message queue ) ： 消息队列是由消息的链表，存放在内核中并由消息队列标识符标识。消息队列克服了信号传递信息少、管道只能承载无格式字节流以及缓冲区大小受限等缺点。三、共享内存通信共享内存( shared m
2021-03-26 16:27:21
83
原创 哈夫曼树基本原理
哈夫曼树基本原理文章目录哈夫曼树基本原理前言构建过程前言哈夫曼树（又称最优二叉树）是一种权值和路径长度乘积和最小的二叉树。构建过程每次构建一颗子树，找当前数组中频率或值最小的两个数作为节点的权值，两者之和作为根节点。这样做的目的是把频率最小的放在整棵树的底部，频率大的放在接近整棵树根节点的位置。在获得当前子树的根节点的和之后，再与剩余数值作比较，重复上述过程，建立二叉树。示例：哈夫曼树编码示例...
2021-03-26 15:58:22
599
原创 认识Expres框架
认识Expres框架文章目录认识Expres框架前言一、Expres框架的功能优点二、Expres框架中的req对象和res对象常用属性和方法Request对象Response对象前言在这里记录一些对Expres框架初步的认识和理解。一、Expres框架的功能优点Expres框架是用来快速搭建web服务器的应用，使用简单明了。他利用中间件来处理http请求和响应。这样做的好处是，通过中间件与路由完美融合将应用的业务逻辑线性化，清晰明了。一个http请求从第一个中间件进入处理完然后next()进入下
2021-03-25 11:36:24
1223
原创 window下的几大对象
window下的几大对象文章目录window下的几大对象前言一、location二、navigator三、history关于hitory.pushState和history.replace方法history.popstate代码示例前言记录一下window对象下常见的几大对象，及其自身的属性和方法。一、location二、navigatorwindow.navigator返回一个navigator对象的引用,可以用它来查询一些关于运行当前脚本的应用程序的相关信息，包括：浏览器应用程序名称
2021-03-24 21:26:39
545
原创 闭包中资源访问的顺序
闭包中资源访问的顺序文章目录闭包中资源访问的顺序前言一、1.2.3.前言资源的访问要考虑作用域链，从头到尾访问资源一、1.var a = 1;function b() { var a = 2; return function() { console.log("test", a); }}b()(); // test 2这里闭包返回一个函数，该函数虽说没有明确调用对象，应该是window调用，但是在访问变量的时候，应遵循在作用域链上访问变量的规则。2.
2021-03-23 15:06:44
105
原创 对象的函数中this指向问题
this指向问题文章目录this指向问题前言一、1.2.二、对象中的函数返回一个函数1.2.三、函数中有立即执行函数1.2.四、有定时器的情况1.2.前言本文记录一些对象中函数的this指向问题一、直接上代码1.const obj2 = { fn: () => { console.log(this); }}obj2.fn(); // window 上面代码中箭头函数没有自己的this，向上找this对象（在对象大括号中没有作用域？），所以最终指向w
2021-03-22 17:39:12
957
原创 BASE64原理
BASE64原理文章目录BASE64原理一、base64是什么？二、原理应用一、base64是什么？Base64是一种基于64个可打印字符来表示二进制数据的编码方式，是从二进制数据到字符的过程。原则上，计算机中所有内容都是二进制形式存储的，所以所有内容（包括文本、影音、图片等）都可以用base64来表示。二、原理Base64编码之所以称为Base64，是因为其使用64个字符来对任意数据进行编码，同理有Base32、Base16编码。标准Base64编码使用的64个字符为：有点特殊的是最后两个
2021-03-21 14:46:54
125
原创 算法面试题
算法面试题一、赛马求最快4匹https://blog.csdn.net/u013829973/article/details/80787928二、实现自动补位功能（Trie树）总结提示：这里对文章进行总结：例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。...
2021-03-16 15:15:49
83
原创 前端优化方法有哪些
前端优化方法有哪些文章目录前端优化方法有哪些前言一、http方面二、CSS方面三、js方面四、图片方面前言前端是庞大的，包括 HTML、 CSS、 Javascript、Image 、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化是必要的。一、http方面尽量减少http请求，合理设置http缓存二、CSS方面可以对CSS文件进行压缩注意CSS选择器的效率问题三、js方面减少对DOM的修改使用事件委托减少回流和重绘的次数对动画
2021-03-14 20:39:45
731
原创 认识设计模式
认识设计模式（一）文章目录认识设计模式（一）前言一、简单工厂模式( Simple Factory Pattern )二、工厂方法模式三、抽象工厂模式前言设计模式是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性、程序的重用性。分为：创建型模式结构型模式行为型模式以下属于创建型模式：一、简单工厂模式( Simple Factory Pattern )简单工厂模式(Simple Factory Pa
2021-03-10 16:51:18
81
原创 关于oninput事件和onchange事件区别
oninput事件和onchange事件区别文章目录oninput事件和onchange事件区别前言oninput事件onchange事件前言两者都可用于input，textarea元素内容改变时触发的回调函数，同时onchange事件也可用于select标签内容发生变化的回调函数。两者的区别：oninput事件在用户进行输入时，内容发生改变，会立即触发该函数。onchange事件当内容发生改变时不会立即触发而是等到失去焦点时触发，同时还可用于select标签。...
2021-03-09 16:43:47
428
原创 关于HTTP中GET和POST方法提交长度限制问题（转）
关于HTTP中GET和POST方法提交长度限制问题文章目录关于HTTP中GET和POST方法提交长度限制问题前言一、GET方法二、POST方法前言HTTP协议本身对GET/POST方法的数据大小并没有限制，但不同的浏览器或服务器处理程序处理方式或能力不同，会有相应的限制。一、GET方法Http Get方法提交的数据大小长度并没有限制，HTTP协议规范没有对URL长度进行限制。这个限制是特定的浏览器及服务器对它的限制。如：IE对URL长度的限制是2083字节(2K+35)。下面就是对各种浏览器和
2021-03-09 16:25:35
3199
原创 认识WebSocket
认识WebSocket文章目录认识WebSocket一、WebSocket是什么？二、WebSocket的特点三、简单使用一、WebSocket是什么？为了解决http通信频繁建立链接断开链接（TCP链接）的问题和实现服务器推送的功能，WebSocket诞生了。在http1.X版本中，请求只能以客户端发起，服务器响应的方式来处理，服务器不能进行主动推送（HTTP2.0实现了服务器推送）。二、WebSocket的特点建立在TCP链接之上与HTTP协议有良好的兼容性，在握手阶段使用HTTP协议
2021-03-09 15:48:41
97
原创 关于JS数值转换的问题
关于JS数值转换的问题文章目录关于JS数值转换的问题一、Number和parseIntNumberparseInt一、Number和parseIntNumberNumber()和parseInt()都可以将对象转换为数值，但转换方式有些许不同。Number()转化中值得注意的是：Number(undefined) === NaN而null会被转化为0Number(null) === 0parseIntparseInt()函数在转换字符串时，更多的是看其是否符合数值模式。它会忽略字符串
2021-03-07 17:45:34
215
原创 NodeJS知识点总结
NodeJS知识点总结文章目录NodeJS知识点总结一、NodeJS中的中间件是什么？一、NodeJS中的中间件是什么？中间件是指从发送Http到响应结束的过程中处理细节的方法（如：记录日志、ip过滤、查询字符串、请求体解析、Cookie处理、权限验证、参数验证、异常处理等）。参考博文：https://www.cnblogs.com/xiaosongJiang/p/10854467.html...
2021-03-07 16:46:57
318
原创 React-Router原理分析
React-Router原理分析文章目录React-Router原理分析一、两种模式：hash和history二、React-Router一、两种模式：hash和history在HTML5 historyAPI出来前前端的路由都是通过hash（‘#’）来实现的,服务器不会解析路径中的‘#’，但是js可以通过window.location.hash读取到，当hash值发生改变时读取到hash值来匹配组件进行渲染。history是HTML5新有的API，用来操作浏览器的session history(会
2021-03-04 17:50:56
232
2
原创 计算机网络笔记（五）
计算机网络笔记文章目录计算机网络笔记一、反向代理的原理是什么？二、反向代理服务器的用途1.作为内容服务器的替身2.作为内容服务器的负载均衡器总结一、反向代理的原理是什么？反向代理： 是指代理服务器接受外部网络对内部网络服务器的请求，然后将请求转发给内部网络的服务器，并将从内部网路服务器上得到的结果返回给外部网络请求的客户端。通常的代理服务器只用于内部网络对外部网络的连接请求，客户端将本来要发送给外部网络的HTTP请求发送给代理服务器，然后代理服务器将请求转发给外部网络服务器。而当一个服务器能够代表外
2021-02-02 15:56:34
78
原创 JS知识点总结（二）
JS知识点总结文章目录JS知识点总结一、什么是文档流？一、什么是文档流？文档流是指元素在排版布局过程中，元素会按照从左向右，从上到下的顺序排列。块级元素占满一行，行内元素按照内容大小顺序进行渲染，当一行满了之后从下一行开始渲染。...
2021-02-01 17:09:58
77
原创 CSS实现loading效果
CSS实现loading效果前言使用animation动画实现loading效果。一、条状loading<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l
2021-01-11 16:39:42
281
原创 关于变量提升，全局变量污染和关键字优先级的问题
关于变量提升，全局变量污染和关键字优先级的问题function Foo() { // 未用var let 声明，会声明到全局作用域中 getName = function () { alert (1); }; return this;}Foo.getName = function () { alert (2);};Foo.prototype.getName = function () { alert (3);};var getName = function () { alert
2021-01-10 16:12:02
117
原创 JS垃圾回收机制
JS垃圾回收机制前言先介绍根的概念：全局变量函数中的局部变量和参数这些直接能访问的到的变量称之为根。标记清除法基础的垃圾回收方法是标记清除法JS引擎会先从根开始标记，然后通过这些变量的引用访问被引用的变量并标记这些变量，直到没有引用变量可以访问。然后，会将内存中无法到达的变量（即没有标记的变量）进行回收，释放他们的内存。一些优化分代回收：将对象分为“新对象”和“旧对象”。“新对象”是指生命周期短，执行快的对象；“旧对象”指生命周期长的对象，在内存里长期存在，相比“新对象”JS引擎
2021-01-07 21:19:27
97
原创 JS知识点总结（一）
JS知识点总结JS知识点总结JS知识点总结一、DOM中中target和currentTarget的区别二、实现发布订阅模式一、DOM中中target和currentTarget的区别target指触发事件的元素，到哪并一定是绑定该事件的元素。currentTarget指绑定事件的元素。同时，在事件处理函数中this始终指向事件绑定的元素，即e.currentTarget。二、实现发布订阅模式通过一个对象来保存预定的函数（订阅），等待时机到了就触发（发布）。class EventEmitter
2021-01-07 16:58:27
204
原创 CSS知识点总结（四）
CSS知识点总结（四）一、伪类和伪元素的区别？伪类：用于元素处于某种状态时，为其添加的样式伪元素：用于创建一些不在DOM树中的元素，并为其添加样式。
2021-01-06 21:14:06
148
原创 React知识点总结（三）
React知识点总结Render PropsRender Props目的是达到组件的状态复用，通过props传一个函数给组件A，该函数返回一个组件B，这样在组件A里面就可以渲染组件B了（使用的是组件A中的state）。一、Render Props使用class Cat extends React.Component { render() { const mouse = this.props.mouse; return ( <img src="/cat.jpg"
2021-01-04 21:36:22
164
原创 判断对象是数组的方法
判断对象是数组的方法Array.isArray(a);a.constructor.name => "Array"Object.prototype.toString.call(a)==="[object Array]" 对于所有的基本数据类型都能进行判断包括null undefined也可以a instanceof Arraya.__proto__===Array.prototypeArray.prototype.isPrototypeOf(a)...
2021-01-03 17:04:42
117
原创 React事件绑定的方法
React事件绑定的方法前言React事件绑定即将事件函数中的this与类实例对象的this绑定。法一：在构造器中绑定thisexport default class Test extends Component { constructor(props){ super(props) this.handleClick = this.handleClick.bind(this) } handleClick(){ console.
2020-12-29 19:59:47
151
原创 后代和兄弟选择器选择器
通用兄弟选择器通用兄弟选择器 即 ~：兄弟选择符，位置无须紧邻，只须同层级，A~B 选择A元素之后所有同层级B元素。相邻兄弟选择器相邻兄弟选择器 即 + 当第二个元素紧跟在第一个元素之后，并且两个元素都是属于同一个父元素的子元素，则第二个元素将被选中。子选择器子选择器 > :当使用 > 选择符分隔两个元素时,它只会匹配那些作为第一个元素的直接后代(子元素)的第二元素.后代选择器匹配存在的所有由第一个元素作为祖先元素(但不一定是父元素)的第二个元素, 无论它在 DOM 中"跳跃"
2020-12-29 19:39:13
240
原创 React Hook
React Hook前言Hook 是一些可以让你在函数组件里“钩入” React state 及生命周期等特性的函数。Hook 就是 JavaScript 函数，但是使用它们会有两个额外的规则：只能在函数最外层调用 Hook。不要在循环、条件判断或者子函数中调用。只能在 React 的函数组件中调用 Hook。不要在其他 JavaScript 函数中调用。（还有一个地方可以调用 Hook —— 就是自定义的 Hook 中）一、State Hook和Effect HookuseState 会
2020-12-28 21:50:18
68
原创 函数式编程
函数式编程前言函数式编程是一种不同于面向对象编程（OOP）的编程范式，通过纯函数以及它们的组合、柯里化、Functor （函子）等技术来降低系统复杂度。一、纯函数纯函数的定义是，对于相同的输入，永远会得到相同的输出，而且没有任何可观察的副作用（不改变全局变量，函数参数），也不依赖外部环境的状态。二、柯里化传递给函数一部分参数来调用它，让它返回一个函数去处理剩下的参数。三、Functor （函子）值被容器化之后具有一条标准协议规范的数据类型或者数据容器。Functor 是一个对于函数调用的抽象
2020-12-28 20:39:27
76
原创 H5，C3和ES6新特性总结
H5，C3和ES6新特性总结一、H5新增语义化标签header、sction、main、sider、footer和nav等。表单新特性：email、url、number、range、Date Pickers、search、color等。拖拽属性：draggable多媒体视频（vedio）和音频（audio）新的通信协议：webSocket二、C3新特性选择器：属性选择器 E[attr]，伪类选择器 E:nth-child(n)颜色：RGBA, HSLA盒模型：box-sizing:
2020-12-24 15:49:52
753
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人