HeavenSky / react-antd-ie8 Licence: other
兼容到ie8的react/antd/redux/router; demo查看 https://heavensky.github.io/react-antd-ie8 (慢) 或 http://heavensky.gitee.io/react-antd-ie8 (快); 全最新且支持ie9查看 https://github.com/HeavenSky/react-antd-ie9; 本项目已更新和迁移到 https://github.com/HeavenSky/webpack-frames
Programming Languages javascript 184084 projects - #8 most used programming language
Projects that are alternatives of or similar to react-antd-ie8 next-plugin-antd-less 🎩 Use Antd (Less) with Next.js v12, Zero Dependency on other Next-Plugins.
Stars : ✭ 338 (+1777.78%)
Mutual labels: antd
tailwind-antd-react-kit UI Components and helpers for frontend development using Tailwind + Ant Design and React.js
Stars : ✭ 27 (+50%)
Mutual labels: antd
laravel-react-boilerplate Laravel React Boilerplate with Ant Design, Route-Level Code Splitting, Redux, Sanctum Auth
Stars : ✭ 49 (+172.22%)
Mutual labels: antd
ttk-app-core 前端框架(基于react+redux)
Stars : ✭ 14 (-22.22%)
Mutual labels: antd
react-bike react和antd 共享单车后台管理系统
Stars : ✭ 19 (+5.56%)
Mutual labels: antd
antd-editable A React component inherited from antd that can edit the table of a cell
Stars : ✭ 29 (+61.11%)
Mutual labels: antd
idpt Internet-Delivered Psychological Therapy (IDPT) System.
Stars : ✭ 24 (+33.33%)
Mutual labels: antd
antd-etable Editable Table base on Ant Design
Stars : ✭ 43 (+138.89%)
Mutual labels: antd
blog 📝 Dev blogs.
Stars : ✭ 17 (-5.56%)
Mutual labels: antd
ant-table-extensions Export, Search extensions to Ant Design's Table component.
Stars : ✭ 43 (+138.89%)
Mutual labels: antd
favv Fullstack Web Application Framework With FastAPI + Vite + VueJS. Streamlit for rapid development.
Stars : ✭ 17 (-5.56%)
Mutual labels: antd
ie-blocker A lightweight modal for asking website visitors to stop using outdated IE browsers.
Stars : ✭ 51 (+183.33%)
Mutual labels: ie8
mobxSpa 企业级SPA项目,完整开发脚手架
Stars : ✭ 96 (+433.33%)
Mutual labels: antd
umi-dva-typescript-mock 基于umi + dva + typescript + mock + antd的react框架,内置PWA
Stars : ✭ 17 (-5.56%)
Mutual labels: antd
antd-pro-toolkit 🐜ant design pro toolkit.
Stars : ✭ 13 (-27.78%)
Mutual labels: antd
webpack1-ie8
采用 React
和 Ant Design
兼容到浏览器 IE8
的 demo
例子.
技术栈介绍
初期搭建的时候, 完全参考 砖家 的react-family-ie8 项目配置
后期配置上改动也很大, 引入了 antd
cross-env
less
happypack
autoprefixer
, 以及配置上的加入多个单页应用的处理
关于 redux
的是否使用, 个人感觉, 一上来就用 redux
, 组件耦合高, 逻辑结构复杂, 不利于提取组件和组件迁移复用等; 使用 redux
真的是属于吃力不讨好的事情; 如果你不清楚要不要用 redux, 那么就不用
; redux
写的项目代码耦合太高, 改动和变更起来十分费劲
关于组件之间通信, 一般有如下做法
通过父组件的箭头函数进行子组件之间的通信
通过组件的 ref
属性获取组件, 然后直接调用组件的方法
如果想要两个不关联的组件进行通信, 推荐两个插件, 都简单易用(支持 ie8+)
组件不要嵌套太深, 嵌套三层就算深了
配置新增 antd
支持
兼容 IE8 需要引入 media-match
按需引入 babel-plugin-import
(vue 组件 element-ui
和 iview
也可以用这个来按需引入)
配置新增 less
支持
配置新增 cross-env
支持, 设置生产环境和开发环境
配置新增 cssnano
支持, css 自动压缩和筛减
配置新增 autoprefixer
支持, css 自动添加浏览器兼容前缀
配置新增 copy-webpack-plugin
支持
配置新增 friendly-errors-webpack-plugin
支持
配置优化 output
绝对路径改相对路径
配置优化 bundle-loader
的组件创造函数, 具体见 src/utils/bundle.js
新增兼容 antd表格表头和列固定的时候
报错 IE8 不支持 onScroll 事件
, 具体见 src/utils/antd.js
新增兼容 es5-shim
, 支持到 IE8 所必须
常用 cdn
源推荐
刚开始学 webpack, 还有很多不懂, 欢迎指点秘籍, 或者纠错改进, 共同学习,共同进步
代码规范参考
个人代码习惯(因人而异,觉得不好的我会改,所以仅供参考)
关于文件末尾留一空行
关于代码缩进
我是tab,不想争,因为争不完;1个字符比2个4个空格少,而且我随时可以转换成2空格或4空格
关于引号
js统一双引号,字符串内的双引号统一\"
,单引号\x27
,双引号\x22
,那样就找不到单引号了
css统一双引号,content内容必须转义,防止偶尔的乱码
是否加逗号
原则上,行结尾的逗号,加不加逗号都不会有语法错误的情况,加逗号,方便整行移动时无视是否需要加逗号
习惯上,非行结尾的逗号,加不加逗号都不会有语法错误的情况,不加逗号
数组 如果内部换行,换行前必加逗号
对象 如果内部换行,换行前必加逗号
是否加分号
关于定义变量
如果赋值,一个变量一条const或者let,不用var
如果可以,尽可能用对象或数组的解构形式进行赋值
关于import顺序
引入node_modules中的全局组件
引入node_modules中的非全局组件
凭借loader媒介加载的, 如:bundle-loader
自定义的一些组件
自定义的一些函数
引入图片文件
引入样式文件
更新 package.json
方法
windows 下在当前目录执行 npm update -D & npm update -S
linux 或 mac 下在当前目录执行 npm update -D;npm update -S
还可以安装npm i -g npm-check-updates
,然后在当前目录执行 ncu
或 ncu -a
开发坏境启动
npm install
若在前面运行过此命令, 可跳过
npm start
浏览器打开http://localhost:8888
生产坏境部署
npm install
若在前面运行过此命令, 可跳过
npm run app
拷贝dist文件夹内容至服务器即可
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at
[email protected] .