小象爱吃肉-优快云博客

原创解决vue element-ui下拉项选择后视图未显示问题

因下拉数据为动态获取，数据量较大，下拉选择后打印已显示选中，但未显示到页面// 解决方案一 this.$forceUpdate() // 可能因为数据层次太多，强制手动刷新// 解决方案二this.$set() 或者vue.set()this.$set(this.form, key值, value值); // 解决方案三this.form = Object.assign({}, this.form);// 方案二和方案三更新form对象或某个值，视图就发生了变化...

2021-05-13 10:48:52 479

原创 eslint规则

/*** “off” 或 0 - 关闭规则* “warn” 或 1 - 开启规则，使用警告级别的错误：warn (不会导致程序退出),* “error” 或 2 - 开启规则，使用错误级别的错误：error (当被触发的时候，程序会退出)*/

2021-05-07 17:50:40 146

原创 FileReader()在js中的使用

FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件（或原始数据缓冲区）的内容，使用 File 或 Blob 对象指定要读取的文件或数据。生成FileReader对象// 生成FileReader对象var fileR = new FileReader();FileReader的属性fileR.error;// 表示在读取文件时发生的错误fileR.result;// 该属性仅在读取完成后才有效，表示读取的文件内容FileReader对象的方法// FileRea

2021-01-05 14:47:53 1423

原创 input的value任意输入不超过10个字符

function inputEvent() { const str = this.inputValue.split(""); // 把input的value分隔成数组 const newValue = []; // 新生成的value let leng = 0; // 新value的长度 for (let i = 0; i < str.length; i++) { if (/^[\u4e00-\u9fa5]+$/i.test(str[i]

2020-09-30 11:28:25 878

转载 input的各种事件

1.onfocus 当input 获取到焦点时触发2.onblur 当input失去焦点时触发，注意：这个事件触发的前提是已经获取了焦点再失去焦点的时候才会触发该事件，用于判断标签为空。3.onchange 当input失去焦点并且它的value值发生变化时触发，个人感觉可以用于注册时的确认密码。4.onkeydown 按下按键时的事件触发，5.onkeyup 当按键抬起的时候触发的事件，在该事件触发之前一定触发了onkeydown事件–相当于一个按键，两个事件，没怎么用过6.onclick

2020-09-30 11:24:02 1470

原创 vue中assets和static的区别

**assets:**要经过webpack打包，重新编译因为webpack使用的是commenJS规范，如动态加载assets中的图片，需要使用require才可以，例：require(’…/assets/header.png’)**static:**该文件夹中文件不会被webpack处理，在打包时会被复制该文件夹，需使用绝对路径来引用；assets放一些自定义文件static放一些外部引用文件及json...

2020-09-28 15:34:00 123

原创前端实现实况天气

使用文档：天气API(http://www.tianqiapi.com/index)注册用户获取APPID根据API文档直接get请求获取实时天气

2020-09-28 15:00:19 1295

原创 href和src的区别及css样式权重

css样式href和src的区别：htef:typertext reference超能引用，引用类的使用src:source资源加载加载使用样式权重内联样式 > 内部样式表 > 外部样式表important > id > class | 属性 > 标签 > *权重值：*：0标签，伪元素：1class,属性，伪类 :10id:100内联样式：1000!important:正无穷...

2020-09-18 17:28:27 177

原创浏览器内核

浏览器内核shellGoogle Chrome—>webkit/blinkfirefox —>webkitsafari —>geckoIE —>tridentopera —>presto(360和万维 )内核：渲染rendering引擎/JS引擎

2020-09-18 14:16:15 90

转载 npm与yarn命令的相似与曲别

一、首先需要了解的命令npm install === yarn —— install 安装是默认行为。 npm install taco --save === yarn add taco —— taco 包立即被保存到 package.json 中。 npm uninstall taco --save === yarn remove taco在 npm 中，可以使用 npm config set save true 设置 — -save 为默认行为，但这对多数开发者而言并非显而易见的。在 yar

2020-07-29 17:40:08 419

原创深拷贝的几种方法

使用递归拷贝所有层级function deepClone(obj){ const objClone = Array.isArray(obj)?[]:{}; // 判断拷贝对象是数组还是对象后设置个空值 if(obj && typeof obj === 'object'){ for(key in obj){ if(obj.hasOwnProperty(key)){ // 判断是否有当前项 if(obj[key] && typeof

2020-06-01 15:20:30 268

转载 vue.config.js 配置

官网vue-config-js配置参考vue-cli3 脚手架搭建完成后，项目目录中没有 vue.config.js 文件，需要手动创建创建vue.config.jsvue.config.js 是一个可选的配置文件，如果项目的 (和 package.json 同级的) 根目录中存在这个文件，那么它会被 @vue/cli-service 自动加载。你也可以使用 package.json ...

2020-05-08 16:03:11 1419

原创 VUE在手动配置时，方向键失效（不可选）时的方案

使用git bash创建项目时，配置选项使用方向键无效时：winpty vue.cmd create my-project-vue

2020-04-26 16:39:06 568

dream_sail_的博客