Aaronwn Blog

Thinking will not overcome fear but action will.

深入浅出了解高阶组件

聊聊高阶组件

高阶组件定义 高阶组件就是一个函数,且该函数接受一个组件作为参数,并返回一个新的组件。 function ppHOC(WrappedComponent) { return class PP extends React.Component { render() { return <WrappedComponent {...this.props}/> ...

前端工程化思考

浅谈前端工程化

前端工程化的目的: 解放生产力。对源代码进行预处理、自动打包/自动更新页面显示、去处理图片依赖和正式环境统一这几点在开发中极大提高了开发的效率。在搭建起项目工程之后开发人员只需要关注业务/代码即可。 保证项目质量,在多人协作,不同环境下开发。通过code lint等约束以及git commit预处理保证代码风格的一致统一,这一点对后续的代码维护很重要。 优化。通...

三分钟入门Mobx

Mobx简单示例

创建一个新的React应用程序 首先你需要安装create-react-app全局的,可以完成的npm install create-react-app -g。 一旦你安装了这个软件包,你可以运行命令create-react-app todos来创建你的应用程序。 安装MobX 通过运行yarn add mobx mobx-react…轻松将MobX添加到您的软件包文件!继续下一步。 ...

我所了解的Mobx

聊聊工作中用到的Mobx

Mobx 是一个简单、可扩展的状态管理工具。相比 redux,mobx可以使用更自由,更少的代码来管理状态。 mobx中核心概念 1、可观察的状态 observable MobX 通过使用 @observable 为现有的数据结构(如对象,数组和类实例)添加了可观察的功能,这样当数据发生变化的时候就可以继续进行下一步发应。 class Stock { @observable ...

JavaScript深浅拷贝

聊聊前端面试中常见的js深浅拷贝

基本类型 & 引用类型 ECMAScript中的数据类型可分为两种: 基本类型:undefined,null,Boolean,String,Number,Symbol 引用类型:Object,Array,Date,Function,RegExp等 不同类型的存储方式: 基本类型:基本类型值,固定大小,保存在栈内存中 引用类型:引用类型值,保存在堆内存...

Redux浅析

Redux基础速览

Redux Redux是什么 React 用来处理数据的方式主要有 props 和 state 两种(另外还有一种不常用的 context)。 其中的 props 必须是从父组件传递到子组件,如果嵌套层级很多,props 必须逐级从保存数据的组件层层传递到使用 props 的组件当中。而 state 在使用的时候,必须通过调用 this.setState() 方法,在改变 state 值的...

React组件通信

React组件之间几种通信方式

组件通信类型 父组件->子组件 子组件->父组件 兄弟组件间通信 跨级组价间通信 父组件->子组件 parent 组件传给 child 组件,符合 react 的单向数据流理念,自上到下传递 props。 // 父组件 class Parent extends Component { constructor() { super(); ...

JavaScript基础拾遗

JS常用数组方法一览

JavaScript数组所有API全解密

js异步操作

整理常用的几种js异步操作方法

同步、异步概念 “同步模式”就是后一个任务等待前一个任务结束,然后再执行,程序的执行顺序与任务的排列顺序是一致的、同步的; “异步模式”则完全不同,每一个任务有一个或多个回调函数(callback),前一个任务结束后,不是执行后一个任务,而是执行回调函数,后一个任务则是不等前一个任务结束就执行,所以程序的执行顺序与任务的排列顺序是不一致的、异步的。 【异步模式】编程的常用方法 回调函数...

vuerouter总结

整理工作中常用的vuerouter知识

Vue-router简介 简单说 路由就是url和组件的一种映射关系,根据不同的url,加载不同的组件,进而渲染不同的页面效果。 router-link: 是路由入口,该组件用于帮助用户进行导航 ,用 to 属性指定目标地址; router-view : 是路由的出口,路由匹配到的组件将渲染在这里,即渲染 router-link指向的目标地址。 如何创建vue-router ...