随着IT技术的更新，“前端”的范围越来越广，由原来的Html网站，到后来的Html5，再到今天的“大前端”。
不得不说，“前端”大军突飞猛进，已经成为不可或缺的客户端技术栈。
下面梳理了Html项目的必备知识体系，会持续更新完善，欢迎大家一起填坑！
CSS
- 布局属性：display、float、position、Flex
- 样式属性：font & text、background、渐变、圆角
- 动画属性：animation、transaction、transform
- 选择器：CSS选择器与优先级
- CSS第三方框架：Stylus、Less、react-css-modules
- 页面适配：CSS单位
React
- 一个简单示例：新建React项目、添加Typescript、手动配置搭建React项目+webpack
- class组件
- function组件
- 高阶组件
- react-hooks
- redux
TypeScript
- 基本类型
- 类型匹配、定义与使用
- 泛型
webpack
- packge.json配置：package.json字段含义
- webpack打包参数配置：编译js、搭建本地服务器、编译html、编译css、高级语法转es5、eslint、第三方库全局引用、布局适配、图片加载&分包加载、源码映射：source-map、实时打包&小插件、一个全量的webpack配置示例
【webpack】进阶配置：解决跨域问题的4种方法
【webpack】进阶配置：resolve、DefinePlugin、webpack-merge
【webpack】进阶配置：webpack内置优化项
【webpack】进阶配置：多线程打包（happypack）
【webpack】进阶配置：prd环境webpack内置优化（tree-shaking、scope hosting）
【webpack】进阶配置：多入口打包&抽离公用代码块
【webpack】进阶配置：懒加载&热更新
webpack配置babel-loader的几种方式
Webpack5 配置分包加载 多文件js/css打包
webpack5 配置图片加载，url-loader已过时
Webpack5 配置 CssModules react-css-modules css-loader
- webpack编译原理
js运行原理
Node.js
常见问题
- 前端问题与小技巧汇总
- Cannot use JSX unless the '--jsx' flag is provided 报错解决
- react 找不到 'styleName' Property 'styleName' does not exist on type 'DetailedHTMLProps
- Module not found: Can't resolve 'react-css-modules' in ...
- Cannot find module './demo.styl' or its corresponding type declarations.ts(2307)
- TypeError: this.getOptions is not a function
- 新建项目运行报错：Error: "xx" CSS module is undefined.
- npm run eject 显示webpack配置文件
- 运行npm run eject报错：This git repository has untracked flies or uncommitted changes
- 在不用npm run eject的情况下，修改React内置webpack 配置
- React启动服务器报错：Error: Cannot find module 'webpack-cli/bin/config-yargs'
- React启动服务器报错：Cannot find module 'webpack'
- webpack报错：options should NOT have additional properties
- insertAt insert 报错：options has an unknown property 'insertAt'.
- postcss-loader autoprefixer 报错：Error: No PostCSS Config found in:
- Error: BABEL xxx.js: Using
babel-preset-react-apprequires that you specifyNODE_ENVorBABEL_ENVenvironment variables. - Error: Multiple configuration files found. Please remove one: - package.json - /Users/xxx/xxx/xxx/.babelrc
- TypeError: CleanWebpackPlugin is not a constructor
- Invalid options object. Copy Plugin has been initialized using an options object that does not match the API schema.
- Uncaught Error: ReactElement styleName property defines multiple module names ("content show-anim").
- 服务端异常 node.js - express : Cannot GET api
- webpack-merge smart is not a function
- (plugin postcss) Error: PostCSS plugin postcss-noop-plugin requires PostCSS 8.
- TypeError: webpack.NamedModulesPlugin is not a constructor
- SyntaxError: Unexpected end of JSON input解决
- Support for the experimental syntax 'jsx' isn't currently enabled (36:3):
- React+TS引用不带后缀的文件报错：Module not found: Error: Can't resolve './pages/home/home' in XXX
- React项目TS语法报错解决方案
- 前端跨域问题解决：The value of the 'Access-Control-Allow-Origin' header in the response must not be the wildcard '*' when the request's credentials mode is 'include'.
暂无评论