es6
文章平均质量分 79
平安蜀黍
码农界的老混子,看似什么都懂,其实什么都不懂
展开
-
Redux 的异步数据获取
Redux 的异步数据获取第一步,定义一个 action 方法用于获取数据// 引入actionType声明import { LOGIN } from './actionTypes'// 引入axios工具import { post } from '@utils/service'// 定义获取数据的接口const loginApi = '/api/user/login'// 定义action方法,抛出一个action对象export function LoginAction(options原创 2021-01-22 18:42:43 · 525 阅读 · 0 评论 -
React 的生命周期
企业项目实战 > 第二部分 > React 基础回顾React 的生命周期关于生命周期的一些时间节点(简单了解即可)2018 年 3 月, 16.3 版本更新, 对生命周期函数做出了比较大的调整, 出现了两个新的生命周期函数 getDerivedStateFromProps 与 getSnapshotBeforeUpdate, 并声明将逐渐废弃 componentWillMount、componentWillReceiveProps、componentWillUpdate20.原创 2021-01-11 21:22:21 · 118 阅读 · 0 评论 -
React 的 Props 与组件通讯
企业项目实战 > 第二部分 > React 基础回顾React 的 Props 与组件通讯什么是 Props当 React 元素为用户自定义组件时, 它会将 JSX 所接收的属性(attributes)以及子组件(children)转换为单个对象传递给组件, 这个对象就被称之为 “props”。props 是一个从外部传进组件内的参数, 由于 React 具有单向数据流的特性, 所以它的主要作用是从父组件向子组件中传递数据, 它是不可变的, 如果想要改变它, 只能通过外部组件传入新的.原创 2021-01-11 21:21:27 · 190 阅读 · 0 评论 -
React 组件与状态
企业项目实战 > 第二部分 > React 基础回顾React 组件与 State什么是组件组件是什么?每个程序员都有自己的理解:在传统语言中, 组件的定义一般来说是一个从特定的组件类中派生出来的特定的对象;而在早期的前端开发者眼里, 组件是一个可复用的独立 UI 模块;在 React 中, 得益于 JSX 语法, 所有的页面元素都被转换成了 React 对象。只要你的方法 return 的是一个 React 元素, 小到一个 text, 大到一个 page, 都可以认为是 R.原创 2021-01-09 09:22:06 · 268 阅读 · 1 评论 -
JSX 与虚拟 DOM
企业项目实战 > 第二部分 > React 基础回顾JSX 与虚拟 DOM什么是 JSXJSX 即 JavaScript XML —— 一种在 React 组件内部构建标签的类似于 XML 的语法, 其格式比较像是模版语言, 但事实上完全是在 JavaScript 内部实现的。所以它也被称之为一个 JavaScript 的语法糖, JSX 主要应用于 React 架构中, 它能让我们在 JS 中编写 XML 标记语言。这样使用 JavaScript 来构建组件以及组件之间关系的应用,.原创 2021-01-08 10:46:26 · 374 阅读 · 0 评论 -
函数声明与箭头函数
函数声明与箭头函数函数是我们需要学习的一个重点, 70%的面试官会问到与函数相关的问题, 95%的笔试题中会有与函数相关的问题。或者现在这个数据不是很准确了, 但仍然可以看出来这个方法的重要性。关于函数的 this调用位置:调用位置就是函数在代码中被调用的位置(不是声明位置)// 在这里声明function fn() { console.log(this, 'fn');}// 在这里调用, 当前的调用位置是window, 所以, fn里的this指向就是windowfn();原创 2021-01-07 21:56:37 · 671 阅读 · 1 评论 -
ES6 的数组新增常用方法
ES6 的数组新增常用方法map(callback) 映射数组:通过遍历的方式, 将原数组中每一个元素通过传入的回调函数处理后返回的值创建并返回一个新数组, map 方法不会对空数组进行检测, map 方法不会改变原数组使用场景: map 是我们最常用到的一个数组方法, 没有之一。无论是在页面中的列表渲染还是对数组中的元素做一些计算, 都要用到它;/** * mapCallback * map方法用于对每一个数组元素做处理的回调函数 * @param {any} value 当前索原创 2021-01-07 21:25:10 · 281 阅读 · 0 评论 -
ES6 基础回顾
企业项目实战 > 第一部分 > ES6 代码规范与基础回顾ES6 基础回顾什么是 ES6ES6, 全称 ECMAScript 6.0, 是 JavaScript 的一个版本标准, 真正的 ES6 仅指 ECMAScript2015, 但实际上在目前的大多的网络文章中, ES6 泛指自 ECMA2015 到最新的 ECMAScript2020 中的所有新增标准及这些标准提供的一些新方法实现。为什么要使用 ES6ES5 已经不能满足目前前端越来越复杂、庞大的现状, 甚至我们可以说.原创 2021-01-07 21:23:42 · 110 阅读 · 0 评论 -
[编码规范]前端必须养成的 coding 习惯
企业项目实战 > 第一部分 > ES6 代码规范与基础回顾必须养成的 coding 习惯为什么要定义代码规范? 一般来说在开发中每个人的代码习惯都不太一样, 这样就会导致代码风格不一致。而当前在一些小型甚至中小型创业型团队中, 完全没有代码规范, 以致于维护和修改 bug 的时候看别人的代码成为一种很难受的事情… 这种情况尤其在前端开发中尤为明显。因为关于前端的开发规范到现在为止也没有行业权威标准, 基本上各大公司都有一套属于自己的标准, 而中小型公司则都是在开发中通过 .原创 2020-12-29 18:52:39 · 523 阅读 · 0 评论