目前处于前段开发岗位遇到的一些小问题解决后比较实用的随后记录一下。
前段项目版本号管理方案
公司下一步计划可能要严格控制公司项目的版本管理。防止各部门扯皮浪费时间。所以加入版本管理。考虑可能以后通过版本号绑定业务功能。所以编译部署后也能够定位到版本号。所以整这个东西。
想法： 之前整公共组件了解到package.json文件中的version可以当做项目版本号使用，实现怎么实际运用。
效果：
目前在调试状态下看，有需要让产品设计到页面里。
实现(VUE项目，其他再说)： package.json文件中version以后就是版本号了。
```
const packageInfo = require('./package.json'); // 这里拿到package.json的相关信息
module.exports = {
pages: {
index: {
// page 的入口
entry: 'src/main.js',
title: '项目名称',
// 读取版本号加到meta中 可以再加个时间戳
meta: { revised: `版本号, ${packageInfo.version}, ${new Date().toLocaleString()}` },
}
}
};
```
页面中使用：
```
const metas = document.getElementsByTagName("meta");
for (let i = 0; i < metas.length; i++) {
let meta = metas[i];
if (meta.getAttribute("name") === "revised") {
let cnt = meta.getAttribute("content");
let cnts = cnt.split(",");
// 版本号
console.log(cnts[1]);
// 时间戳
console.log(cnts[2]);
}
}
```
输入库自动回填浏览器保存的用户信息。
一般情况下input框填入 autocomplete="off" 属性就能解决。但是现在人性化越来越强。所以部分浏览器还是会自动回填。这时候password框的 autocomplete值改为new-password 就解决是不是很简单。
<input type="password" autocomplete="new-password" name="password"/>
- { scrollbar-color: rgba(255, 255, 255, 0.15) rgba(0, 0, 0, 0); scrollbar-width: thin; }
