开发问题记录

小程序 css2 git

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

阅读更多

IntersectionObserver懒加载

js

前言

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

阅读更多

简单总结常用的正则表达式的Api

js 正则

正则表达式可以:

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

阅读更多