
笔记
yxorg
-做个称职的前端打字员。
展开
-
Vue3快速上手笔记
修改名字原创 2024-03-05 09:14:10 · 1047 阅读 · 0 评论 -
vue轮询实时刷新
【代码】vue轮询实时刷新。原创 2023-04-19 15:14:21 · 211 阅读 · 0 评论 -
js双数组循环,匹配另一个数组中满足条件的某几项,添加属性
js双数组循环,匹配数组a中和b数组id相同的某几项,添加checked属性原创 2022-11-18 11:09:39 · 1107 阅读 · 0 评论 -
el-table-column设置fixed后,el-popover出现两个的解决办法。
el-popover出现多个bug原创 2022-11-17 17:13:21 · 3097 阅读 · 1 评论 -
20221008笔记 数组对象深拷贝和浅拷贝
父组件清除子组件表单校验:表单滚动条置顶;原创 2022-10-08 15:33:26 · 171 阅读 · 0 评论 -
vuex笔记
vuex笔记原创 2022-09-02 09:15:00 · 255 阅读 · 1 评论 -
前端快捷下载文件
前端下载原创 2022-08-25 12:17:34 · 215 阅读 · 0 评论 -
在线设计平台相关使用心得
通用更新或者更新数据为null原创 2022-08-11 18:53:27 · 166 阅读 · 1 评论 -
在线设计平台水波图
代码】在线设计平台水波图。原创 2022-07-27 10:36:53 · 207 阅读 · 0 评论 -
删除数组对象中的某一项
需求:按某要求删除数组对象中的特定某几项代码实现:// 循环 如果小于5就删除const arr = [1,2,3,4,5,6,7,8]for(let i = 0, len = arr.length; i < len; i++) { if(arr[i] < 5) { arr.splice(i, 1) }}结果如下:[2, 4, 5, 6, 7, 8]分析原因:删除操作会使得对应索引值位上的元素清空,整个数组中的元素向前移动一位,补位的元素会填充到执行删除操作的索引值原创 2022-04-26 15:51:09 · 3265 阅读 · 0 评论 -
js数字转换通用封装方法
//数字转换 numberFormat (value) { if (typeof value == "number") { // 是数字类型 value = value.toString(); if (!value) return "0.00"; var intPart = value.split(".")[0]; //获取整数部分 var intPartFormat = intPart .toString() .replace(/(\d)(..原创 2022-04-18 17:22:30 · 220 阅读 · 0 评论 -
解决js小数加减法精确度问题
js浮点数计算时,出现多位小数的bug,下面是例子:0.1+0.2 // 0.300000000000000040.3-0.2 // 0.09999999999999998解决办法,封装两个通用方法,如下所示://自定义加法运算function addNum (num1, num2) { var r1, r2, m, floatNum; try { r1 = num1.toString().split(".")[1].length; } catch (e) { r1原创 2022-04-18 17:11:07 · 2132 阅读 · 2 评论 -
js人民币数字转成汉字大写金额
function number_chinese (str) { var num = parseFloat(str); var strOutput = "", strUnit = '仟佰拾亿仟佰拾万仟佰拾元角分'; num += "00"; var intPos = num.indexOf('.'); if (intPos >= 0) { num = num.substring(0, intPos) + num.substr(intPos + 1, 2)原创 2022-03-24 17:42:56 · 165 阅读 · 0 评论 -
在线设计平台表单双向绑定bug
在线设计平台的表单组件,在用globals.forminfo.vueInfo.formdata双向绑定字段时,没有及时更新视图,原来,由于受JavaScript的限制,vue.js不能监听对象属性的添加和删除,因为在vue组件初始化的过程中,会调用getter和setter方法,所以该属性必须是存在在data中,视图层才会响应该数据的变化。如果要添加新的属性,解决办法为:方法一:<script>export default { data() { return { stud原创 2022-03-21 10:07:44 · 102 阅读 · 0 评论 -
npm安装依赖出错
npm install --legacy-peer-deps原创 2022-03-04 15:36:56 · 1136 阅读 · 0 评论 -
js生成随机数
// 生成某长度随机数 randomString(e) { e = e || 32 var t = "ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678", a = t.length, n = "" for (let i = 0; i < e; i++) n += t.charAt(Math.floor(Math.random() * a)) return n },原创 2021-05-06 17:53:57 · 127 阅读 · 0 评论 -
js格式化时间
1.将js中的Date对象格式化为指定格式,添加一个原型方法。/** * 返回指定format的string * format eg:'yyyy-MM-dd hh:mm:ss' **/Date.prototype.format = function(format) { var o = { "M+": this.getMonth() + 1, "d+": this.getDate(), "h+": this.getHours(),原创 2021-04-25 10:34:39 · 114 阅读 · 0 评论 -
几个把后台返回的数字格式化成想要渲染的字符的例子
formatYwzt(row, column, cellValue) { let result = '' this.ywztList.forEach(el => { if (el.value == cellValue) { result = el.label } }) //0:在办,1:办结,-1 撤销 return result }<el-table-column...原创 2021-01-21 10:12:00 · 154 阅读 · 2 评论 -
this.$set(obj, key, value)使用
当vue的data里边声明或者已经赋值过的对象或者数组(数组里边的值是对象)时,向对象中添加新的属性,如果更新此属性的值,是不会更新视图的。<template> <div class="hello"> <button @click="setMessage">添加属性</button> {{ student.name }} <input type="text" v-model="student.age"> </原创 2021-01-21 09:58:07 · 1063 阅读 · 0 评论 -
JavaScript封装方法校验身份证号
//校验身份证号码 let idCardValidity = (rule, code, callback) => { let city = { 11: "北京", 12: "天津", 13: "河北", 14: "山西", 15: "内蒙古", 21: "辽宁", 22: "吉林", 23: "黑龙江 ", 31: "上海", 32: "江苏", 33: "浙江", 34: "安徽", 35: "福建", 36: "江西", 37: "山东", 41: "河南", 42:...原创 2021-01-19 14:43:03 · 120 阅读 · 0 评论 -
storybook基础组件构建工具集成vue组件库
一、storybook 环境搭建1. 依赖安装npm install @storybook/vue --save-dev// `安装相应loader`npm install vue-loader vue-template-compiler @babel/core babel-loader babel-preset-vue --save-dev2.入口配置在项目根目录新建 .storybook/config.js 文件// .storybook/config.js#import { c原创 2021-01-19 14:40:31 · 678 阅读 · 1 评论 -
关于vue电商后台管理项目的打包、优化和部署
rmdir /s/q node_modules // 快速删除node_moudles原创 2020-11-12 10:05:24 · 580 阅读 · 2 评论 -
arr.sort排序
1.默认情况下根据字符编码(ascm值)进行排序var arr = [1,3,6,2,10]arr.sort();//[1, 10, 2, 3, 6]2.sort排序允许接受一个参数(函数),这个函数接受2个形参a,b,并且通过冒泡的方式比较。返回值规则:当返回值为负数时,那么前面的数在前面,也就是不动当返回值为正数时,那么后面的数在前为0,不动升序 arr.sort(function(a,b){ if(a>b){ //返回正数 b就和a位置互换,小的在前面了原创 2020-09-24 00:27:25 · 1198 阅读 · 0 评论 -
ES6部分总结
ES6部分总结1.ES6怎么来的ECMAScript 和 JavaScriptECMA 是标准,JS 是实现ECMAScript 简称 ECMA 或 ES历史版本1996, ES1.0 Netscape 将 JS 提交给 ECMA 组织,ES 正式出现1999, ES3.0 被广泛支持2011, ES5.1 成为 ISO 国际标准2015, ES6.0 正式发布2.ES6兼容性ES6(ES2015) 支持的环境 IE10+, Chrome, FireFox, 移动端, No原创 2020-08-27 01:21:44 · 122 阅读 · 0 评论