第八章-BOM

window对象

BOM对象的核心是window,它表示浏览器的实例,window是javascript和浏览器交互的接口。

有一点值得注意:定义全局变量和在window上面定义变量有一个区别就是,在window上面直接定义变量,可以用delete删除,但是直接定义是不可以删除的用delete

阅读更多

第六章-面向对象的设计程序

属性类型

数据属性(Object.defineProperty())

1) [[Configurable]]: 表示能否通过delete删除属性,从而重新定义属性,,默认值为true
2) [[Enumerable]]: 表示能否通过for-in循环返回属性,,默认值为true
3) [[Writable]]: 表示能否修改属性的值,,默认值为true
4) [[Value]]: 包含这个属性的值,默认值为undefined

修改对象属性的默认特性,必须使用Object.defineProperty()方法。

阅读更多

第三章-数据类型

任何语言的核心都必然会描述这门语言最基础的工作原理。而描述内容通常都要涉及这门语言的语法、操作符、数据类型、内置功能等用于构建复杂解决方案的基本概念。

阅读更多

修改element源码,发布属于自己的element包,实现自定义并修改element源码的bug,来实现线上使用自己的包来打包文件

我们在项目中,在采用element框架的时候,框架本身也是有bug的或者不符合我们产品需求需要我们改动的,但是,如果是本地打包完上传到服务器的话,可以修改本地的element源码,如果是服务器打包的话,那我们就得自己发一个npm的包来进行打包了。

案例:修改element Cascader 级联选择器,清空数据,下拉框仍然回显最后选择的数据的问题

阅读更多

字符窜数组常用易混淆方法总结

字符窜

substring(start开始位置的索引,end结束位置索引) 截取的位置不包含结束位置的字符,只写一个参数表示从开始位置截取到最后

1
2
3
var str='abcdefg'; 
str.substring(1) //得到bcdefg
str.substring(1,3) //得到bc

输入负值时将负值变为0,哪个较小作为开始位置

阅读更多

vue-router-打开新页面

vue-router 如何在新窗口打开页面

1. 标签实现新窗口打开

官方文档中说 v-link 指令被 组件指令替代,且 不支持 target=”_blank” 属性,如果需要打开一个新窗口必须要用标签,但事实上vue2版本的 是支持 target=”_blank” 属性的(tag=”a”),如下:

1
<router-link target="_blank" :to="{path:'/home',query:{id:'1'}}">新页面打开home页</router-link>

2.编程式导航

有些时候需要在单击事件或者在函数中实现页面跳转,那么可以借助router的示例方法,通过编写代码实现。我们常用的是 $router.push 和 $router.go 但是vue2.0以后,这种方式就不支持新窗口打开的属性了,这个时候就需要使用this.$router.resolve,如下:

1
2
3
4
5
6
7
seeShare(){
let routeUrl = this.$router.resolve({
path: "/share",
query: {id:96}
});
window.open(routeUrl .href, '_blank');
}