css 实现输入框错误 晃动效果
网上去找个晃动的样式 放到我们 login的 css 文件 style.scss 中:.shake { animation: shake 800ms ease-in-out; } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } ... ...阅读全文
阅读全文
Vue 项目浏览器内 Console 中显示 [HMR] Waiting for update signal from WDS 解决方案
现象（ F12）：解决方法：1， 不用管它，啥也不影响，只是一条提示~2， 如果有强迫症，实在要解决按照上面提示，依次找到 node_modules > webpack > **hot ** > log.js，打开 log.js 文件，注释这段话module.exports = function(level, msg) { if (shouldLog(level)) { if... ...阅读全文
CSS 之 position 相对定位元素 absolute ，relative，fix 等
position 属性规定元素的定位类型。这个属性定义建立元素布局所用的定位机制。任何元素都可以定位：绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它的正常默认位置进行偏移。static 为 默认值1. relative 演示relative 是相对于 正常位置的 偏移。它并不影响附近的元素。<html> <head> <style type="text/css"> * { padding... ...阅读全文
input 输入框 在自动填充时 背景颜色问题
Chrome 浏览器下 form 表单，点击 input 输入框选择输入记录自动填充时，输入框背景颜色会改变，这是 chrome 浏览器内置的表单自动填充背景颜色功能。解决方法input:-internal-autofill-previewed, input:-internal-autofill-selected { // 自动填充时的字体颜色 -webkit-text-fill-color: #fff; // ... ...阅读全文
vue 中 style scope 深度访问方式汇总 (::v-deep)
我们的 vue 组件中 style 有 scope 属性<style scoped> </style>作用功能：实现组件样式的私有化，样式不对全局造成样式污染，表示当前 style 属性只属于当前模块组件实现原理：添加 scoped属性 的组件，为了达到不污染全局，做了如下处理：给 HTML 的 DOM 节点加一个不重复属性 data-v-xxxxxxx 唯一性标志在添加scoped属性的组件的每个样式选择器后添加一个等同与“不重复属性”相同的字段，实现类似于“作用域”的作用，不影响全局如果组件内部还有组件，只会给最外层的组件里的标签加上唯一属性字段，不影响... ...阅读全文
css 的 box-sizing 布局 如何计算一个元素的总宽度和总高度
CSS 中的 box-sizing 属性定义了 user agent 应该如何计算一个元素的总宽度和总高度。在 CSS 盒子模型的默认定义里，设置一个元素所设置的 width 与 height 只会应用到这个元素的内容区（content-box）。如果再设置这个元素的 border 边框 或 padding 内边距 ，那么这个盒子的实际宽度和高度为： width + border + padding。这样就可能会超出 父盒子1. box-sizing 的设置box-sizing 属性可以被用来调整这些表现:content-box 是 默认值如果你设置一个元素的宽为 100px，那么... ...阅读全文
npm 多版本环境变量配置
设置环境变量，以后用 npm14 代替默认的 npmalias node14=d:/node14/node alias npm14=d:/node14/npm alias vue14=d:/node14/vue... ...阅读全文
npm run 错误 scripts-prepend-node-path： npm WARN lifecycle The node binary used for scripts
$ npm run servenpm WARN lifecycle The node binary used for scripts is D:\Program Files\nodejs\node.exe but npm is using D:\node14\node.exe itself. Use the `--scripts-prepend-node-path` option to include the path for the node binary npm was executed with.解决：npm config set scripts-prepend-node-p... ...阅读全文
Golang 种 读/写 文件的几种常用方法
打开文件主要有 os.Open 和 os.OpenFile 两个方法，他们最终都返回了一个 *File 文件对象func Open(name string) (*File, error)打开一个需要被读取的文件Open：如果成功读取，返回的文件对象将可用被读取，该函数默认的权限为 O_RDONLY，也就是只对文件有只读权限。如果有错误，将返回 *PathError 类型func OpenFile(name string, flag int, perm FileMode) (*File,... ...阅读全文
Golang 字符串拼接方法汇总以及builder优化
拼接方法有：+号拼接fmt拼接Join拼接buffer拼接builder拼接在少数据的情况下，这几个方法相差不大，但是当要拼接的字符串很大的时候，推荐使用 builder。而+号连接适用于短小的，常量字符串的拼接，因为编译器会优化+号拼接s := s1+s2+s3fmt拼接s := fmt.Sprintf("%v%v",s1,s2)Join拼接接收一个字符串数组，转换为一个拼接好的字符串sList := []string{s1,s2} s := strings.Join(SList,... ...阅读全文