摘要:
1、webpack入门 Entry: 入口,Webpack执行构建的第一步将从Entry开始,可抽象成输入 Module: 模块, 在Webpack里一切皆模块,一个模块对应着一个文件,Webpack会从配置的Entry开始递归找出所有依赖的模块 Chunk: 代码块, 一个Chunk由从个模块组合 阅读全文
摘要:
1、setup函数 vue3为了方便开发,实现数据,函数的统一管理,开放setup函数,setup函数的运行介于beforeCreated与created函数之间运行, 接收两个函数 props, context, 并且该方法返回一个object对象,导出的变量和函数就可以在template中进行使 阅读全文
摘要:
在vue2的环境下封装自己的组件库 a、初始化项目 vue环境的安装 npm i @vue/cli -g vue create yutest-ui --也可以通过vue ui创建,创建一个默认的vue2库即可 因为需要开发组件库,那么就需要对原有的目录结构作些调整 将src目录变更为examples 阅读全文
摘要:
1、异步组件 在vue3.0除了同步组件,还添加了异步组件的定义与使用, 使用关键字defineAsyncComponent进行定义异步组件, defineAsyncComponent可以接受一个返回 Promise 的工厂函数。Promise 的 resolve 回调应该在服务端返回组件定义后被调 阅读全文
摘要:
1、vue3与vue2的区别 源码采用monorepo方式进行管理,将模块拆分到package目录中(是管理项目代码的一个方式,指在一个项目仓库(repo)中管理多个模块/包package,调用方便,但是体积大) vue3采用了ts开发,增强类型检测,vue2则采用了flow vue3的性能优化,支 阅读全文
摘要:
1、Redux Toolkit Redux Toolkit是官方推荐的编写Redux的逻辑写法 简称RTK, 这工具是为了实现标准化逻辑,方便对redux进行简化管理 2、Redux Toolkit的安装 npm install @reduxjs/toolkit // 注意:这个工具简化的是操作,集 阅读全文
摘要:
1、介绍 taro是一套遵循React语法规范的多端开发解决方案,实现只书写一套代码,通过Taro的编译工具,将源代码分别编译出可以在不同端(微信小程序, h5,RN等)运行的代码 2、安装 安装taro的脚手架工具 npm install -g @tarojs/cli //创建app项目 taro 阅读全文
摘要:
1、介绍 dva首先是基于redux和redux-saga的数据流方案,然后为了简化开发体验, dva还额外内置了react-router和fetch, 所以也可以理解为一个轻量级的应用框架 dva相当于集成了redux全家桶: redux, react-redux,react-router-dom 阅读全文
摘要:
1、创建react + typescript项目 create-react-app project --template typescript 2、配置react的基础配置 安装craco依赖 因为react模板中webpack中的配置是隐藏的,虽然可以使用命令让指定的配置显示出来,但是会增加阅读和 阅读全文
摘要:
1、react中样式声明方式 内联样式 import { PureComponent, ReactElement } from 'react'; class App extends PureComponent { public render(): ReactElement { return ( // 阅读全文