- 博客(25)
- 资源 (2)
- 收藏
- 关注
RSS订阅转载 React 中被忽略的函数组件（Functional Components）
React中有两种组件：函数组件（Functional Components) 和类组件（Class Components）。据我观察，大部分同学都习惯于用类组件，而很少会主动写函数组件，包括我自己也是这样。但实际上，在使用场景和功能实现上，这两类组件是有很大区别的。来看一个函数组件的例子：function Welcome = (props) => { const sayHi =...
2020-04-30 17:01:18
381
转载 function和class component
首先看下functioncomponent：function Welcome(props) { return <h1>Hello, {props.name}</h1>;}它就是一个函数接受一个props参数返回了一个jsx语法的标签，接下来看下class 语法的componentclass Welcome extends React.Componen...
2020-04-30 16:58:15
422
转载 useEffect使用的介绍
如果你熟悉 React class 的生命周期函数，你可以把 useEffect Hook 看做 componentDidMount，componentDidUpdate 和 componentWillUnmount 这三个函数的组合。使用一个 componentDidMount 的功能function Demo () { useEffect(() => { conso...
2020-04-29 16:24:41
1239
转载 React Context(上下文) 作用和使用 看完不懂 你打我（推荐阅读）
日常记录一下学习到的知识点吧。好记性不如烂笔头~ 我相信这是对的。官方文档 的demo已经很棒了。但我觉得我的描述会让你更容易理解。自己无聊倒腾了小程序 欢迎大家测试使用~gh_af88ca3ac9c4_430.jpg1.ContextContext 通过组件树提供了一个传递数据的方法，从而避免了在每一个层级手动的传递 props 属性。有部分小伙伴应该使用props属性...
2020-04-27 17:02:40
483
转载 强类型 & 弱类型 静态类型 & 动态类型
强类型 & 弱类型 （针对类型转换是否）静态类型 & 动态类型 （针对类型检查时机）强类型 & 弱类型强类型： 每个变量和对象都必须声明类型，他们是在编译的时候就确定类型，在执行时不可更改 （安全、效率高） 弱类型：执行的时候才确定类型静态类型 & 动态类型静态类型语言会在编译时进行类型检查，而动态语言 [eg: javascript]则是在运行时...
2020-04-27 11:41:48
355
转载 Vue-element ui图标用webpack打包之后图标不显示（推荐阅读）
方法一.在build/utils.js下找到if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: 'vue-style-loader', publicPath: '../../' }) ...
2020-04-24 14:38:10
1290
1
转载 尤雨溪在Vue3.0 Beta直播里聊到了这些…
前言在 4 月 21 日晚，Vue 作者尤雨溪在哔哩哔哩直播分享了Vue.js 3.0 Beta最新进展。以下是直播内容整理1. 全新文档RFCsVue.js 3.0 Beta发布后的工作重点是保证稳定性和推进各类库集成所有的进度和文档都将在全新RFCs文档可以看到。2. 六大亮点Performance：性能更比Vue 2.0强。Tree shaking suppo...
2020-04-23 18:09:16
597
转载 Object.assign() 函数与...state函数
1、Object.assign()函数Object.assign(target, source)target为目标对象source为源对象该函数的作用是以目标对象为基础，将源对象中的内容更新到目标对象中，有则替换，无则新增 var result01 = {type: '01', name: 'ming', age: 23}; let result02 = {type: '02...
2020-04-23 10:19:19
538
转载 ajax和axios、fetch的区别
1.jQuery ajax$.ajax({ type: 'POST', url: url, data: data, dataType: dataType, success: function () {}, error: function () {}});传统 Ajax 指的是 XMLHttpRequest（XHR）， 最早出现的发送后端请求技术，隶...
2020-04-23 10:03:05
167
转载 redux和react-redux小记(推荐阅读)
一开始接触redux时对于它的数据state和react本身的数据state还有点容易打结（它们是完全不同的两个东西，后面会讲到）现在搞清楚一点了，来小结一下。在此之前，还是先讲一下redux是干嘛的，也就是说它是解决什么需求的，这里举一个小例子。先来看看React里面的数据是怎样传递的（下图中并不是说this.state只能在“团长”处，这里只是为了简便，所以才这样写，其实营长，连长都可...
2020-04-22 18:38:13
142
1
原创 react修改端口的几种方法
第一种 方法： 执行npm run eject命名，显示react项目的配置文件，在start.js文件DEFAULT_PORT修改你需要的端口号第二种方法：在项目的 package.json里面找到start， 加上set PORT=9000 && 第三种方法：在node_modules文件夹中找到react-scri...
2020-04-22 14:37:24
2215
转载 react withRouter
高阶组件中的withRouter, 作用是将一个组件包裹进Route里面, 然后react-router的三个对象history, location, match就会被放进这个组件的props属性中.// withRouter实现原理: // 将组件包裹进 Route, 然后返回// const withRouter = () => {// return () =&...
2020-04-22 14:08:34
280
转载 React17.0生命周期调整
在即将到来的react17.0版本，react团队对生命周期做了调整，将会移除componentWillMount，componentWillReceiveProps，componentWillUpdate这三个生命周期，因为这些生命周期方法容易被误解和滥用。组件数据初始化一般我们为了提前 setState ，防止二次渲染（第一次是空state渲染，第二次外部数据渲染），经常在comp...
2020-04-21 16:07:58
4466
转载 less的基本用法
Less也是一种动态样式语言. 对CSS赋予了动态语言的特性，如变量，继承，运算， 函数. Less 既可以在客户端上运行 (支持IE 6+, Webkit, Firefox)，也可在服务端运行 (借助 Node.js)。使用方式两种使用方式：第一种全局安装less，利用命令编译less;第二种直接引入less.js.npm安装npm install -g less npm i...
2020-04-21 15:58:45
352
转载 sublime text3编辑less高亮
在学习less时，应用sublime 3进行编写后缀名为.less的文件是发现，并不会产生高亮的效果，于是我翻看了一下资料，有了一下的解决方案，https://packagecontrol.io/packages/LESS上有了解决方案，那就是借用github上的开源项目，下面就是操作步骤：1. 首先你要安装装了git2. 然后打开sublime的Packages，如下图3. 打开这...
2020-04-20 16:33:20
180
转载 解决vue-cli+iview项目打包上线之后图标不显示问题
做vue项目使用的iviewUI库，打包上线之后发现icon都不显示，然后做了很多尝试，更改打包路径等，都没有太好的效果，最后还是在网上找到了方法：1. 方法一：在build/utils.js下面找到这段代码，将其中publicPath改成…/…/，保存并重新打包。注意：这个路径不是绝对的，根绝自己的目录结构来写// Extract CSS when that option is s...
2020-04-16 10:15:09
854
转载 javascript中的contains方法
在研究一个多级菜单联动的js时，发现contains方法，以前没有碰到过，不知何意，然后在@司徒正美的博客发现有详细介绍，暂且摘录在此。 IE有许多好用的方法，后来都被其他浏览器抄袭了，比如这个contains方法。如果A元素包含B元素，则返回true，否则false。唯一不支持这个方法的是IE的死对头firefox。不过火狐支持compareDocumentPosition() 方法，这是...
2020-04-13 18:35:13
25083
转载 JS中 reduce() 的用法
过去有很长一段时间，我一直很难理解reduce()这个方法的具体用法，平时也很少用到它。事实上，如果你能真正了解它的话，其实在很多地方我们都可以用得上，那么今天我们就来简单聊聊JS中 reduce() 的用法。一、语法arr.reduce(function(prev,cur,index,arr){...}, init);其中，arr表示原数组；prev表示上一次调用回调...
2020-04-13 16:53:28
133
转载 co模块用法及分析
转载：https://segmentfault.com/a/1190000007792512本文只在个人博客和 SegmentFault 社区个人专栏发表，转载请注明出处个人博客:https://zengxiaotao.github.ioSegmentFault 个人专栏:https://segmentfault.com/blog...写在前面学 nod...
2020-04-03 15:45:36
560
转载 Promise异步调用两个函数，前一个函数结束后执行另一个函数
text1(){ return new Promise((resolve, reject) => { setTimeout(function () { resolve(console.log('1'));//返回写函数里面你要执行的内容 },3000) })},text2(){ console.log('2')},...
2020-04-03 15:21:20
1647
转载 Promise 的各种方法的详细使用
Prepending(进行时)，Resolve(成功了)，Reject(失败了)，then......等1.Promise 的含义Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象。所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的...
2020-04-03 15:17:07
1592
转载 js处理异步的几种方式
Javascript语言的执行环境是"单线程"（single thread，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务，以此类推）。这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应（假死），往往就是因为某一段Javascript代码长时间运行（比...
2020-04-03 12:34:07
275
转载 ES6异步方式全面解析
众所周知JS是单线程的，这种设计让JS避免了多线程的各种问题，但同时也让JS同一时刻只能执行一个任务，若这个任务执行时间很长的话（如死循环），会导致JS直接卡死，在浏览器中的表现就是页面无响应，用户体验非常之差。因此，在JS中有两种任务执行模式：同步（Synchronous）和异步（Asynchronous）。类似函数调用、流程控制语句、表达式计算等就是以同步方式运行的，而异步主要由setTi...
2020-04-03 12:32:36
376
转载 理解 JavaScript 的 async/await
随着Nodev7 的发布，越来越多的人开始研究据说是异步编程终级解决方案的 async/await。我第一次看到这组关键字并不是在 JavaScript 语言里，而是在 C# 5.0 的语法中。C# 的 async/await 需要在 .NET Framework 4.5 以上的版本中使用，因此我还很悲伤了一阵——为了要兼容 XP 系统，我们开发的软件不能使用高于 4.0 版本的 .NET F...
2020-04-03 11:26:33
2500
1
转载 js比较两个单独的数组或对象是否相等
所谓js的中的传值,其实也就是说5种基本数据类型(null,undefind,boolean,number,string)传引用也就是说的那个引用数据类型,(array和object)基本数据类型的值不可变,而引用数据类型的值是可变的所以当你比较数组和对象时,都是false;除非你是克隆的原份数据即:var a= { name:"李四" };var b= a;大家通常...
2020-04-01 10:41:16
1210
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人