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()方法。

阅读更多

本章内容
口 使用对象
口 创建并操作数组
口 理解基本的JavaScript类型
口 使用基本类型和基本包装类型

阅读更多

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

阅读更多

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

阅读更多

我们在项目中，在采用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 如何在新窗口打开页面

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');
}

h5网页判断微信、小程序环境

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
export function isWeChatMiniApp() {
  const ua = window.navigator.userAgent.toLowerCase();
  return new Promise((resolve) => {
    if (ua.indexOf('micromessenger') == -1) {
      console.log("不在微信或者小程序中")
      resolve(false);
    } else {
      wx.miniProgram.getEnv((res) => {
        if (res.miniprogram) {
          console.log("在小程序中")
          resolve(true);
        } else {//在微信中
          console.log("在微信中")
          resolve(false);
        }
      });
    }
  });
}

阅读更多