引言
前端技术变化很快，样式都开始出现框架了。这里记录一下相关的内容。
Bootstrap
Bootstrap 是一款受欢迎的前端框架，用于构建响应式、移动设备优先的网站。Bootstrap 自带的大部分组件都需要依赖 JavaScript 才能起作用。
Bootstrap官网 https://getbootstrap.com/
Bootstrap 中文网 https://www.bootcss.com/
BootStrap4 中文文档 https://bs4.dashgame.com/
Bootstrap 精选模板 https://www.bootmb.com/
学习示例项目 https://gitee.com/ibaiyang/Bootstrap_learn
LayUI
LayUI是一款采用自身模块规范编写的前端UI框架，它遵循原生HTML/CSS/JS的书写与组织形式。 LayUI是基于jQuery的，因此在使用LayUI时需要先引入jQuery库。
文档地址 https://layui.11dz.cn/，https://layui.dev/，http://layui.xhcen.com/doc/doc.html
GitHub上的LayUI仓库地址为 https://github.com/layui/layui，Gitee上的LayUI仓库地址为 https://gitee.com/layui/layui。
在线体验地址 http://layui.xhcen.com/demo/layuiAdmin.html
LayuiMini
LayuiMini是基于LayUI编写的后台admin前端模板，可以快速拿来进行开发。
LayuiMini官网 http://layuimini.99php.cn
源码地址 https://gitee.com/ibaiyang/layuimini
Laravel结合LayuiMini开发的项目 https://gitee.com/ibaiyang/layuimini-laravel
ThinkPHP结合LayuiMini开发的项目 https://gitee.com/ibaiyang/layuimini-thinkphp
Font Awesome
Font Awesome 提供可缩放的矢量图标，可以使用CSS所提供的所有特性对它们进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。
Font Awesome 官方 https://fontawesome.com/
Font Awesome 中文网 https://fontawesome.com.cn/
其他 https://fontawesome.dashgame.com/
ECharts
ECharts是一个由百度开发和维护的、基于JavaScript的开源数据可视化库。
ECharts官方网址 https://echarts.apache.org/zh/index.html
手册地址 https://echarts.apache.org/handbook/zh/get-started
ECharts属性详解：深入了解并优化你的图表 https://blog.csdn.net/qq_22841387/article/details/120403542
Vue
用Vue练手的一个名为“买卖平台”的项目 https://gitee.com/ibaiyang/vue-maimai
B站上三更编程菌讲的一个用Vue开发Blog的学习项目 https://gitee.com/ibaiyang/vue-blog-sgbc
技术栈：vue3 + vite + typescript + element-plus + pinia + vue-router + axios。 源码地址 https://github.com/vue-admin/vue-admin，https://gitee.com/ibaiyang/vue-admin， 在线体验地址 http://demo.cncf.vip/vue-admin
Vue 2.0 的一个admin项目，源码地址 https://github.com/iview/iview-admin，https://gitee.com/ibaiyang/admin-iview， 在线体验地址 https://admin.iviewui.com
Vue2 的一个admin项目，源码地址 https://github.com/vue-bulma/vue-admin.git，https://gitee.com/ibaiyang/admin-bulma
renren-fast-vue基于vue、element-ui构建开发，实现renren-fast后台管理前端功能，提供一套更优的前端解决方案， 源码地址 https://gitee.com/ibaiyang/admin-renren
Element UI
Element，一套为开发者、设计师和产品经理准备的基于 Vue 的桌面端组件库。
Element UI 官网 https://element.eleme.io
tailwindcss
文档 https://tailwindcss.com/docs/installation
中文网站 https://www.tailwindcss.cn/
源码类库 https://github.com/tailwindlabs
一些免费的可用框架 https://www.creative-tim.com/templates/tailwind-free
分享2023年必备的 8 个Tailwind CSS 资源 https://cloud.tencent.com/developer/article/2336560
Cruip免费组件：https://codepen.io/cruip
Tailwind Awesome https://www.tailwindawesome.com/
Tail-Kit https://www.tailwind-kit.com/
Sailboat UI https://sailboatui.com/
Tailblocks https://tailblocks.cc/
Flowbite https://flowbite.com/
Tailwind Components https://tailwindcomponents.com/
Components Collection https://github.com/unlight/tailwind-components
购买超市 https://shuffle.dev/components/tailwind
高颜值 tailwindcss 后台模板分享 https://cloud.tencent.com/developer/article/2234726
分享2023年必备的 8 个Tailwind CSS 资源 https://cloud.tencent.com/developer/article/2336560
Sass
Sass（Syntactically Awesome Stylesheets）是一种CSS预处理器，它使用缩排语法（或SCSS，即Sassy CSS，使用大括号和分号）来编写样式代码。
Sass增加了变量、嵌套规则、运算、函数、混入（Mixins）、继承等特性，使得CSS更加灵活和强大。
Sass的安装需要Ruby环境，因为它最初是用Ruby编写的。
Sass文件（.scss或.sass）需要通过Sass编译器转换为CSS文件，这可以在命令行中完成，也可以使用构建工具（如Webpack）来自动化。
Less
Less也是一种CSS预处理器，它扩展了CSS的功能，增加了变量、嵌套规则、运算、函数等特性。
Less的语法与CSS非常相似，只是增加了一些额外的功能，因此学习曲线相对较低。
Less是基于JavaScript的，因此不需要额外的环境（如Ruby）来安装。
Less文件（.less）可以通过引入Less.js库在客户端上实时编译为CSS，也可以在服务端使用Node.js等工具进行编译。