简书账号不再维护，以后的文章会更新在掘金上面 掘金主页
发简信
IP属地：上海
-
React+Hook
动机 一直在考虑为什么要使用，我们明明使用state使用的好好的，那会发明HOOK的动机是什么呢？ 在组件中复用状态逻辑很复杂使用Hooks，可以从组件中提取有状态逻辑，以便...
-
是的 上面的那个文件就是.http.js文件
react给axios请求配置统一的header
我们在开发的过程中，需要统一在请求上添加请求头。比如说我们要在请求中添加用户的Id。第一步：先建一个文件夹，在这个文件夹中建一个http.js文件 第二步：在App，也就是项...
-
Chrome DevTools概览 Element 第一部分：操作dom元素查看DOM树选取DOM节点操作DOM节点 第二部分查看界面样式修改界面样式 第三部分相当于一个目录，指向指定的地方 consol...
-
厉害啦～隔离仍旧不忘学习
Vue源码解析（一）-- new Vue做了什么
前言 最近在学习了vue之后，并用vue+node写了一个后台管理系统（第一阶段快写完了），然后就想着看看源码，加深一下印象，因为自己有vue源码讲解视频，以下是自己的看完之...
-
安装nvm，解决命令不存在的问题
nvm是一个简单的node版本管理工具，可以通过shell来切换多个node的版本，下面主要写一下如何安装并且配置nvm 安装 虽然网站被墙了，但是多试几次应该还是可以下载成...
-
Nodejs的基础概念
简介 nodejs是JavaScript的运行环境 我们心目中的代码的运行环境 运行在服务器端，web server 运行在浏览器端，也就是运行在本地，作为打包或是构建工具 ...
-
React 的js向ts项目转移配置文件
我们的期望是做到ts和js的项目是可以共存的。我们先要进行tsconfig的配置 参数详情参看该连接"target": "es5",：指定ECMAScript目标版本，我们制...
-
-
webpack学习(七)--使用babel处理ES6语法以及对react进行打包
应用场景 我们使用ES6语法的时候，我们发现在一些低版本的浏览器是没有办法兼容ES6的语法的，比如说IE浏览器无法识别promise和map方法，所以我们期望webpack帮...
-
webpack学习(五)--HMR(hot module Replacement)我们使用webpack-dev-server并没有把打包生成的dist目录，而是我们将生成的文件放在了内存中，从而提高了打包的速率。但是我们修改了webpack文件之后，最好...
-
jest + enzyme单元测试
安装 create-react-app创建的应用自带Jest库，执行命令npm run test就会进入测试单元界面。同时提供强行运行所有单元测试代码、选择只用心满足过滤条件...
-
react--componentWillReceiveProps()的副作用一直不能理解在新版本中componentWillReceiveProps这个生命周期要被移除的原因，学艺不精啊，官方给出的componentWillReceiveProps被...
-
webpack学习(五)--devServer
我们在开发的时候，如果只是进行简单的配置，那么我们每一次修改代码，都要手动的进行打包，然后手动的刷新浏览器，这样的话，开发的效率会很低，所以我们这个时候就要想webpack是...
-
webpack学习(三)--sourceMap
sourceMap 在开发者模式下，默认source-map已经开启，如果我们想要关掉的话 如果我们期望以指定的方式开启，我们可以进行下面的配置： source-map:当有...
-
webpack学习(三)--plugins,entry,output
我们先使用两个插件来看一下插件到底是什么？ html-webpack-plugin 使用：这个插件运行时在打包结束的时候进行的 先在项目中安装插件，npm install h...
-
webpack学习(二)--loader
loader的作用 用来将webpack无法处理的东西。转换成webpack可以处理的东西，webpack理论上只可以处理js的语言。 test:loader用来处理哪些文件...
-
webpack学习(一)--基础概念
webpack出现的背景 1.当项目中引入多个js文件的时候，页面加载的速度就会慢很多，因为多了http的请求2.面向对象的编程方式的出现3.如果按照传统的方式进行文件的引入...