第三章-数据类型

2020-07-30

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

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

2020-07-12

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

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

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

2020-07-02

字符窜

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

1
2
3

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

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

vue-router-打开新页面

2020-06-23

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,如下：

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

开发问题记录

2020-06-09

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

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