大左的博客

原创 接口返回慢 图片加载失败问题

该图片是通过后端接口返回picUrl来给img的src赋值 但是后端接口响应较慢 导致html加载完 data也没赋到值 图片加载裂开。解决办法：img标签添加@error事件获取错误信息回调。给img的src重新赋值 直到赋上为止。

原创 h5添加水印

此的水印结构为工号-姓名-yyyy/mm-dd HH：MM

原创 基于crypoto 前端AES加密解密

function getAesString(data, pkey, piv) { //加密 var key = CryptoJS.enc.Utf8.parse(pkey); var iv = CryptoJS.enc.Utf8.parse(piv); var encrypted = CryptoJS.AES.encrypt(data, key, { iv: iv, mode: CryptoJS.mode.CBC, padding: CryptoJS.pad.Pkcs7

原创 循环动态渲染img标签

原创 动态控制样式-高亮

now为变量 通过click事件传递index改变now的值 三元判断动态控制样式即可

原创 在vue中怎么动态控制样式

三元判断法 通过isGZ变量控制动态样式

原创 scrollIntoView锚点跳转 超好用

循环模板跳转 无置顶效果 好用

原创 Vue导出多个sheet方法 超好用

话不多说直接上代码，不好用回来打我

原创 Localstorage、sessionStorage、cookie 的区别

共同点：都是保存在浏览器端、且同源的区别：1、cookie 数据始终在同源的 http 请求中携带（即使不需要），即 cookie 在浏览器和服务器间来回传递，而 sessionStorage 和 localStorage 不会自动把数据发送给服务器，仅在本地保存。cookie 数据还有路径（path）的概念，可以限制 cookie 只属于某个路径下2、存储大小限制也不同，cookie 数据不能超过 4K，同时因为每次 http 请求都会携带cookie、所以 cookie 只适合保存很小的数据

原创 git 跟 svn 有什么区别

git 是分布式版本控制系统，其他类似于 svn 是集中式版本控制系统。分布式区别于集中式在于：每个节点的地位都是平等，拥有自己的版本库，在没有网络的情况下，对工作空间内代码的修改可以提交到本地仓库，此时的本地仓库相当于集中式的 远程仓库，可以基于本地仓库进行提交、撤销等常规操作，从而方便日常开发git 是分布式版本控制，svn 是集中式版本控制（核心区别）git 相对于 svn 的优势就是不需要网络即可版本控制git 把内容按数据方式存储，而 svn 是按文件git 可以是公用的，可以分享，svn

原创 一个页面从输入 URL 到页面加载显示完成，这个过程 中都发生了什么？（高薪面试必问）

1、浏览器查找域名对应的 IP 地址(DNS 查询：浏览器缓存->系统缓存->路由器缓存->ISPDNS 缓存->根域名服务器)2、浏览器向 Web 服务器发送一个 HTTP 请求（TCP 三次握手）3、服务器 301 重定向（从 HTTP://example.com 重定向到 HTTP://www.example.com）4、浏览器跟踪重定向地址，请求另一个带 www 的网址5、服务器处理请求（通过路由读取资源）6、服务器返回一个 HTTP 响应（报头中把 Content-type 设置为 ‘

原创 基于el-table改造自定义增加列 修改列 以及表格具体判断校验

功能上线 十分开森～～功能描述：基于element-ui的el-table改造，支持自增自定义列，修改当前列信息以及当前列的附加信息，支持修改当前行的信息以及校验，容错回退数据。接下来庖丁解牛首先看一下我的自认为写的很low的改造的table 这是目前我能想到的根据业务需求最优的处理方案了有大神能一段循环代码就可以处理的欢迎提建议赐教自增自定义列提交自增列的信息，批次作为表头信息这是一个集新增编辑于一体的dialong主要注意一下自增列需要注意每次增加的key值要保持不一样，实现方式往期的

原创 Object.keys循环遍历对象的key值求和

传入对象，返回属性名

原创 获取当前时间以及时间戳与时间格式互换

getTime() { let currentTime = new Date(), year = currentTime.getFullYear(), month = currentTime.getMonth() + 1 < 10 ? '0' + (currentTime.getMonth() + 1) : currentTime.getMonth() + 1, day = currentTime.getDate() < 10

原创 使用nrm快捷安装淘宝镜像

使用nrm快捷安装淘宝镜像

原创 自己给自己挖的坑

事情经过 接到业务需求 要求做一个折扣分解 也就是拆折扣 细化下面是原型 应该很好懂吧这个组建是根据el-element-ui里的el-table改动的 支持自定义添加行 之前的博客里面有详细的方法 这里不再赘述由于当时需求就是新增 并没有涉及回显 甲方爸爸也没提 于是乎我：‘后端大哥你要什么格式的数据？’：‘折扣A 😒 111 , 折扣B 😒 222 ’ok 说干就干 说时迟那时快 一会搞定了 发版发版 上线上线 甚是开心～～OK 程序运行一切稳定 一天两天 三天。。。。过了个

原创 ios系统制作启动谷歌app脚本

由于开发需要使用谷歌跨域的版本 所以每次都是要用终端命令打开很麻烦 于是自己做了一个脚本 很好用 顺便分享给大家

原创 json转换特殊字符处理

json转换特殊字符处理

原创 element-ui之el-table改造 动态自定义添加列项

element-ui之el-table改造 动态自定义添加列项

原创 element-ui之el-table改造 动态自定义添加行

业务需求：根据select下拉框的选中的数据动态加载其包含的属性值业务实现：html部分<el-dialog :title="titleName" :visible.sync="DialogVisible" width="60%" center> <el-form ref="form" :model="form" label-width="80px"> <el-form-item label="客户名称:"> &lt

原创 Element el-form根据选择条件动态控制表单必填项

Element el-form根据选择条件动态控制表单必填项

原创 css文本超出自动换行超出3行字段显示省略号 百试百灵

css文本超出自动换行 省略号显示

原创 修改element-ui中的表格el-table滚动条样式

单独样式的修改： // 滚动条的宽度 /deep/ .el-table__body-wrapper::-webkit-scrollbar { width: 6px; height: 6px; } // 滚动条的滑块 /deep/ .el-table__body-wrapper::-webkit-scrollbar-thumb { background-color: #ddd; border-radius: 3px; }全局样式修改//滚动.

原创 JS保留两位小数简单方法

<el-form-item label="礼品总金额 :"> {{ Zprice.toFixed(2) }} </el-form-item> <el-form-item label="审批总金额 :" v-if="auditStatus !== 3" :key="3"> {{ Sprice.toFixed(2) }} &l..

原创 this.$forceUpdate()强制刷新 解决 点击下拉框无反应bug

今天碰到一个有意思的bug 就是当下拉框点击的元素项点击不上 但是内部code传值没有问题 摸索了一下度娘在chnege事件末尾添加this.$forceUpdate() ok~~changeareaOptions(vl) { this.$set(this.form, this.form.state, vl) this.$forceUpdate() },...

原创 element-ui 之el-date-picker日期组件 限制禁用选择指定时间

业务需求：预计下单时间只能选择当前日期后7天的时间 也就是一周后的时间实现效果：HTML部分 <el-date-picker :picker-options="pickeroptions" type="date" placeholder="选择日期" style="width: 100%;" v-model="form.date6"

原创 父子组件传参的三种方法

先准备子组件页面准备父组件页面并引用子组件父子组件传值1.props/emit2.emit2.emit2.parent/chifdren3.$ref1.props/$emit方法演示prop 父传子emit 子传父父组件用@监听自定义事件2.$parent/chifdren方法演示原理通过this.$parent/chifdren获取父/子里面data的值 拿来主义附加功能也可以通过这个方法去直接触发要通信组件的方法3.$ref同$parent/chifdren

原创 Element UI el-input 限制只能输入正数，小数点后输入N位(可自定义保留位数)

业务实现场景HTML部分：oninput(form.priceRateForeign, 4)参数1：绑定的值 参数2：保留小数的位数 <el-form-item v-if="qualityQtypeCode == '2'" label="返点:"> <el-input @keyup.native="form.priceRateReturn = oninput(form.priceRateReturn, 2)" v-model="form.priceRateRe

原创 Element-UI 实现el-table复选框默认勾选 回显

el-table默认勾选详解

原创 赋值非空判断简单写法

this.goodsParams = res.rsSkuDomainList&&res.rsSkuDomainList[0];

原创 清除表单数据项

this.$nextTick(() => { this.$refs.dataform.resetFields() })

原创 复选框变单选 简单操作

当你的复选框辛辛苦苦做好时 你亲爱的产品大大说要改成单选。。。。。快速方法1.隐藏调全选按钮 通过display：none注意加个单独样式 不然所有的勾选按钮都会被隐藏.more_btn thead .el-table-column--selection .cell { display: none;}2.接下来处理单选利

原创 微信小程序 消息发布订阅

微信在文档中有内置方法 获取用户订阅权限 wx.requestSubscribeMessage({ tmplIds: ['7u2Jw0_3PduEFt9xY58Zv3RbyYoJGOLsRiq43JnUbe8'],//这里填写步骤一中的模板id success(res) { console.log(res); } })tmplIds中放上自己小程序的消息模板

原创 强制缩进换行word-break: break-all

列表高度自适应 由内容撑开加默认选择标志 撑开文本关键属性

原创 var let const的区别

原创 Flex布局 各个属性的应用

面试被问到 你和我说一下Flex布局中的各个属性我嘞个去 那么多 我也不常用 怎么会记得 只记得justify-content和align-items回来和老大吐槽 没想到老大说他也这么面 这不摧残人么身为Web前端攻城狮岂能被小小flex卡了脖子？下定决心 血洗一波Flex容器的一些常用属性flex-directionflex-wrapflew-flowjustify-contentalign-itemsalign-contentflex-direction4个属性设置盒子主

原创 输入任意字符后 以对象形式输出出来 展示各个字符出现的次数

输入任意字符后 以对象形式输出出来 展示各个字符出现的次数qaaaqwqaqqq{q: 6,a: 4,w: 1}

原创 协议默认端口号

协议 默认端口号http 80https 443htp 21

原创 宏任务与微任务 小例

console.log('1');setTimeout(function() { console.log('2'); process.nextTick(function() { console.log('3'); }) new Promise(function(resolve) { console.log('4'); resolve(); }).then(function() { console.lo

原创 前端知识点小列 个人总结

css的渲染机制是从右往左例题：So。。。dddd不懂得小白来捶我默默忍受js 八大数据类型基本数据类型 string number boolean null undefined复杂数据类型 Object Function Symbol（创建唯一值symbol（“1”）==symbol（“1”） 打印结果为 false ）敲黑板画圈！！ 下面有考点↓堆与栈 简记堆：存储引用类型值的空间栈：存储基本类型的值和执行代码的空间环境例题1：解析： 一个对象中的..