elephant_my的博客

vue实现登录页阻止浏览器自动填入1. 效果图2. 详细解析2.1 输入框代码2.2 参数说明3. 完整代码1. 效果图浏览器自动填入的效果图如下：2. 详细解析2.1 输入框代码<el-form-item label="登录名" prop="idNo"> <el-input v-model="loginForm.idNo" placeholder="请输入邮箱/手机号/登录名"></el-input></el-form-item>&l

vue实现修改密码（ant design of vue）1.效果图2.重要代码2.1输入框2.2输入框校验2.3键盘监听事件3.完整代码及详解1.效果图2.重要代码2.1输入框若是使用传统的密码框，怎么都阻止不了浏览器的提示。（详情参考修改密码的实现 – element UI 这是我之前尝试使用密码框后再加各种阻止提示的参数，但是最终发现还是会收到浏览器的提示，如下图所示）因此换成普通的输入框，再使用键盘监听事件将用户输入的密码隐藏。<a-form-model :layout="'h

H5 新特性1.语义化标签2.增强型表单3.html5 也新增以下表单元素4.html5 新增的表单属性5.html5 新事件语义化标签：header、footer、section、nav、aside、article增强型表单：input 的多个 type新增表单元素：datalist、keygen、output新增表单属性：placehoder、required、min 和 max音频视频：audio、videocanvas地理定位拖拽本地存储：localStorage - 没有时间限

CSS: 文字内容是否换行问题总结1. 自动换行（强制换行）：`word-break:break-all;`2. 根据换行点换行：`word-wrap:break-word;`3. `word-break:break-all`和`word-wrap:break-word`的区别4. 单行文字超出显示省略号4.1 `white-space`：设置如何处理元素内的空白4.2 `text-overflow`:规定当 "文本" 溢出包含元素时发生的事情4.3 `overflow`:规定当 "内容" 溢出元素框时发生

在vs code上对代码格式化缩进设置在各种踩坑后终于找到了解决办法：1.安装prettier插件安装之后就可以使用alt + shift + f 快捷键来格式化代码啦。2.将下面的设置取消勾选此后文件的右下角的缩进就会和你编辑器设置的缩进一致啦。3.添加.prettierrc.js配置文件当你在文件中使用快捷键格式化代码的时候，发现文件的缩进和你设置的缩进不一致（编辑器设置的是4个...

总结form表单注意的点：（1）清除表单的动作要在刷新详情页之后；（2）清除表单内容的单词clearable：放在特定标签上（下拉选框时：放在el-select标签上，输入框时：放在el-input标签上）；（3）下拉选框：若是想提交表单的时候直接获取下拉选框的中文名可写:value="item.name"；若是提交的时候获取对应数据的id则写:value="item.id";（4）多选框：使用elementUI框架时，应在data中定义数据为数组格式（如："ruleForm": {"alar

具体报错如下：报错原因在data中定义的时候有问题，多选框是数组形式，之前定义的"ruleForm": {"alarmType": undefined}。多选框的实现代码<el-form-item label="报警方式" prop="alarmType"> <el-checkbox-group v-model="ruleForm.alarmType"> <el-checkbox v-for="item in alarmTypeDict" :la

如上图所示，点击中间的“批量移除”按钮没有反应，打开控制看可看到它的样式被下面的列表覆盖了。排查原因发现： 按钮的初始位置为靠左，使用了style="float: right;"使其靠右显示。css使用float属性后被覆盖的原因：div是块级元素，在页面中独占一行，自上而下排列，也就是传说中的流。浮动可以理解为让某个div元素脱离标准流，漂浮在标准流之上，和标准流不是一个层次。如果我们把div2采用右浮动，会是如下效果：假如某个div元素A是浮动的，如果A元素上一个元素也是浮动的，那么A.

计算属性和监听器1.计算属性1.1介绍1.2计算属性 vs 普通属性1.3计算属性 vs 方法2.侦听属性2.1介绍2.2深度监听2.3总结普通的watch:数组的watch：深拷贝对象的watch：对象的具体属性的watch：2.4解决监听的新旧数据一样的问题3.对比3.1监测的对象不同3.2是否可以执行异步任务3.3适用场景3.4总之1.计算属性1.1介绍计算属性是自动监听依赖值的变化，从而动态返回内容。监听是一个过程，在监听的值变化时，可以触发一个回调，并做一些事情。它有以下几个特点：数据可

1.setTimeout(() => {}, 500);===> setTimeout用来解决第一次查看表单没有赋值成功问题2.this.$nextTick(() => {});$nextTick是vue的DOM更新队列的下一个tick完成时触发；===> 在Vue生命周期的created()钩子函数进行的DOM操作一定要放在Vue.nextTick()的回调函数中//等DOM加载完之后再给表单赋值this.$nextTick(() => { this.$re

.ant-tree{ max-height: calc(100vh - 520px); overflow: auto;}/*滚动条*//*火狐*/.ant-tree{ scrollbar-color: #c3c2c2 transparent; /* 滑块颜色 滚动条背景颜色 */ scrollbar-width: none; /* 滚动条宽度有三种：thin、auto、none */}/* IE 浏览器 */.ant-tree{ /*三角箭头的颜色*/

int转字符串let a=100; b = a.toString();字符串转intlet a='1250' ;alert( Number(a) ); // 得到1250alert(parseInt(a)); // 得到1250let b='00100';alert( Number(b) ); // 得到100alert(parseInt(b)); // 得到64parseInt("abc") // Returns NaN.parseInt("12abc") //

队列（queue）是最常见的使用数组的方法之一。在计算机科学中，这表示支持两个操作的一个有序元素的集合：push 在末端添加一个元素.shift 取出队列首端的一个元素，整个队列往前移，这样原先排第二的元素现在排在了第一。这两种操作数组都支持。队列的应用在实践中经常会碰到。例如需要在屏幕上显示消息队列。数组还有另一个用例，就是数据结构 栈。它支持两种操作：push 在末端添加一个元素.pop 从末端取出一个元素.所以新元素的添加和取出都是从“末端”开始的。栈通常被被形容成一叠卡片：要么

json.stringify()的妙用，json.stringify()与json.parse()的区别这篇文章讲的超级好！！！

任务：要做一个类似下图的导航菜单1.去官网找到对应的模板代码代码如下所示：这里首先要说一下被我注释掉的<a-menu-item-group>。加上的话呈现的效果是这样的：不加呈现的效果是这样的：所以，被我注释掉啦。其次再说一下<span slot="title" class="submenu-title-wrapper">里面的class,一定要保留，...