lllsj的博客

vue是单向数据流，父组件通过props传值给子组件，如果在子组件中修改会报错，一般是不在子组件中修改props的，但偶尔有需要在子组件有修改props,这里介绍三种可以修改子组件props的方法。父组件用sync修饰，子组件通过$emit(‘update:参数’，值)函数去修改。在项目中通常可以用改方法关闭弹框。

理解什么是 订阅 发布者模式：看图说话，现在有2类用户群体（订阅公众号群体，发布公众号群体） 和 一个 平台（wx 平台）你 通过 平台 订阅了 你喜欢的作者，作者发布文章你就可以推送给你。这就是一个 最简单的 发布订阅模式，那么在代码层面是如何实现的呢可以参考下面代码，跟注释就不难理解<script> var bus = { list: [], // 订阅 subscribe(callback) { this.list.push(call

有2个数组,分别是countryList:[ {id:1,country:'CN',country_name:'China'}, {id:2,country:'EN',country_name:'England'}, {id:3,country:'AO',country_name:'Angola'}, {id:4,country:'AR',country_name:'Argentina'},];worldMapList[ {id:1,name:'CN'}, {id:2,name:'AR'}

之前转载过一篇文章:https://blog.youkuaiyun.com/qq_37167049/article/details/103084927可以动态计算div 高度,但是比较繁琐的痛点是:需要在每个需要计算高度的.vue中 都需要 copy一份,这样就很麻烦那怎么样 能解决这个问题呢?可以 参照vue 官网 使用 mixins来解决:https://cn.vuejs.org/v2/guide/mixins.htmldemo 如下:新建 mixins 文件夹:下 建立 getHeightPX.

如图: 后端返回格式let obj = { '1:2': [{ random: '11', age: '1' }, { random: '11', age: '1' }, { random: '11', age: '1' }], '1:3': [{ random: '12', age: '2' }], '1:4': [{ random: '12', age: '2' }, { random: '12', age: '2' }], '2:1':

async await 异步调用ajax实例:检测文件数, 当文件数量>x , 则返回错误信息, 异 则 发请求 进行删除操作 //检查文件数,如果超过x,则 禁止用户操作 async checkFileMount(_tableSelection) { this.filemgtLoading = true; let response; var params = { list: _tableSelection }; await check

整理完之后,坑就没那么多了,尝试的时候还是挺坑的.而且那些报错莫名其妙(要么就是不生效!!!)…ellint 安装$ npm install //安装npm$ npm install -g eslint //安装eslint$ eslint --init.eslintrc.js配置个人偏好:module.exports = { root: true, parserOptions: { parser: "babel-eslint", sourceType: "modul

正则:2-64:/^(^[2-9]$)|(^[1-5]{1}$)|(^6[0-4]$)$/1-4094:2-16:/^(^[2-9]$)|(^1[1-6]$)$/1-65535:/^(^[1-9]\d{0,3}$)|(^[1-5]\d{4}$)|(^6[0-4]\d{3}$)|(^65[0-4]\d{2}$)|(^655[0-2]\d$)|(^6553[0-5]$)$/1-10...

开发过程中经常用到从master分支copy一个开发分支：1.切换到master分支git checkout master2.获取最新的代码git pull origin master3.从当前分支拉copy开发分支：(新建了一个和master一样的分支Dev)git checkout -b dev4.把新建的分支push到远端git push origin dev5.关联...

根据 AWS S3 获取 bucket 下的 所有文件:返回格式如下:var arr = [ "root", "root/a", "root/a/new_b.png", "root/a/qa", "root/a/qa/新建文本文档 (3).txt", "root/asdfasdfasdfasdfasdfasdfasdf.txt", "ro...

将如下格式转换为 { id: 1, device_id: 265, device_name: "p1", if_id: 1031, if_name: "GigabitEthernet0/0/0/1.236", int_flow: 1, out_flow: 2, collect_time: "2020-...

js用变量 替换模板字符串${}中的内容:使用方法2:IE11 不兼容模板字符串会报错:SCRIPT1014: Invalid character.打debugger 会发现 走到return new Function(keys.join(","), "return" + url + ";").apply( null, dataList );之后会走catch(){}报错,IE11 不兼容...

var obj = { name: 'LLLLLLLLLLLsj' } var name = '123' function printName() { console.log(this.name) } let printName = () => { console.log(this.name) } var lllsj= printN...

有两个对象数组,求 差值: 需要得到新数组: [{a:3},{a:4},{a:5},{a:6}]var arr1 = [{a:1},{a:2},{a:3},{a:4},{a:5},{a:6},{a:7}];var arr2 = [{a:1},{a:2},{a:7}]var arr3 = []; arr1.forEach(item1 => { var flag = fals...

这是页面 loading 封装,不是table loading封装.main.jsimport 'element-ui/lib/theme-chalk/index.css'loading.jsimport { Loading} from 'element-ui';let loadingCount = 0;let loading;const startLoading = ()...

1.判断密码级别: function checkPwd(str) { var Lv = 0; if (str.length < 6) { return Lv } if (/[0-9]/.test(str)) { Lv++ } if (/[a-...

需求:通过2个ajax请求返回2个数组table需要展示 userList的userName,和deviceList的 name。userList:[ { id:1, userName:'lllsj' }, { id:2, userName:'cccy' }]deviceList:[ { id:11, name:'设备1', tempName:'' ...

开发的时候记不住啊,如图就很明显了.

<button onclick="addRow()">点击添加一行tr</button><table id="tableTest"></table>function addRow() { var html = ' tr部分的代码 '; $("#demo").append(html);}...

<div class="showInfo" ref="showInfo" id="showInfo"></div><style> #showInfo { position: absolute; background-color: #fff; border: 1px solid rgba(0, 0, 0,...

<script> let log = console.log.bind(console); let person = [ { id: 0, name: "小明" }, { id: 1, name: "小张" }, { id: 2, name: "小李" }, { id: 3, name: "小孙" }, ...

<script> function diff(obj1, obj2) { var o1 = obj1 instanceof Object; var o2 = obj2 instanceof Object; if (!o1 || !o2) {/* 判断不是对象 */ return obj1 === obj...

//检测常用格式，邮箱，手机号，名字，大写，小写,在表单验证时 function checkType(str, type) { switch (type) { case 'email': return /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/.test(str); case 'phone'...

<script> var strr = " 1 ad dertasdf sdfASDFDF DFG SDFG " // type 1-所有空格，2-前后空格，3-前空格，4-后空格 function trim(str, type) { switch (type) { case 1: return str.re...

&lt;html&gt;&lt;script&gt; let timeStr = '20160101060000' function addtime(reqTime) { // 将你的格式转换成时间格式 reqTime = reqTime.substr(0, 4) + '-' + reqTime.substr(4, 2) + '-' + reqTi...

var arr = [{ "name": "abc", " id": "1" }, { "name": "abc", " id": "2" }, { "name": "ccc", " id": "3" }, { "name": "abc", " id": "2" }, { "name": "xiaoming", " id": "1" }]; var arrSort = funct...

//根据dec 把dec 重复的 push 到一个数组 let a = [ { name: '1', dec: 1 }, { name: '2', dec: 2 }, { name: '3', dec: 3 }, { name: '4', dec: 3 }, { name: '5', dec: 3 },...

方法1: var datalist = [ { type: 'Zach', value: 26, tag: 1 }, { type: 'Tom', value: 29, tag: 2 }, { type: 'Kate', value: 30, tag: 3 }, { type: 'Gates', value: 31, tag: 4 ...

<script> let val = '哈哈1'; let data = [ { name: '你好', description: '描述', id: '1', type: 'type', children: [ ...

var newArr = datas.reduce((total, current) => { !current.tableid && total.push(current); return total;}, []);console.log(newArr);删除有tableid的 所有对象var newArr = datas.reduce((to...

json格式如下:{ "devices": [ { "id": 1, "name": "device1", "interfaces": [ { "main_if_id": 99, "main...

var arr = ['2016-09-09', '2015-12-30', '2016-01-04', '2011-09-12'];Array.prototype.sortFn = function() { var arr2 = [] var json = {}; for (var index = 0, len = this.length; index < len; inde...

①export default module;import aaa from 'module';②export {module};或export class module;对应import { aaa } from 'module';

当后端给你 返了 一个大对象, 没必要每次都 一取到底,先接收到 最外层数据,当你需要的时候,在你需要的位置遍历取,比如说let info= [];userListInfo.map(item=&gt;{ if(item.name){ info.push(item) }})当你需要的时候,info.map(item=&gt;{ &lt;span className="u...