头像
JavaScript

ECMAScript 6 入门

变量

1. 二进制和八进制字面量

ECMAScript 很早就支持十六进制字面量（通过在字面量中添加 0x 作为前缀来表示）。在 ES6 中，可以通过在字面量中分别添加 0b 或 0o 作为前缀来表达二进制和八进制字面量。

查看更多

HTML

meta 标签设置

一、PC 端

1. viewport 模板

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="ie=edge, chrome=1">
    <meta name="format-detection" content="telephone=no, email=no">
    <link rel="shortcut icon" type="image/x-icon" href="">
    <title>标题</title>
    <meta name="description" content="不超过150个字符">
    <meta name="keywords" content="">
</head>

<body> 这里开始内容 </body>

</html>

查看更多

JavaScript

解决移动端 300ms 延迟

问题：

  1. 移动端 click 屏幕产生 200-300 ms 的延迟响应。
  2. 移动设备上的 web 网页是有 300ms 延迟的，往往会造成按钮点击延迟甚至是点击失效。

解决方案：

  1. fastclick 可以解决在手机上点击事件的 300ms 延迟
  2. zepto 的 touch 模块，tap 事件也是为了解决在 click 的延迟问题
  3. 解决 300ms 延迟的问题，也可以通过绑定 ontouchstart 事件，加快对事件的响应

说明：

触摸事件的响应顺序：

  1. ontouchstart
  2. ontouchmove
  3. ontouchend
  4. onclick