摘要: 一套不错的前端开发指南 一、命名规范 市面上常用的命名规范: camelCase(小驼峰式命名法 —— 首字母小写)PascalCase(大驼峰式命名法 —— 首字母大写)kebab-case(短横线连接式)Snake(下划线连接式) 1.1 项目文件命名 1.1.1 项目命名 全部采用小写方式, 阅读全文
posted @ 2023-11-27 11:45 化作繁星 阅读(118) 评论(0) 推荐(0)
摘要: 我们用create-react-app如何结合yarn去创建项目呢? 1.全局安装create-react-app ​​yarn global add create-react-app​​ 2.创建项目 ​​yarn create react-app my-demo​​ 即可 阅读全文
posted @ 2023-11-27 11:26 化作繁星 阅读(120) 评论(0) 推荐(0)
摘要: 最近写reacte的项目,在其他电脑下载依赖启动项目时候报错: Starting the development server... Error: error:0308010C:digital envelope routines::unsupported xxxxxxx.... Node.js v1 阅读全文
posted @ 2023-11-27 11:24 化作繁星 阅读(645) 评论(0) 推荐(0)
摘要: 1.如何查看 很多情况下再chornme浏览器下看不到placeholder的样式,怎么查看? 1.打开控制台,点击设置 2.在Preferences中找到Element选项,勾选Show user agent shadow DOM 3.返回控制台 4.查看input元素 5.控制台对应元素就会显示 阅读全文
posted @ 2023-11-27 11:22 化作繁星 阅读(1401) 评论(0) 推荐(1)
摘要: 1.表单中内容为 <el-form> <el-form-item :prop="minPrice" :rules="{ required: true, validator: PriceValidator, trigger: 'blur', }" > <el-input type="Number" m 阅读全文
posted @ 2023-11-27 11:18 化作繁星 阅读(176) 评论(0) 推荐(0)
摘要: 很多时候el-input设置了type="number"还是能输入字母e,那么如何禁止呢? 1.例如input框为 <el-input type="number" v-model="" @keydown.native="keyInput" placeholder="请输入数字"></el-input 阅读全文
posted @ 2023-11-27 11:07 化作繁星 阅读(473) 评论(0) 推荐(0)
摘要: 默认情况下,el-tabs下划线长度根据标签内容自动调整。那么如何自定义e-tabs的样式呢? 1.el-tabs标签设置自定义class名 <el-tabs v-model="" class='custom-tabs'> <el-tab-pane v-for="(item, index) in l 阅读全文
posted @ 2023-11-27 11:04 化作繁星 阅读(1078) 评论(0) 推荐(0)
摘要: 1. nvm是什么 nvm全英文也叫node.js version management,是一个nodejs的版本管理工具。nvm和npm都是node.js版本管理工具,为了解决node.js各种版本存在不兼容现象可以通过它可以安装和切换不同版本的node.js。 2. nvm下载 可在github 阅读全文
posted @ 2023-11-27 10:59 化作繁星 阅读(157) 评论(0) 推荐(0)