前端经验积累记录

2017-10-16

  1. 前端页面判断app是否已安装
    github地址demo
    思路:点击按钮后,先尝试将url设置为app的url,同时2.5s后执行将url设置为下载页面的url。如已安装app,则第一步即可打开app,否则第一步url设置后无反应,开始执行延迟函数。
    根据目前淘宝的实现效果来看,就是这个方法。

2017-10-17

  1. 移动端页面元数据
    相关文章
    属性解释

    1
    2
    3
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="format-detection"content="telephone=no" />
  2. 原生js操作dom元素节点添加删除class
    MDN地址

    1
    2
    3
    4
    var ele = document.querySeletor('div');
    ele.addEventListener('click',function(){
    ele.classList.toggle('example-class');
    });
  3. html实现刻度尺效果
    demo地址