xiaohuihui_z-优快云博客

原创关于值引用的小总结

原始值和引用值在 ECMAScript 中，变量可以存在两种类型的值，即原始值和引用值。原始值存储在栈（stack）中的简单数据段，也就是说，它们的值直接存储在变量访问的位置。引用值存储在堆（heap）中的对象，也就是说，存储在变量处的值是一个指针（point），指向存储对象的内存处。为变量赋值时，ECMAScript 的解释程序必须判断该值是原始类型，还是引用类型。要实现这一点，解释...

2019-12-30 17:41:49 234

原创 element resetFields老是报undefined

this.nexttick(()=>)//z这种写法可以避免报错if(this.nexttick(()=>{}) //z这种写法可以避免报错 if (this.nexttick(()=>)//z这种写法可以避免报错if(this.refs[formName] !== undefined) { this.$refs[formName].resetFields(); } 至于为啥我还没明白知道的也可以帮忙解答一下 ...

2021-08-18 16:40:46 508

原创 js执行顺序问题

在实践中才慢慢明白了js执行顺序问题遵循事件循环机制，当JS解析执行时，会被引擎分为两类任务，同步任务（synchronous）和异步任务（asynchronous）。对于同步任务来说，会被推到执行栈按顺序去执行这些任务。对于异步任务来说，当其可以被执行时，会被放到一个任务队列（task queue）里等待JS引擎去执行。当执行栈中的所有同步任务完成后，JS引擎才会去任务队列里查看是否有任务存在，并将任务放到执行栈中去执行，执行完了又会去任务队列里查看是否有已经可以执行的任务。这种循环检查的机制，

2021-08-16 10:42:26 1807

转载 vcli3config配置

const path = require(‘path’) module.exports = { publicPath: ‘./’, // vueConf.baseUrl, // 根域上下文目录 // outputDir: ‘dist’, // 构建输出目录 // assetsDir: ‘assets’, // 静态资源目录 (js, css, img, fonts) lintOnSave: true, // 是否开启eslint保存检测，有效值：ture | false | ‘error’ // runti

2021-06-16 16:22:04 294

原创 vue项目添加水印，防止刷新页面水印消失

引入一个waterMark.js文件之后 IE各种问题问题1：页面出现空白，登录页面都没有显示出来问题2：IE低版本（11以下）总是报语法错误问题1出现的原因是js文件包含箭头函数问题2出现的原因是const变量 Ie低版本无法识别呈上js文件 'use strict' let watermark = {} let setWatermark = function(str) { let id = '1.23452384164.123412415' if (document.getEl

2021-06-01 11:33:29 1631

原创 element下拉菜单获取当前行信息

今天遇到 element 的下拉菜单针对要获取当前行的信息的 <el-dropdown @command=“c”>(cmmand)=>{handleCommand(command,scope.row)} 下拉菜单黄金糕狮子头螺蛳粉双皮奶蚵仔煎 handleCommand(command,row){ if(command===‘a’){ console.log(”执行a事件“) }else if(command===‘b’){ console.log(”执行b事件“

2021-03-03 11:50:35 839

转载垃圾回收机制和内存泄露问题

浏览器的 Java 具有自动垃圾回收机制(GC:Garbage Collecation)，也就是说，执行环境会负责管理代码执行过程中使用的内存。其原理是：垃圾收集器会定期（周期性）找出那些不在继续使用的变量，然后释放其内存。但是这个过程不是实时的，因为其开销比较大并且 GC 时停止响应其他操作，所以垃圾回收器会按照固定的时间间隔周期性的执行。不再使用的变量也就是生命周期结束的变量，当然只可能是局部变量，全局变量的生命周期直至浏览器卸载页面才会结束。局部变量只在函数的执行过程中存在，而在这个过程中会为局部变

2021-02-25 16:58:13 344

原创 js正则表达式用法和实例

一、正则表达式的() [] {}有不同的意思。 ()代表的是同时匹配的字符如：(abc|bcd|cde)，表示这一段是abc、bcd、cde三者之一均可，顺序也必须一致 (abc)?，表示这一组要么一起出现，要么不出现，出现则按此组内的顺序出现二、方括号是单个匹配，字符集/排除字符集/命名字符集示例： 1、[0-3]，表示找到这一个位置上的字符只能是0到3这四个数字，与(abc|bcd|cde)的作用比较类似，但圆括号可以匹配多个连续的字符，而一对方括号只能匹配单个字符 2、[^0-3]，表示找到这一

2021-01-26 12:20:08 1558

原创 nginx命令部署前端代码

有几个工具 xshell MobaXterm可以可视化操作操作步骤上传文件不需要用命令窗口的上传即可 1、打开软件连接要部署的服务器ip 端口号 2、默认是在根目录 ll指令可以查看当前目录下有哪些文件 cd 文件名（切换到该目录下） 3、删除指令需要删除原来文件的话使用 rm -rf 文件名 4、解压zip文件 unzip IAM.zip 按tab健自动补全下边写一个完整版的指令前提是已经配置好服务地址上传完文件了 1.cd nginx1.8 ll cd html rm -rf

2020-12-23 11:23:29 626

原创 vue的computed和watch的区别

首先watch首先是特别的消耗性能的能用computed的话尽量使用computed 实现computed的场景根据某个变量值的变化而变化注：当你有一些数据需要随着其它数据变动而变动时，你很容易滥用 watch 举例说明我经常要用到时间段但是需要先经过查询然后给赋值然后在导出所以可以利用computed {{timeget.endTime}}//这个是实时改变的 var vm = new Vue({ data(){ return { timeRange:'',

2020-12-22 17:36:44 456

原创 element日期控件禁用时间汇总

1、只能选择当前月份的 pickerOptions: { //大于当前月分的日期不可选 disabledDate: (time) => { var date = new Date(); var year = date.getFullYear(); var month = date.getMonth() + 1; if (month >= 1 && month <= 9) { month = “0” + month; } var currentdate = year.toSt

2020-12-22 17:23:23 1034 2

原创解析文本换行符问题

1、自定义的含有\n\r\ es6``可以直接解析 2、后端回传的含有‘尊敬的客户：xxx，\r\n你好’ \r\n解析的话用正则 var string = strring.replace(/\r\n/,’’) //\一定的多加个烦斜线要不解析不出来上边这一步骤的话页面用v-hmtl是直接可以把解析出来但是有的需求是要用v-text/v-model的话需要在进行一步操作 string = strring.replace(/<br/>/,’\n’) ...

2020-12-21 17:10:30 827 1

原创普通js文件使用vuex的说明

vue组件的用法 mutations同步函数的用法用法1：this.funcionName() 用法2：this.store.commit("funcionName")actions异步函数的用法用法1：this.funcionName()用法2：this.store.commit("funcionName") actions 异步函数的用法用法1：this.funcionName() 用法2：this.store.commit("funcionName")actions异步函数的用法用法1：this.

2020-12-04 11:15:35 4995 2

原创 IE导出文件报错问题

一般在google上导出没有问题导出方法也是后端直接给浏览器跳转 window.location.href = ‘url’ 在IE上如果导出传递的参数有中文的话会报错所以用encodeURI(url)就可以了

2020-11-25 20:31:37 563

原创正则校验${}

身份证 let patter =/1\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]KaTeX parse error: Can't use function '\.' in math mode at position 42: …[1-9]([0-9]+)?(\̲.̲[0-9]{1,2})?)|(^(0){1}KaTeX parse error: Can't use function '\.' in m

2020-11-19 20:13:35 471

原创 vue组件传递数组遇到的坑

vue组件之间传递数组子组件获取不到父组件的值如果是异步请求获取的需要push一下才可以拿到

2020-11-12 17:35:43 868

原创 element ui table表头错乱问题

table使用时候动态控制表头 v-if的时候表头错乱解决办法 {{scope.row.sitename}}

2020-11-09 18:51:23 422

转载 vue强制刷新页面

Vue刷新页面的三种方式亲测有效我们在写项目的时候，经常会遇到，用户执行完某个动作，改变了某些状态，需要重新刷新页面，以此来重新渲染页面。如：用户登录成功、增加、删除、更新等。 1.原始方法： location.reload(); 2.vue自带的路由跳转： this.$router.go(0); 用过的人都知道，前两者都是强制刷新页面，会出现短暂的闪烁，用户体验效果不好。所以，我们选择第三种方式： 3.首先在App里面写下如下代码：(局部刷新) 接下来，我们就可以在需

2020-09-25 16:45:07 4532

原创 vue中使用原生js自定义事件监听

vue项目中引入外部js 需要通过外部js触发vue组件执行某些事件 JS中，最简单的创建事件方法，是使用Event构造器：事件的定义 var myEvent = new Event(‘event_name’); 但是为了能够传递数据，就需要使用 CustomEvent 构造器： var myEvent = new CustomEvent(‘event_name’, { detail:{ data:‘要传输的值’ }, }); 事件的注册 //假设listener注册在window对象上 window.a

2020-09-22 19:33:08 1890

原创 vue拦截请求添加loading

var queue = {} axios.create({ timeout: 60000 }) axios.defaults.baseURL = baseUrl // request interceptor axios.interceptors.request.use(config => { queue[config.url] = config.url; const token = sessionStorage.getItem(‘Access-Token’) if (token) { config.h

2020-09-04 09:06:27 1270

原创 element table为某一行单独添加样式

1.首先，el-table的标签里要加点东西,就是这个 :row-class-name=“tableRowClassName” 2.当然就是实现 tableRowClassName这个函数啦 tableRowClassName({row, rowIndex }) { if (row.xx < 0) { return ‘success-row’; } 3.在css里实现他的样式写在《style》《/style》 .el-table .success-row { color: red !importa

2020-08-28 11:27:32 2520

原创 element table禁用复选框

禁用某个复选框的话在复选框这一行加上在复选框加一个事件 :selectable=‘selectEvent’ <el-table ref=“multipleTable” :data=“tableData” tooltip-effect=“dark” style=“width: 100%” @selection-change=“handleSelectionChange”> <el-table-column type=“selection” :selectable='selectE

2020-08-28 11:23:59 1478 1

原创 element 省级级联

省级联动可以直接引入指令了不需要自己在引入json数据了 vue+element 直接安装指令 npm install element-china-area-data -S 安装之后会可以直接导入六个类型数据 import { provinceAndCityData, regionData, provinceAndCityDataPlus, regionDataPlus, CodeToText, TextToCode } from ‘element-china-area-data’ provinceAn

2020-08-13 11:39:42 325

空空如也

空空如也