ECMAScript 6
黑色咖啡 Ken
走别人的路让别人无路可走
展开
-
elementui Tree 树形数据回显默认选中父节点时,部分子节点也全部选中的问题。
问题点:当数据返回默认选中,存在父节点key_id时,tree 会全部选中子节点,这样我们部分子节点没有默认被选中的也选中了。解决方案:1. 获取所有的 data 或者 key 拿到 Tree 组件中的 node数据2.如果出现node数据 没有初始化,那么可以等待dom渲染完成后$nextTick再执行,或者使用延时加载setTimeout2.再判断 isLeaf(是否为叶⼦节点 是则true,不是则false)属性,如果为叶⼦节点就选中。这样利⽤tree的API就实现了正确的回显效果原创 2022-05-19 11:19:36 · 3399 阅读 · 2 评论 -
ES6 封装
//抽象父类型:保存共同的属性function User(uname,val){ this.uname=uname; this.val=val;}//力量值class Power extends User{ constructor(uname,val){ super(uname,val); } getPower(){ console.log(`${this.uname}的力量值为${this.val}`); }.原创 2021-08-03 13:32:47 · 509 阅读 · 0 评论 -
linux安装Nginx服务器
1.下载Nginx及相关组件1.1进入用户目录下载程序1.2 下载相关组件[root@bigdata04 src]# wget http://zlib.net/zlib-1.2.11.tar.gz[root@bigdata04 src]# wget http://nginx.org/download/nginx-1.10.2.tar.gz[root@bigdata04 src]# wget http://www.openssl.org/source/openssl-fi原创 2021-02-02 15:30:12 · 138 阅读 · 0 评论 -
chekbox【2】 父级多选(选择父,子不能选择),字节多选(选择子,父不能选择),可限制个数
Vuex state:{ "SeriesProductsAll": [ //系列-成品 { name: "ping", id: 1, disabled: false, checked: false, model: [{ name: "HW1623", id: "1_1", disabled: false, checked: false }, { name: "HW1633", id: "1_2", disabled: false, checked: false }, { n原创 2020-11-02 17:17:19 · 186 阅读 · 0 评论 -
chekbox 每项可多选,可限制个数
Vuex数据 state:{ "SeriesProductsAll": [ //系列-成品 { name: "ping", id: 1, disabled: false, checked: false, model: [{ name: "HW1623", id: "1_1", disabled: false, checked: false }, { name: "HW1633", id: "1_2", disabled: false, checked: false }, .原创 2020-10-21 14:43:58 · 300 阅读 · 0 评论 -
ES6类的使用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>es6类的使用&l...原创 2020-02-10 12:48:47 · 246 阅读 · 0 评论 -
JS 计算单位 ("万元", "亿元", "万亿")
function SetUnitConversion(num) { var moneyUnits = ["", "万元", "亿元", "万亿"] var dividend = 10000; var curentNum = num; //转换数字 var curentUnit = moneyUnits[0]; //转换单位 for (...原创 2020-01-08 10:37:35 · 1762 阅读 · 0 评论 -
VUE2.0自动打包项目到服务器
五步带你完成vue-cli 项目打包一键部署(测试)服 务@一键部署 vue2.0~3.0 都可以使用1、在根目录 新建deploy 文件夹:.env.dev类容如下VUE_APP_SERVER_ID=0.env.prod类容如下VUE_APP_SERVER_ID=12、index.js 文件类容如下:const scpClient = require('sc...原创 2019-12-24 17:42:44 · 1055 阅读 · 0 评论 -
element 后台分页
<template> <div class="app"> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="日期" width="180"></el-table-column>...转载 2019-11-01 11:22:12 · 778 阅读 · 0 评论 -
javascript面向对象简单实例
//行为都是一样的,没有必要去重复创建. //我们可以存在一个共享库里面,共享库里面内存和地址都是一样的。无论任何一个对象访问,都是访问一个内存地址. //使用prototype只会创建一次. function Dog(option){ this.init(option); } Dog.prototype.init=function(option){//init初始化数据 ...原创 2019-06-03 17:08:35 · 250 阅读 · 0 评论 -
闭包理解-面向对象
闭包是一个比较抽象的概念,尤其是对js新手来说.书上的解释实在是比较晦涩,对我来说也是一样. 但是他也是js能力提升中无法绕过的一环,几乎每次面试必问的问题,因为在回答的时候.你的答案的深度,对术语的理解以及js内部解释器的运作方式的描述,都是可以看出你js实际水平的.即使你没答对,也能让考官对你的水平有个评估.那么我先来说说我对js中的闭包的理解. 闭包是很多语言都具备的特性,...原创 2019-06-13 15:59:36 · 193 阅读 · 0 评论 -
tab选项卡--(面向对象)
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="...原创 2019-06-12 15:25:11 · 282 阅读 · 0 评论 -
ES6导出数据生成文档xls或csv (1)
1.不兼容IE浏览器2.利用ES6模板字符串<div class="columns" style="display: inline-block;float:left;padding-bottom:10px"> <button type="button" class="btn btn-success exportClass" onclick="exportExce...原创 2019-04-18 11:09:52 · 1308 阅读 · 0 评论 -
vue+axios实现登录拦截(方式一)
路由拦截项目中某些页面需要用户登录后才可以访问,在路由配置中添加一个字段requireAuth在router/index.js中const router = new Router({ routes: [ { //登陆 path:'/Login', component:Login }, { //用户中心 ...原创 2019-03-26 10:38:01 · 762 阅读 · 0 评论 -
js组合算法
//三个组合算法a数组,m组合3位一组 arryFunThree(a,m){ const _this=this let r = [] if (m <= 0 || m > a.length) { return r } f...原创 2018-12-06 17:01:12 · 1995 阅读 · 0 评论 -
vue中DOM的操作
<template> <div> <li class="sidebar-list" v-for="(item, index) in meunList" @click="setPageMenu(index)" ref="menuItem" :key="index" :id="index"&am原创 2018-11-22 14:30:26 · 957 阅读 · 0 评论 -
js 获取 url后缀名等相关信息
// 获取url信息function parseURL(url) { var a = document.createElement('a'); a.href = url; return { source: url, protocol: a.protocol.replace(':',''), host: a.hostnam...原创 2018-11-23 16:56:15 · 4270 阅读 · 0 评论 -
jquery 传入时间戳 显示倒计时
<p id="countDown1"></p> <script type="text/javascript" src="node_modules/jquery/dist/jquery.min.js"></script> <script type="text/javascript"&am原创 2018-11-23 16:55:29 · 1227 阅读 · 0 评论 -
es6中 for…of 循环遍历数组对象
//数组对象 const myArray = [{ id: 1, name: "李特成", age: '20', gender: '男', arr: ['湖南长沙', 'IT技术'] }, { id: 2, name: "范冰冰", age: '15', gender: ...原创 2018-06-29 17:42:27 · 10164 阅读 · 0 评论 -
for ...of 跟 for ...in的用法
//对于普通的对象,for...of结构不能直接使用,会报错,必须部署了 Iterator 接口后才能使用,for-of用于数组对象。 //但是,这样情况下,for...in循环依然可以用来遍历键名。 let es6 = { edition: 6, committee: "TC39", standard: "ECMA-262" }; for (let e...原创 2018-06-29 18:04:45 · 592 阅读 · 0 评论 -
es6类的继承
<!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>类的继承</title> </head> <body&原创 2018-06-26 16:01:50 · 267 阅读 · 0 评论 -
es6中 Set属性方法,以及遍历
&lt;script type="text/javascript"&gt; //Set 实例的属性和方法 //add(value):添加某个值,返回 Set 结构本身。 //delete(value):删除某个值,返回一个布尔值,表示删除是否成功。 //has(value):返回一个布尔值,表示该值是否为Set的成员。 //clear():清除所有成员,没有返回值。 le...原创 2018-06-26 17:55:26 · 4992 阅读 · 0 评论 -
冒泡排序
排序算法图片总结:冒泡排序:解析:1.比较相邻的两个元素,如果前一个比后一个大,则交换位置。 2.第一轮的时候最后一个元素应该是最大的一个。 3.按照步骤一的方法进行相邻两个元素的比较,这个时候由于最后一个元素已经是最大的了,所以最后一个元素不用比较。function sort(arr){ var len=arr.length-1; for (var i = 0; i &l...原创 2018-07-11 10:36:33 · 105 阅读 · 0 评论 -
String字符串操作
String 对象方法方法描述anchor()创建 HTML 锚。big()用大号字体显示字符串。blink()显示闪动字符串。bold()使用粗体显示字符串。charAt()返回在指定位置的字符。charCodeAt()返回在指定的位置的字符的 Unicode 编码。concat()连接字符串。fixed()以打字机文本显示字符串。fontcolor()使用指定的颜色来显示字符串。fontsiz...翻译 2018-07-11 16:19:23 · 164 阅读 · 0 评论 -
vue-router动态路由(2)
html页面 <div id="app"> <div class="nav"> <!-- 使用 router-link 组件来导航. --> <!-- 通过传入 `to` 属性指定链接. --> <!-- <router-link> 默认会被渲染成一个 `&原创 2018-07-27 15:35:14 · 301 阅读 · 0 评论 -
vue-router编程式的导航
router.push(location, onComplete?, onAbort?)注意:在 Vue 实例内部,你可以通过 $router 访问路由实例。因此你可以调用 this.$router.push。想要导航到不同的 URL,则使用 router.push 方法。这个方法会向 history 栈添加一个新的记录,所以,当用户点击浏览器后退按钮时,则回到之前的 URL。// ...原创 2018-07-27 15:58:52 · 354 阅读 · 0 评论 -
vue-router命名视图
<script src="https://unpkg.com/vue/dist/vue.js"></script><script src="https://unpkg.com/vue-router/dist/vue-router.js"></script><div id="app"> <原创 2018-07-27 16:32:47 · 222 阅读 · 0 评论 -
vue-router 路由中的钩子
路由配置文件中的钩子函数router/index.js 我们在params路由里配置了bdforeEnter得钩子函数,函数我们采用了ES6的箭头函数,需要传递三个参数。我们并在箭头函数中打印了to和from函数。具体打印内容可以在控制台查看object。三个参数: to:路由将要跳转的路径信息,信息是包含在对像里边的。 from:路径跳转前的路径信息,也是一个对象的形...原创 2018-07-31 10:59:19 · 616 阅读 · 0 评论 -
vue后台模拟数据,修改dev-server.js文件
vue老版本后台模拟数据dev-server.js 最新的vue里dev-server.js被替换成了webpack-dev-conf.js在模拟后台数据的时候直接在webpack-dev-conf.js文件中修改第一步,在const portfinder = require(‘portfinder’)后添加第二步data.json数据 完成后重新启动运行...原创 2018-08-02 16:52:57 · 361 阅读 · 0 评论 -
vue 解决跨域
vue项目中,前端与后台进行数据请求或者提交的时候,如果后台没有设置跨域,前端本地调试代码的时候就会报“No 'Access-Control-Allow-Origin' header is present on the requested resource.” 这种跨域错误。使用http-proxy-middleware 代理解决(项目使用vue-cli脚手架搭建)打开config/...原创 2018-08-22 10:48:31 · 562 阅读 · 0 评论 -
vue 分页左右滑动(创建swiper对象,swiper对象来实现轮播)this.$nextTick 后初始化轮播
通过定义的categorysArr二维数组来遍历以及data中定义的baseImageUrl路径 <nav class="msite_nav"> <div class="swiper-container"> <div class="swiper-wrapper"> <原创 2018-08-23 17:00:51 · 1827 阅读 · 0 评论 -
使用vue实现模拟数字键盘(1)
input.vue <div class="l_input"><input type="tel" value="" v-model="preMoney" min="1" id="input_id" ref="keyboard" @focus="onFocus($event)"> 元原创 2018-11-21 18:04:57 · 4676 阅读 · 0 评论 -
es6 forEach()遍历数组对象
const myArray=[ {id:1,name:"李特成",age:'20',gender:'男',arr:['湖南长沙','IT技术']}, {id:2,name:"范冰冰",age:'15',gender:'女',arr:[]}, {id:3,name:"范斌",age:'60',gender:'男'...原创 2018-06-29 17:03:49 · 16413 阅读 · 2 评论