HandsomeGuy - 博客园

2019年10月10日

摘要：数组的扩展扩展运算符(...)：转换数组为用逗号分隔的参数序列([...arr]，相当于rest/spread参数的逆运算) Array.from()：转换具有Iterator接口的数据结构为真正数组，返回新数组类数组对象：包含length的对象、Arguments对象、NodeList对象可阅读全文

posted @ 2019-10-10 14:32 HandsomeGuy 阅读(191) 评论(0) 推荐(0) 编辑

ES6箭头函数及this指向

摘要：箭头函数(=>)：函数简写无参数：() => {} 单个参数：x => {} 多个参数：(x, y) => {} 解构参数：({x, y}) => {} 嵌套使用：部署管道机制 this指向固定化并非因为内部有绑定this的机制，而是根本没有自己的this，导致内部的this就是外层代码块的th 阅读全文

posted @ 2019-10-10 13:46 HandsomeGuy 阅读(1062) 评论(0) 推荐(0) 编辑

2019年10月9日

React中setState如何修改深层对象？

摘要：在React中经常会使用到setState,因为在react生态中,state就是一切.在开发过程中,时长会在state中遇到一些比较复杂的数据结构,类似下面这样的: 这时需要我们修改list中objA中的name属性和objD的属性,遇到这样的情况我们一般会使用什么办法解决呢?其实有三种解决方案: 阅读全文

posted @ 2019-10-09 11:13 HandsomeGuy 阅读(3028) 评论(0) 推荐(0) 编辑

2019年8月31日

react中key值的理解

摘要： react利用key来识别组件，它是一种身份标识标识，同一层级在react集合中相同的key react认为是同一个组件，然后对key值相同的组件进行对比（同一层级）若前后组件是同一类型，就进行更新若前后组件不是同一类型，直接销毁，创建有了key属性后，就可以与组件建立了一种对应关系，react 阅读全文

posted @ 2019-08-31 22:26 HandsomeGuy 阅读(239) 评论(0) 推荐(0) 编辑

react请求接口数据是在componentDidMount 还是componentWillMount周期好

摘要：如果你要获取外部数据并加载到组件上，只能在组件"已经"挂载到真实的网页上才能作这事情，其它情况你是加载不到组件的。componentDidMount方法中的代码，是在组件已经完全挂载到网页上才会调用被执行，所以可以保证数据的加载 React异步渲染开启的时候，componentWillMount 就阅读全文

posted @ 2019-08-31 22:26 HandsomeGuy 阅读(1388) 评论(0) 推荐(0) 编辑

fetch的使用与封装，兼与axios的区别

摘要：一、fetch fetch是一种XMLHttpRequest的一种替代方案，在工作当中除了用ajax获取后台数据外我们还可以使用fetch、axios来替代ajax 二、安装执行npm install whatwg-fetch --save即可安装。为了兼容老版本浏览器，还需要安装npm ins 阅读全文

posted @ 2019-08-31 22:25 HandsomeGuy 阅读(1023) 评论(0) 推荐(0) 编辑

【react】---17新增的生命周期

摘要：一、废除的生命周期官网文档指出使用这些生命周期的代码会在未来版本的react中更容易产生bug，尤其是对于异步渲染的版本由于未来采用异步渲染机制，所以即将在17版本中去掉的生命周期钩子函数 componentWillMount componentWillRecieveProps componen 阅读全文

posted @ 2019-08-31 22:24 HandsomeGuy 阅读(1127) 评论(0) 推荐(0) 编辑

2019年8月24日

React的性能优化

摘要： 1. 在constructor中绑定事件函数的this指向把一个函数赋值给一个变量，然后用那个变量去执行函数会造成this的丢失，所以需要绑定this，把绑定放在构造函数中可以保证只绑定一次函数，如果放在render函数中绑定this的话每次渲染都会去绑定一次this，那样是很耗费性能的。 2. 阅读全文

posted @ 2019-08-24 09:19 HandsomeGuy 阅读(204) 评论(0) 推荐(0) 编辑

2019年7月31日

浏览器缓存

摘要：浏览器缓存是一种技术，其中部分或大部分最近使用的网页和数据临时存储在 Web 浏览器中。它用于通过在浏览器缓存中本地下载网页组件来提高用户的浏览速度。浏览器缓存的工作原理是检查用户访问的每个 Web 页面，并识别可以脱机保存的部件/组件。浏览器不一定存储整个网页，而是存储不太可能经常更改的组件。阅读全文

posted @ 2019-07-31 08:36 HandsomeGuy 阅读(165) 评论(0) 推荐(0) 编辑

vuex数据传递的流程

摘要：当组件修改数据的时候必须通过store.dispacth来调用actions中的方法. 当actions中的方法被触发的时候通过调用commit的方法来触发mutations里面的方法 mutations中的方法用来修改数据。因为数据是响应式的。因此视图的数据也会发生改变阅读全文

posted @ 2019-07-31 08:34 HandsomeGuy 阅读(937) 评论(0) 推荐(0) 编辑

李金宵

公告