BBSMAX

window的子对象

在控制台输入 history history.length 历史记录个数history.back() 后退history.forward() 前进history.go(n) 跳到某一页,可正可负,当n是o时刷新页面locationwindow.location;location.href:可更改地址location.search:查询数据location.hash:返回锚点location.reload(true/false):重新刷新页面,true不走缓存,false走缓存.默认不走缓存loc

do { } while（）{ }

1 var j=10; 2 do{ 3 console.log("十八岁以下禁止观看") 4 console.log(j); 5 j++; //j为18之前都不执行while 6 } 7 while(j<18){ //j=11,小于18满足条件返回继续执行 8 console.log("可以看了") //总会执行一次的 9 } 10 //输出8次:十八岁以下禁止观看,1次可以看了 11 12 var j=10; 13 do{ 14 console.log(&q

西瓜视频的li绑定容器踏坑之旅

一定要绑定key,不然会出现一个li里面渲染出两个video标签

前端根据后端返回的数据流导出excel

首先在utils.js里面声明exportMethod函数,该函数的作用是通过发axios post请求后端导出接口,请求成功后: 1. 在成功函数里面先新建一个a标签: const link = document.createElement('a'); 2. 然后new一个Blob对象(是一个可以存储二进制文件的容器) let blob = new Blob([res.data], {type: 'application/x-excel'}); let blob = new Blob(arr[

cron语句

名称是否必须允许值特殊字符秒是 0-59 , - * / 分是 0-59 , - * / 时是 0-23 , - * / 日是 1-31 , - * ? / L W C 月是 1-12 或 JAN-DEC , - * / 周是 1-7 或 SUN-SAT , - * ? / L C # 年否空或 1970-2099 , - * / 注意在cron表达式中不区分大小写. 星号(*):可用在所有字段中,表示对应时间域的每一个时刻,例如, 在分钟字段时,表示"每分钟"

el-tree组件过来吧默认打开全部子节点

//搜索到节点必须打开此节点所有子节点,因为默认是不会打开子节点的,所以手动设置打开的最高层级.本次我设置了最大四个层级 filterNode(value,data,node) { if(!value){ return true; } let level = node.level; let _array = [];//这里使用数组存储只是为了存储值. this.getReturnNode(node,_array,value); let result = false; _array.forEac

offsetX与offsetLeft

offsetX:鼠标指针距离当前绑定元素左侧距离,他并不是相对于带有定位的父盒子的x,y坐标, 记住了,很多博客都解释错了 offsetLeft,offsetTop 相对于最近的祖先定位元素.

vue中使用西瓜视频中引入自定义样式，绝对可以

首先配置sass-loader和raw-loader 方法,再vue-config.js中加上这一段代码 module.exports = { chainWebpack: config => { const svgRule = config.module.rule('svg') // 清除已有的所有 loader. // 如果你不这样做,接下来的 loader 会附加在该规则现有的 loader 之后. svgRule.uses.clear() // 添加要替换的 loader svgRule

Let和Const区别，详细版本

let:声明的是变量1.不存在变量提升 // var 的情况 console.log(foo); // 输出undefined var foo = 2; // let 的情况 console.log(bar); // 报错ReferenceError let bar = 2; 上面代码中,变量foo用var声明,会发生变量提升,即脚本开始运行时,变量foo已经存在了,但是没有值,所以会输出undefined.变量用let声明,不会发生变量提升.这表示在声明它之前,变量bar是不存在的,这时如果用

style中加了scoped无法更改element ui样式解决办法

第一种方法原因:scoped 解决方法:去掉scoped 注意:此时该样式会污染全局样式,可以把它放在公共的css里面为了不让所有的 el-input标签都是该样式,可以在HTML给改input加上一个类名,比如 modInput 第二种方法这不去掉scoped 的情况下在全局样式中覆盖,这种解法,有弊端,可能会污染全局样式.为了不污染全局样式,也可单独加个类名比如在引用全局样式前引用element ui的样式第三种样式放到app.vue里面或者入口文件 index.vue ,样

Vue-router与hash与history区别

vue-router 基本使用路由,其实就是指向的意思,当我点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的about 按钮,页面中就要显示about 的内容.Home按钮 => home 内容, about按钮 => about 内容,也可以说是一种映射. 所以在页面上有两个部分,一个是点击部分,一个是点击之后,显示内容的部分. 点击之后,怎么做到正确的对应,比如,我点击home 按钮,页面中怎么就正好能显示home的内容.这就要在js 文件中配置路由. 路

axios和后端交互时，参数需要写在body和query中同时写

axios.post('/api/xxx',{ // post body },{ params: { // query } }) demo: let params = { _id:this.alarmAddForm._id, name:this.alarmAddForm.name, userId:"user1", } this.$http.post('/geofence/api/geofence/updateElectricFence',this.pentagonpath,{param

vue中 computed和watch的一些简单理解（区别）

今天看到一个问题,就是vue的computed和watch要在哪些场景下使用,其实也就是在问他们的区别.computed也就是计算属性,它可以帮助我们将在模板中的一些稍微复杂的逻辑计算放回到js代码中,方便理解与修改维护:就拿官网给的例子,如下代码片段. <div id="example"> {{ message.split('').reverse().join('') + number }} </div> 这js片段虽然看起来挺简单的,但是,如果以后多了需求,

css中所有的选择器（包括比较少见的选择器）

jQuery.CSS常用选择器符号描述示例说明紧接无符号相当于"并且"关系 input.k-textbox{ ...} 选出input并且包含k-textbox类的元素 , (逗号) 选择器分格符, 选择多种元素 h1, h2{ ...} 选出h1 和 h2 的所有元素 . (圆点) 类选择器 .k-textbox{ ...} 选出包含k-textbox类的元素 *(星号) 所有元素 *{ ...} 选择所有的元素 # (井号) ID选择器 #mem-id

Lodash中常用函数，不建议经常使用，容易让人变懒忘了原生函数

1.N次循环 <script type="text/javascript"> console.log('------- javascript -------'); //js原生的循环方法 for(var i = 0; i < 5; i++){ console.log(i); } console.log('------- lodash -------'); //ladash的times方法 _.times(5,function(a){ console.log(a); }

Lodash常用函数（二）

数组/对象方法 1.remove(元素筛选,分到两个数组) 2.sortedUniq (去重,排序) 3.takeRightWhile ( 从array数组的最后一个元素开始提取元素,直到 predicate 返回假值 ) 4.uniqBy (去重,排序) 5.groupBy(分组) const users = [ { id: 'a', age: 40, height: 1 }, { id: 'b', age: 39, height: 2 }, { id: 'c', age: 38, heigh

父组件传值给子组件时 ,watch props 监听不到解决方案

watch:{ data:{ immediate:true, handler:function(){ } } }

JS中关于原型对象与原型链的理解！

1.首先我们先来看一张图 prototype 每个函数都有一个 prototype 属性每一个JavaScript对象(null除外)在创建的时候就会与之关联另一个对象,这个对象就是我们所说的原型,每一个对象都会从原型"继承"属性. demo: function Person() { } // 虽然写在注释里,但是你要注意: // prototype是函数才会有的属性 Person.prototype.name = 'Kevin'; var person1 = new Person()

解决el-checked-group中v-medel绑定的是一个数组对象方法（不用修改源码）

思路:弃用el-checked-group使用el-checked模拟 <!DOCTYPE html> <html> <head> <meta charset="UTF-8">  <link rel="stylesheet" href="//unpkg.com/element-ui/lib/theme-chalk/index.css"

vue cli3中配置生产环境、开发环境、测试环境

首先在packjson中配置 "scripts": { "serve": "vue-cli-service serve", //调用开发api "build": "vue-cli-service build", //上线 "test": "vue-cli-service build --mode test",//需要添加的内容,测试 }, 在项目目录下建立 .env文