2 ʚ惡喵咆哮ɞ

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 13w+

React 15的diff和React16的区别

diff算法与React虚拟dom

2020-10-26 15:59:43

Javascript底层原理总结

Javascript底层原理、面试题、算法、浏览器、dom等相关

2020-10-22 13:12:29

script标签中async和defer的区别

script标签中没有 defer 或 async属性时,浏览器会立即加载并执行指定的脚本,也就是同步的方式从上而下加载并执行代码script中async和defer属性都为异步加载defer:可选脚本的加载过程和文档加载是异步发生的,脚本加载完会被延迟到整个页面都解析完毕后再运行async:可选脚本的加载过程和文档加载也是异步发生的,但脚本下载完成后会停止HTML解析,执行脚本,脚本解析完继续HTML解析标记为 async 的脚本并不保证按照指定它们的先后顺序执行如图:.

2020-09-14 16:35:38

vscode连接服务器代码进行调试

1.方便起见配置ssh文件夹下面的config文件## 输入ss快捷进入服务器120.00.100.200:27017Host ss hostname 120.00.100.200 User root Port 27017 IdentityFile ~/.ssh/id_rsa2.vscode 的扩展中安装Remote Development套件3.使用插件连接服务器在编辑器里面按command+p 打开搜索框搜索并选择第一个>Rem..

2020-09-10 17:05:29

pm2常用命令

1.安装npm install -g pm22.启动($代表终端输入的指令)$ pm2 start ./app.js # 启动$ pm2 start ./app.js --name my-api #新建进程3.重启$ pm2 restart app_name|app_id # 重启指定的进程$ pm2 restart all # 重启所有进程,相当stop+start$ pm2 reload all # 0秒停机重载进程 (用于不间断进程)4.查看$ pm2

2020-09-07 14:26:01

Nodejs之Buffer数据转ReadSteam

当要处理的是一个文件时stream = fs.createReadStream('./content.txt')返回一个readStream(文件读取流,输入流)对象。(可读流)当处理的是一个Buffer时,用createReadStream就会报错fs.createReadStream不是用来做Buffer到ReadStream的转换的。虽然它接受一个Buffer,但Buffer里面放的仍然应该是一个文件路径。它只不过帮你做了文本解码。正确的Buffer转ReadStream的写

2020-09-07 11:29:38

React16中render和hydrate的区别

render()ReactDOM.render(<App />, document.getElementById('root'));render话不多说就是渲染的意思,官方解释:在提供的container里渲染一个 React 元素,并返回对该组件的引用(或者针对无状态组件返回null)。 如果 React 元素之前已经在container里渲染过,这将会对其执行更新操作,并仅会在必要时改变 DOM 以映射最新的 React 元素 如果提供了可选的回调函数,该回调将在...

2020-09-02 20:33:13

查看本地Node占用内存

查看内存node占用内存新建文件process.jsprocess.memoryUsage()终端执行process.js

2020-09-02 09:45:23

mac用户丢失管理员身份

起因:试图编辑mac电脑默认用户资料,比如试图改用户名、试图改HOME路径之类的,有很高比率可能导致该用户丧失管理员权限。随后悲剧就开始了,所有需要管理员权限认证的地方,比如安装了一个新软件,在弹出的认证窗口中,无论如何输入用户名和密码,都无法授权通过。此时在系统设置->用户及用户组中,会发现该用户选项卡中“允许用户管理这台电脑”前面的勾选已经不见了。当然这时候因为无法授权修改用户权限,因此也无法重新勾选上这个选项。直接打开终端,虽然用没了管理员权限,但是在终端通过sudo命令还是可以执行roo

2020-08-21 09:44:29

巧妙的通过promise.all节省接口的响应时间

在业务中难免会出现需要等待三四个接口返回之后再处理后续的代码,这个时候一般都会使用async/await来进行处理,那么就会有一个问题:先通过promise来模拟三个接口定时模拟每个接口需要花费的时间。 componentDidMount() { this.PageInit(); } PageInit = async () => { const oldTime = moment(); const fetch = async () => {

2020-08-06 10:45:45

React Hooks使用实例

使用hooks注意事项:不能将 hooks 放在循环、条件语句或者嵌套方法内。react 是根据 hooks 出现顺序来记录对应状态的。 只在 function 组件和自定义 hooks 中使用 hooks。 命名规范: useState 返回数组的第二项以 set 开头(仅作为约定)。 自定义 hooks 以 use 开头(可被 lint 校验)。 React 中提供的 hooks: useState:setState useReducer

2020-07-22 16:41:42

React、umi和dva之间的关系

前言react(https://react.docschina.org/)umi--路由配置(https://umijs.org/)dva--数据流方案(https://dvajs.com/guide/)Umi和Dva都是基于React的框架,Umi主要以路由为主,Dva主要管理数据流。Antd pro(https://pro.ant.design/docs/getting-started-cn)集成了umi、dva、antd的完整前端脚手架关于UmiJS框架umi是一个可插拔的企业

2020-07-22 10:33:09

Taro小程序单位转化和无法使用全局样式

1.界面兼容设计稿及尺寸单位在 Taro 中尺寸单位建议使用px、百分比 %,Taro 默认会对所有单位进行转换。在 Taro 中书写尺寸按照 1:1 的关系来进行书写,即从设计稿上量的长度100px,那么尺寸书写就是100px,当转成微信小程序的时候,尺寸将默认转换为100rpx,当转成 H5 时将默认转换为以rem为单位的值。如果你希望部分px单位不被转换成rpx...

2020-07-21 13:22:27

Web缓存策略

关于Web 缓存 Web 缓存是指一个 Web 资源(如 html 页面,图片,js,数据等)存在于 Web 服务器和客户端(浏览器)之间的副本。 缓存会根据进来的请求保存输出内容的副本;当下一个请求来到的时候,如果是相同的 URL,缓存会根据缓存机制决定是直接使用副本响应访问请求,还是向源服务器再次发送请求。 Web 缓存的好处 减少网络延迟,加快页面打开速度 减少网络带宽消耗 降低服务器压力 HTTP 的缓存机制流程如图:缓存规则..

2020-07-21 10:48:42

webpack的loader和plugin的区别

Loader用于对模块源码的转换,loader描述了webpack如何处理非javascript模块,并且在buld中引入这些依赖。loader可以将文件从不同的语言(如TypeScript)转换为JavaScript,或者将内联图像转换为dataURL。比如说:CSS-Loader,Style-Loader等。loader的使用很简单:在webpack.config.js中指定loader。module.rules可以指定多个loader,对项目中的各个loader有个全局概览。load.

2020-06-17 19:57:59

前端路由、后端路由、react-router区别

后端路由:后端路由又可称之为服务器端路由,因为对于服务器来说,当接收到客户端发来的HTTP请求,就会根据所请求的相应URL,来找到相应的映射函数,然后执行该函数,并将函数的返回值发送给客户端。对于最简单的静态资源服务器,可以认为,所有URL的映射函数就是一个文件读取操作。对于动态资源,映射函数可能是一个数据库读取操作,也可能是进行一些数据的处理,等等。然后根据这些读取的数据,在服务器端就使用相应的模板来对页面进行渲染后,再返回渲染完毕的页面。这种方式在早期的前端开发中非常普遍,比如京东页面就是个后端路由

2020-06-17 19:35:09

react之高阶组件(HOC)

定义高阶组件(HOC)是 React 中用于重用组件逻辑的高级技术。 HOC 本身不是 React API 的一部分。 它们是从 React 构思本质中浮现出来的一种模式。具体来说,高阶组件是一个函数,能够接受一个组件并返回一个新的组件。理解: 一类特别的函数a. 情况 1: 参数是函数b. 情况 2: 返回是函数常见的高阶函数:a. 定时器设置函数b. 数组的 map()/filter()/reduce()/find()/bind()c. react-redux 中的 connec

2020-06-08 18:01:50

react之纯函数、函数组件

纯函数 Pure Function定义:一个函数的返回结果只依赖于它的参数,并且在执行的过程中没有副作用,我们就把该函数称作纯函数。特点1. 函数的返回结果只依赖于它的参数。let foo=(a, b)=>a+bfoo(1,2) //=32. 函数执行过程里面没有副作用。什么是副作用除了修改外部的变量,一个函数在执行过程中还有很多方式产生外部可观察的变化,比如说调用 DOM API 修改页面,或者你发送了 Ajax 请求,还有调用 window.reload 刷新浏览器,

2020-06-08 16:59:53

关于Object.is()方法判断是否相等浅比较

在js中 基本数据类型用全等判断是否相等有不严谨的时候+0 === -0js中打印为true,我们期望是falseNaN === NaNjs中打印为false,我们期望是true所以在object.is()方法中解决解决+0 === -0 为true,我们可以通过: 1/(+0)结果为Infinity, 1/(-0)结果为-Infinity 而Infinity === -Infinity为false。所以当a === b时,且1 / x === 1 /..

2020-06-08 16:15:11

nvm解决node各种版本存在不兼容现象

nvm是让你在同一台机器上安装和切换不同版本的node的工具安装:两种方式curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.0/install.sh | bash wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.0/install.sh | bash 此时nvm就被安装在了/.nvm下啦命令:​​​​​​​nvm ls-remot

2020-05-28 16:16:56

查看更多

勋章 我的勋章
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。