Web桌面端

序言

你停在哪里，哪里就是你余生的巅峰。

开发语言：TypeScript

前端基础框架：React

数据流框架：Redux

样式框架：Less

UI框架： antd antv

ES6

px、em、rem区别介绍

技术体系

1.Nodejs

 

2.Webpack4.x

 

3.React

jsx

babel：是一个广泛使用的转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。这意味着，你可以现在就用 ES6 编写程序，而不用担心现有环境是否支持。

react插件：Simple React Snippets开发速度飞起来

React 技术栈系列教程

ECMAScript 6 入门

react-router

https://reacttraining.com/react-router/web/guides/quick-start

 

npm i -g yarn

yarn

yarn start

 

yarn packager-win

yarn build

yarn

4.Redux 

 

5.DvaJS

 

6.Umi

 

7.Ant Design

Ant Design Pro 

https://ant.design/docs/react/customize-theme-cn

ant-design源码

Ant Design of React（官方实现）

https://www.bilibili.com/video/BV164411s7kE?p=3

8.Typescript

 

9.Electron

 

10.项目

umi+ts+antd Pro

Flex 布局

less

css命名规范

https://antv.vision/

UI库

https://ant.design/index-cn

UI插件

https://kitchen.alipay.com/

学习

遇到的问题

通过vs code 运行webpack进行打包时，报错webpack : 无法加载文件 D:\nodejs\node_global\webpack.ps1，因为在此系统上禁止运行脚本。

解决方案：

以管理员身份运行vs code

执行：get-ExecutionPolicy，显示Restricted，表示状态是禁止的

执行：set-ExecutionPolicy RemoteSigned

这时再执行get-ExecutionPolicy，就显示RemoteSigned

此时发现再进行打包就没有问题了

资料

React Native中文网

ZRender

稳定、快速、免费的前端开源项目 CDN 加速服务

https://chrome.zzzmh.cn/info?token=fmkadmapgofadopljbjfkapdkoienihi