v-html代码中js事件失效问题 后端返回的HTML代码：const codeHTML = "<div class=\"table\"><table border=\"0\"><tr><td rowspan='1'>year</td><td><p><span οnclick='view({\"id\":\"6\",\"depId\":\"2022\"})'>2022</span></p></td></t
el-table中table-col动态更新后固定栏高度问题 好久没写了，记录一下一个el-table更新问题。动态更新el-table中table-col后固定在右侧的操作栏高度显示异常，如下图上图为更新前，下图为更新后刷新后就正常了，所以推断是没有同步更新造成的，解决方法如下：<el-table :key="elTableKey" // 给el-table绑定key值 ></el-table><template v-for="item in tableCol"> // 表格列是动态渲染的 <
数据处理题 2013年, 加里·伯恩哈德就在微博上发布了以下代码段:['10','10','10','10','10'].map(parseInt);以为是[10,10,10,10,10],其实是[10,NaN,2,3,4]解析：Array.map(parseInt)等价于Array.map((item,index)=>{ return parseInt(item,index)})那么结果便是[parseInt('10',0),parseInt('10',1),parseInt('10',2)
2021-08-24总结 1.环境判断navigator是HTML中的内置对象，包含浏览器的信息；userAgent是navigator的属性方法，可返回由客户机发送服务器的 user-agent 头部的值，作用是返回当前用户所使用的是什么浏览器，toLowerCase()将得到的信息变成小写，固定格式。let user = navigator.userAgent.toLowerCase();let isWx = user.match(/MicroMessenger/i) == "micromessenger"; // 判断
根据周X HH:mm:ss判断时间是否交叉重叠 根据如下itemInfo这种数据判断时间是否冲突，我的思路是将时间全部转化为秒，判别区间是否交叉重叠，是即冲突。代码如下（待优化）itemInfo:[ { period: ['03:20:10','15:20:10'], weekList: ['周一','周三','周四'] }, { period: ['02:20:15','03:30:30'], weekList: ['周三','周五'] }, { period: ['02:20:15','
grid空间自适应 某个公司的面试题，好久没写过原生了，凑活看吧<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"
echarts图表宽高 总是在上线后才发现更好的配置·…options: { color: ["#4D7CFE", "#F1683F"], grid: { //grid 组件离容器上下左右侧的距离 left: '3%', right: '3%', top:'40', bottom: '3%', containLabel: true }, xAxis: { splitLine: { show: false , },
JS深浅拷贝 对象：let obj = { a:"a", b:"b"}// 以下两种为浅拷贝let newObj = {...obj} // 拓展运算符let newObj = Object.assign({},obj) // 空对象合并// 以下为深拷贝let newObj = JSON.parse(JSON.stringify(obj)) // 利用JSON序列化和反序列化方法将内容完全展开数组：let arr = [{name:'jack'},{name:'crdo'}]// 前三种
向数组对象中添加新属性 用的是es6对象新增语法 传送门let arr = ["全部", "护肤", "日用百货", "母婴", "家居家纺", "美妆", "玩具"]let arra = []arr.map(((item, index)=> {arra.push(Object.assign({name:item,value:item=="全部"?null:item}))}))
qs.stringify与JSON.stringify 刚接触的项目接口参数拼接是用Qs.stringify(params)，平时json转换用的是JSON.stringify()qs是npm的一个管理包npm install qs --Slet params = { Id: 123, status: 'normal'}Qs.stringify(params) //'Id=123&status=normal'JSON.stringify(params) //{ "Id":"123","status":"normal"}记得之前写过一
根据参数动态赋值 在utils文件夹下建公用js文件，用来存放静态数据，只需在使用时引入。export const demo = [ { label: '全部状态', value: '' }, { label: 'aaa', value: 1 }, { label: 'bbb', value: 2 }, { label: 'ccc', value: 3 }, { label: 'ddd', value: 4 }]<span :class="getColor(xxx)">{{getSta
less安装与配置 之前配置项目的时候也有这些坑，所以今天配置新项目的时候顺便记录一下。新建项目后安装lessnpm install less less-loader --save安装成功后找到webpack.base.conf.js文件，在以下位置增加less配置支持module: { rules: [ {}........... //以上部分为项目配置后自带的，只需要在尾部添加即可 { test: /\.less$/, loader: "s
表格数据导出功能 若后端为post传参，且返回的是文件流，那么可以用如下第一种方法： export() { let cookie = localStorage.xxx(); const params = { xxxx: xxxxxx, xxxx: xxxxxx, cookie, }; fetch( "http://api.xxx.xxxxx.cn/xxxxx/?post=json", {
vue 中.sync修饰符的使用方法 最近在项目中看到有些地方用了.sync修饰符，所以进一步了解一下，并记录。vue官网.sync修饰符介绍：点击查看一般情况下，子组件向父组件传值并改变值都需要使用回调方法，但有更简洁的写法。如下为简易案例：常见的回调函数写法：// 子组件代码：<template> <div> <button @click="setNum">点击传值</button> </div></template><script>
JSON Server接口请求和接口参数拼接 增add(){ let params= { "title": "阿西吧哈哈哈哈哈", "time": "2021-03-02 21:52", "id": "12" } this.$axios .post("http://localhost:3000/news/", params) .then(res => { console.log(res) }).catch(()=>{console.log('新增数据失败')}) },.
iview的select选择器下拉被遮盖 原代码：<Select v-model="defaultGroup" style="width:284px"> <Option v-for="item in groupNameList" :value="item.groupId" :key="item.groupId">{{ item.groupName }}</Option></Select>需给Select标签添加 **:transfer=‘true’**属性...
git pull 提示：发现交换文件 “.git/.MERGE_MSG.swp“ 最近总是遇到git pull拉取代码时出现E325: 注意发现交换文件 ".git/.MERGE_MSG.swp"(1) Another program may be editing the same file. If this is the case, be careful not to end up with two different instances of the same file when making changes. Quit, or continue with
input输入框类型为number时去除右侧箭头按钮 <input type="number"><style> /* Chrome浏览器 */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } /* Firefox浏览器 */ input[type="number"]{ -moz-appearance: textfi.
js检测数据类型方法typeof和Object.prototype.toString.call()对比 exampleObject.prototype.toString.call()typeof‘123456’[object String]string123456[object Number]number(2==3)[object Boolean]boolean{id : “1”}[object Object]objectnull[object Null]object[1,2,3][object Array]objectunde...
vue封装echarts组件 组件<template> <div id="echartsItem" style="width: 100%; height: 400px" :legendData="legendData" :echartsData="echartsData" ></div></template><script>import echarts from "@/utils/echars";expo
关注
