很多编辑器不支持直接复制全部aaa-bbb,然而驼峰很不css
在多人合作项目,写classname的时候会有样式冲突,每个人将自己姓名首字母加在前面李明+l-page-aaa,张三+z-page-aaa,可以良好解决样式名冲突问题
aaaBbb
因为原生js不支持-横杠,支持下划线,下划线按键在键盘最右侧敲起来麻烦,还多一个字符.驼峰写起来方便,驼峰比较极致
aaa_bbb
windows下使用navicat复制mysql表的时候会自动把驼峰大写变成小写,windows下mysql默认是对表名大小写不敏感的,sql使用正常.驼峰此时不极致了
reactCDN模式
/react/umd/react.production.min.js
/react/react-dom.production.min.js
/babel-standalone/babel.min.js
/semantic-ui-react/dist/umd/semantic-ui-react.min.js
由于多数UI框架无法像工程结构那样使用ui框架上绑定数据,react只能使用静态ui框架,semantic-ui静态情况下select不好看
最终vue+element-ui属于最佳实践,在多个aaa.html,bbb.html,ccc.html上灵活复制粘贴,起项目快到极致
https://www.ijilu.cn/xiongman/pc/index.css?v=20210302
引入axios,jquery,echarts,element-ui,vue,react,babel,animate.css等不要加后缀,这些不经常更新,CDN很贵,费流量,而且新后缀CDN需要第一次命中,导致第一次使用产生命中的过程费时
以上单页面应用会让CDN很尴尬
js,css的文件名最好见名知意,如果都用index.html,index.js,index.css,在编辑器上面开多了aaa/index,bbb/index,ccc/index会懵,容易混乱
多年以后打开文件,如果文件名见名知意,省事很多.所以不嫌文件名长,尽量能见名知意