- 博客(14)
- 收藏
- 关注
RSS订阅
原创 [编码规范]前端必须养成的 coding 习惯
企业项目实战 > 第一部分 > ES6 代码规范与基础回顾必须养成的 coding 习惯为什么要定义代码规范？ 一般来说在开发中每个人的代码习惯都不太一样, 这样就会导致代码风格不一致。而当前在一些小型甚至中小型创业型团队中, 完全没有代码规范, 以致于维护和修改 bug 的时候看别人的代码成为一种很难受的事情… 这种情况尤其在前端开发中尤为明显。因为关于前端的开发规范到现在为止也没有行业权威标准, 基本上各大公司都有一套属于自己的标准, 而中小型公司则都是在开发中通过 .
2020-12-29 18:52:39
615
原创 前端开发的基本运行环境配置
工欲善其事，必先利其器。一个好的开发环境可以让我们更容易进行代码的编辑与问题的查找。所以，在开始学习撸码之前，我们需要先配置好工作环境。本节课内容是为了更好的进行日常开发工作，属于常用但并不是必须了解，所以，请一定要在今天的课程之内将你所有的环境配置完成！在开始一切操作之前，请伪装一下你的专业性，。不要花时间去学习解决这种没有普适性的问题，人的精力是有限的，没必要浪费在这里。
2022-08-20 10:00:04
5816
原创 GIT 版本管理工具的应用
企业项目实战 > 项目实战准备知识 > 项目开发与工具使用 -> GIT 版本管理工具的应用GIT 版本管理工具的应用账号的申请与配置(以码云为例的申请)正常的公司环境，git 是不需要你自己申请账号的，都是由你的 leader 给你的邮箱分配权限注册你的电脑信息到线上仓库1. 生成公钥ssh-keygen -t rsa -C '你的邮箱地址'2. 复制公钥用户目录下，.ssh 文件夹，id_rsa.pub 文件，复制里面的内容3. 保存公钥鼠标移至码云右上角头.
2021-02-19 17:12:32
387
原创 前端的算法复杂度
前端的算法复杂度？假设有一台本地机器，无法做加减乘除运算，因此无法执行 a + b、a+ = 1 这样的 JS 代码，然后我们提供一个服务器端的 HTTP API，可以传两个数字类型的参数，响应结果是这两个参数的和，这个 HTTP API 的 JS SDK（在本地机器上运行）的使用方法如下：asyncAdd(3, 5, (err, result) => { console.log(result); // 8});SDK 的模拟实现：function asyncAdd(a, b,
2021-01-24 22:29:35
483
1
原创 一个最简单的Redux实现
一个最简单的Redux实现// 从redux中引入一个createStoreimport { createStore } from 'redux';// 定义一个reduce方法// reduce方法需要两个参数，一个当前状态对象state，一个用于描述将要对store做些什么的对象function clickReduce(state = { text: '这是什么' }, action) { // 如果是指定的点击事件，新建一个对象，将原有的state与新的属性合并后返回 if (ac
2021-01-22 18:55:54
231
原创 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
605
原创 React 的生命周期
企业项目实战 > 第二部分 > React 基础回顾React 的生命周期关于生命周期的一些时间节点(简单了解即可)2018 年 3 月, 16.3 版本更新, 对生命周期函数做出了比较大的调整, 出现了两个新的生命周期函数 getDerivedStateFromProps 与 getSnapshotBeforeUpdate, 并声明将逐渐废弃 componentWillMount、componentWillReceiveProps、componentWillUpdate20.
2021-01-11 21:22:21
146
原创 React 的 Props 与组件通讯
企业项目实战 > 第二部分 > React 基础回顾React 的 Props 与组件通讯什么是 Props当 React 元素为用户自定义组件时, 它会将 JSX 所接收的属性（attributes）以及子组件（children）转换为单个对象传递给组件, 这个对象就被称之为 “props”。props 是一个从外部传进组件内的参数, 由于 React 具有单向数据流的特性, 所以它的主要作用是从父组件向子组件中传递数据, 它是不可变的, 如果想要改变它, 只能通过外部组件传入新的.
2021-01-11 21:21:27
266
原创 React 组件与状态
企业项目实战 > 第二部分 > React 基础回顾React 组件与 State什么是组件组件是什么？每个程序员都有自己的理解：在传统语言中, 组件的定义一般来说是一个从特定的组件类中派生出来的特定的对象；而在早期的前端开发者眼里, 组件是一个可复用的独立 UI 模块；在 React 中, 得益于 JSX 语法, 所有的页面元素都被转换成了 React 对象。只要你的方法 return 的是一个 React 元素, 小到一个 text, 大到一个 page, 都可以认为是 R.
2021-01-09 09:22:06
344
1
原创 JSX 与虚拟 DOM
企业项目实战 > 第二部分 > React 基础回顾JSX 与虚拟 DOM什么是 JSXJSX 即 JavaScript XML —— 一种在 React 组件内部构建标签的类似于 XML 的语法, 其格式比较像是模版语言, 但事实上完全是在 JavaScript 内部实现的。所以它也被称之为一个 JavaScript 的语法糖, JSX 主要应用于 React 架构中, 它能让我们在 JS 中编写 XML 标记语言。这样使用 JavaScript 来构建组件以及组件之间关系的应用,.
2021-01-08 10:46:26
428
原创 函数声明与箭头函数
函数声明与箭头函数函数是我们需要学习的一个重点, 70%的面试官会问到与函数相关的问题, 95%的笔试题中会有与函数相关的问题。或者现在这个数据不是很准确了, 但仍然可以看出来这个方法的重要性。关于函数的 this调用位置：调用位置就是函数在代码中被调用的位置(不是声明位置)// 在这里声明function fn() { console.log(this, 'fn');}// 在这里调用, 当前的调用位置是window, 所以, fn里的this指向就是windowfn();
2021-01-07 21:56:37
774
1
原创 ES6 的数组新增常用方法
ES6 的数组新增常用方法map(callback) 映射数组:通过遍历的方式, 将原数组中每一个元素通过传入的回调函数处理后返回的值创建并返回一个新数组, map 方法不会对空数组进行检测, map 方法不会改变原数组使用场景： map 是我们最常用到的一个数组方法, 没有之一。无论是在页面中的列表渲染还是对数组中的元素做一些计算, 都要用到它;/** * mapCallback * map方法用于对每一个数组元素做处理的回调函数 * @param {any} value 当前索
2021-01-07 21:25:10
317
原创 ES6 基础回顾
企业项目实战 > 第一部分 > ES6 代码规范与基础回顾ES6 基础回顾什么是 ES6ES6, 全称 ECMAScript 6.0, 是 JavaScript 的一个版本标准, 真正的 ES6 仅指 ECMAScript2015, 但实际上在目前的大多的网络文章中, ES6 泛指自 ECMA2015 到最新的 ECMAScript2020 中的所有新增标准及这些标准提供的一些新方法实现。为什么要使用 ES6ES5 已经不能满足目前前端越来越复杂、庞大的现状, 甚至我们可以说.
2021-01-07 21:23:42
176
原创 从创建一个全新的 react 项目开始
从创建一个全新的 react 项目开始开发环境的检查在开始一切操作之前, 请检查你的 vscode 工作路径是否有包含中文, 如果有, 请修改它们至你硬盘的某个分区的根目录/example 或/workspace 以避免需要解决一些无意义的错误。检查你的 nodejs 的版本号检查你的 npm 的镜像地址node -vnpm config list// 如果显示 metrics-registry = "http://registry.npmjs.org/"// 执行 np
2021-01-05 17:43:17
651
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人