class的继承
摘要：1. class Class 可以通过 extends 关键字实现继承，这比ES5的通过修改原型链实现继承，要清晰和方便很多 class Point { constructor(x,y){ this.x = x; this.y = y; } toString() { console.log('此处是
阅读全文
js 中的super
摘要：super 类似于ES5语法中的call 继承 class A { constructor(name) { console.log(name); // xiaozhu this.name = name; } getX() { console.log(this.name) } } class B ex
阅读全文
class 的基本语法
摘要：· class 是ES6 提供的更接近于传统语言的写法， 作为对象的模板，通过class 关键字，可以定义类 · class 写法只是一个语法糖，它只是让对象原型的写法更加清晰，更像面向编程的语法。例如 // 传统原型对象写法 function Person(x,y) { this.x = x; t
阅读全文
js 中的call()、apply()、bind() 的用法
摘要：call()、 apply()，bind()的区别 相同点： 都是重定向this指针的方法 不同点: 1. call 和apply 的第二个参数不同，apply 第二个参数必须传入一个数组，call 第二个参数可以是任意类型 2. bind 除了返回是函数以外，它的参数和call一样 （bind方法
阅读全文
原型、原型链
摘要：一、 构造函数 1.1 构造函数分为 实例成员 和 静态成员 实例成员： 实例成员就是在构造函数内部，通过this添加的成员。 实例成员只能通过实例化的对象来访问 静态成员： 在构造函数本身添加的成员，只能通过构造函数来访问 function Star(name,age) { // 实例成员 thi
阅读全文
数组排序、求最大值、求和、 数组去重
摘要：1. 数组排序、求和、求最大值 let arr = [1,4,5,3] // 1. 使用sort排序 let arr1 = arr.sort(function(a,b) { return a - b }) console.log(arr1) // 获取最大值 console.log(arr1[arr
阅读全文
画一个三角形
摘要：.div { width: 0; height:0; border-width: 100px; border-color: transparent red transparent transparent; transform: rotate(90deg); /*顺时针旋转90度*/ }
阅读全文
vue-router的导航钩子
摘要：在做vue项目的时候，要求用户在页面访问前先登录，或在离开页面前发出提醒。 一、 全局守卫 router.beforeEach 路由改变前的钩子 const router = new VueRouter({...}) router.beforeEach((to, from, next) => { }
阅读全文
vuex
摘要：vuex 是一个专为vue.js 应用程序开发的状态管理器，在main.js引入store 注入，在new Vue中挂载到vue实例中。 new Vue({ router, store, // store 和 router一样，将我们创建的Vuex实例挂载到这个vue实例中 render: h=>
阅读全文
str 倒序
摘要：let str = "xiao" // 方法一 str.split("").reverse().join("") .split(""): 字符串转数组每个字符都拆分 ["x","i","a","o"] .reverse(): 数组倒序 ["o","a","i","x"] .join(""): 数组转
阅读全文
tootip 自定义 返回年月日
摘要：let fireMonitorSub = echarts.init(document.getElementById('fireMonitor')) let carInfoOption = { tooltip: { trigger: 'axis', backgroundColor: 'rgba(30,
阅读全文
js 年月日 时分秒
摘要：function formateTime() { const date = new Date() const year = date.getFullYear() const month = date.getMonth() + 1 const day = date.getDate() const ho
阅读全文
饼图 图例百分比， 饼图渐变
摘要：$scope.energyRatioData = [ {value: 1048, name: '报警'},{value: 735, name: '故障'},{value: 580, name: '正常'},{value: 484, name: '离线'}, ] $scope.energyRatioO
阅读全文
addEventListener函数的第三个参数
摘要：第三个参数涉及到冒泡和捕获，是true为捕获，是false为冒泡 或者是一个对象{passive: true}, 针对的是Safari 浏览器，禁止/开启使用滚动的时候要用到
阅读全文
nginx 配置及反向代理
摘要：nginx 配置 events { worker_connections 1024; } http { include mime.types; default_type application/octet-stream; sendfile on; keepalive_timeout 65; serv
阅读全文
http与https
摘要：httphttps 80端口 443端口 无需申请证书 需要申请证书 超文本传输协议 ssl加密协议 快 慢（因为会有一个ssl包需要传输） ssl加密 分为对称和非对称加密 1. 对称加密。 客户端和服务端公用一个密钥对消息加解密。（客户端和服务端约定好一个加密钥匙。客户端在发消息浅用该密匙对消息
阅读全文
做一个一直旋转的动画
摘要：.turn{ width:100px; height: 100px; background: aqua; animation:turn 1s linear infinite; margin: 100px auto; } /* turn : 定义的动画名称 1s : 动画时间 linear : 动画以
阅读全文
单位em rem % vw vh vmin和vmax的
摘要：em：定义字体大小时以父级的字体大小为基准；定义长度单位时以当前字体大小为基准。 例父级font-size： 14px; 则子级font-size：1em为font-size：14px; 若定义长度时，子级的字体大小如果为14px，则子级width: 2em 为width: 24px rem：以根元
阅读全文
盒模型及如何转换
摘要：盒模型的组成，由里向外 content，padding、border、margin 在ie盒子模型中，width表示content+padding+border这三个部分的宽度 + 边界margin box-sizing： content-box (w3c盒模型，又称标准盒模型)： 元素的宽高大小表
阅读全文
webpack 中如何处理图片的？
摘要：在webpack中有两种处理图片的loader： · file-loader： 解决css 等中引入图片的路径问题（解决通过url，import/ require()等引入图片的问题） · url-loader： 当图片小于设置的limit参数值时， url-loader 将图片进行base64编码
阅读全文
正则一二
摘要：1. 去除首尾空格 let string3 = " aaa " function trimStr(str){ return str.replace(/(^\s*)|(\s*$)/g,"") } console.log(trimStr(string3)) 2. 用来校验手机号 var phoneReg
阅读全文
js 中slice、splice和split、substring的使用方法
摘要：slice: 不会修改原来的数组，返回截取数组元素 splice: 直接修改原数组，删除原数组中的指定元素，返回的是被删除的元素组成的数组 split: 根据特定的字符切割成字符串并返回生成的数组 💜 slice: 可以理解成是提取某东西的片段 用法一： array.slice(start,end
阅读全文
js 同时判断 变量为 undefined、null、空字符串
摘要：let a = undefined let b = null let c = '' if (a == undefined) { alert('undefined') // alert undefined 成立 } if (b == undefined) { alert('undefined') //
阅读全文
管理
