字符窜

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

1
2
3

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

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

阅读更多

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

阅读更多

前言

懒加载，顾名思义，在当前网页，滑动页面到能看到图片的时候再加载图片
故问题拆分成两个：
1.如何判断图片出现在了当前视口 （即如何判断我们能够看到图片）
2.如何控制图片的加载

阅读更多

1.播放/暂停
2.播放进度控制
3.音量控制
4.全屏控制

阅读更多

简介

遍历器（Iterator）就是这样一种机制。它是一种接口，为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署 Iterator 接口，就可以完成遍历操作（即依次处理该数据结构的所有成员）。

阅读更多

“请给我一面国旗@微信官方”朋友圈刷屏了，只想说一句：”腾讯的产品真牛逼！！！”

阅读更多

正则表达式可以:

• 测试字符串的某个模式。例如，可以对一个输入字符串进行测试，看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证
• 替换文本。可以在文档中使用一个正则表达式来标识特定文字，然后可以全部将其删除，或者替换为别的文字
• 根据模式匹配从字符串中提取一个子字符串。可以用来在文本或输入字段中查找特定文字

阅读更多

深浅拷贝的区别

简单点来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，拿人手短，如果B没变，那就是深拷贝，自食其力。

阅读更多

node编程中最重要的思想就是模块化，import和require都是被模块化所使用。

遵循规范

• require 是 AMD规范引入方式
• import是es6的一个语法标准，如果要兼容浏览器的话必须转化成es5的语法

  阅读更多

rem适配原理

• 将设备分成 n 等分，n 可以是任意正确的值（比如 flexible.js 中的 n = 10 ）。
• • 设置 html 元素的 font-size 为 设备宽度 / 10，即得到 设备视口 1 rem 到底表示 多少设备视口 px。
• 将设计稿也分成 n 等分，此时设计稿中的某个元素a 的 px 对应 设备中这个元素的 rem 的计算方式为
• • ?rem = 设计稿 a px / (设计稿的宽度 / n(表示1rem为多少px像素))

阅读更多