随笔分类 - teach
摘要：先回顾下之前所做的操作，在用户登录成功后将用户信息存储在内存里，如下所示 1、编写用户存储信息模块memoryUtils.js 2、登录组件里，当登录成功时将信息存储到内存 3、后台主页里进行登录验证 判断内存里是否包含user用户信息，如果没有则表示没有登录，重定向到登录页；否则正常访问 但此时发
阅读全文
摘要：项目里经常遇到优化代码情况，例如回调地狱 1、现在比较流行的解决这个问题的方法是使用 Promise，可以将嵌套的回调函数展平。但是写代码和阅读依然有额外的负担。 2、另外一个方案是使用 ES6 中新增的 generator，因为 generator 的本质是可以将一个函数执行暂停，并保存上下文，再
阅读全文
摘要：（1）跨域情况： 跨域情况： 1）、协议不同：http与https 2）、主机不同 3）、端口号不同 （2）跨域处理： 跨域处理： 1、JSONP处理跨域，缺点：只能处理GET请求 2、CORS后台处理（开发应用比较少） 3、服务代理（开发应用较为广泛） （3）代理服务器： 代理服务器会帮我们做一个
阅读全文
摘要：文件--首选项--设置--用户设置 在用户设置添加 "emmet.includeLanguages": { "javascript": "javascriptreact" }如果你是mac用户，code--首选项--设置，进入后和window不太一样，mac展示的是一个列表
阅读全文
摘要：（1）yarn的简介：Yarn是facebook发布的一款取代npm的包管理工具。 （2）yarn的特点：速度超快。Yarn 缓存了每个下载过的包，所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率，因此安装速度更快。超级安全。在执行代码之前，Yarn 会通过算法校验每个安装包的完整性
阅读全文
摘要：1.安装yarn方法一：使用安装包安装 官方下载安装包，https://yarnpkg.com/zh-Hans/docs/install，安装完毕后，一定要配置环境变量 方法二：使用npm安装 npm i yarn -g -i：install -g：全局安装（global）,使用 -g 或 --gl
阅读全文
摘要：很久之前好像改了ssh的一些配置，导致现在对git进行一些操作时，就会出现 当时就去百度，结果很多都是一些不太对应的解决方法，反正也没有解决，今天偶然看码云的文档才突然解决。 官方解决文档： http://git.mydoc.io/?t=154712 1）、重新生成ssh ssh-keygen -t
阅读全文
摘要：一.通过命令配置1. 命令 npm config set registry https://registry.npm.taobao.org 2. 验证命令 npm config get registry 如果返回https://registry.npm.taobao.org，说明镜像配置成功。 二、
阅读全文
摘要：MongoDB的安装 下载地址： https://www.mongodb.com/download-center (这是windows10环境下的教程！请注意！) 下载后，我们点击mongodb-win32-x86_64-2008plus-ssl-3.4.3-signed.msi(为2017.4.1
阅读全文
摘要：1、下载安装mongdb软件 百度云：https://pan.baidu.com/s/1c-um10DOoi9uq5eKLncwxA 密码：04rv 2、安装 选择custom模式，自定义目录，比如D:\MongoDB，一路next直到结束 3、创建文件夹 data、etc[创建mongodb.co
阅读全文
摘要：在一个Node.js项目中，package.json几乎是一个必须的文件，它的主要作用就是管理项目中所使用到的外部依赖包，同时它也是npm命令的入口文件。 npm 目前支持以下几类依赖包管理： dependencies devDependencies peerDependencies optiona
阅读全文
摘要：熟悉一下基于React的新项目。按照以往，我的步骤都是： git clone xxx npm install npm run dev 这时，JJ给我来了下面一段 git clone xxx yarn yarn start “咦，yarn是什么鬼？难道npm更高级的替代品？为什么要替代npm？难道有什
阅读全文
摘要：最近Github 10周年在朋友圈里沸沸扬扬刷屏，小编在工作中却惊讶的发现不少同事对版本号中的beta和rc没有概念，使用npm install package@next时，也不清楚next代表的含义。于是，决定写一篇文章科普一下由 Github 起草的Semver(语义化版本)的相关知识。 实际案
阅读全文
摘要：重点： 1、封装自定义Hooks函数，一定要用use开头，这样才能区分出什么是组件，什么是自定义函数2、useCallback为缓存方法，useMome为缓存状态/属性，两者都是优化性能 其实自定义Hooks函数和用Hooks创建组件很相似，跟我们平时用JavaScript写函数几乎一模一样，可能就
阅读全文
摘要：什么是 React.memo ？ React.memo 和 React.PureComponent 类似， React.PureComponent 在类组件中使用，而React.memo 在函数组件中使用 看下面两个例子，有两个计数器组件，两个计数器的数据都来源于父组件，第一个计数器通过点击按钮数字
阅读全文
摘要：useCallback 使用场景是：有一个父组件，其中包含子组件，子组件接收一个函数作为props；通常而言，如果父组件更新了，子组件也会执行更新； import React, { useMemo, useCallback } from "react" let Counter = ({ value,
阅读全文
摘要：作用： useMemo主要用来解决使用React hooks产生的无用渲染的性能问题。 缘由： 使用function的形式来声明组件，失去了shouldCompnentUpdate（在组件更新之前）这个生命周期，主要进行状态对比，如果需要则进行改变。也就是说使用Hooks的useEffect（替代生
阅读全文
摘要：一、useEffect 依赖诚实问题的粗暴解决及带来的问题 二、使用 useReducer 解决依赖诚实问题 1、声明一个 reducer 2、使用 useReducer 声明 state 和 dispatch 3、使用 dispatch 进行 state 的一些变更 4、效果: 5、依赖真的都诚实
阅读全文
摘要：温馨提示： 使用react-hooks进行正常开发时，需要把组件和createContext创建上下文步骤单独写出来，哪里需要就在哪里引入 举个实际的例子：子组件中修改父组件的 state 一般的做法是将父组件的方法比如 setXXX 通过 props 的方式传给子组件，而一旦子组件多层级的话，就要
阅读全文
浙公网安备 33010602011771号