什么是“游戏化” 将游戏设计的手段应用于非游戏的场景。 游戏机制与人类欲求 游戏化并不是一个成瘾系统，因为它必须建立在人的需要之上。而游戏化的核心就是促进内驱。 绿点是游戏机制所带来的直接效果，蓝点是...

/** * 1. __proto__ and prototype */ const obj = {} /** * [X] Deprecated and discouraged, also not in...

前言 Generator 函数是 ES6 一个很重要的特性，但其涉及的概念却不太能一眼就看懂，所以写下这篇小文以作学习记录。 定义一个 generator 函数 定义一个 generator 函数十分...

跨域问题 照例先来把问题的来源弄清楚：什么是跨域？为什么会有跨域问题？ 浏览器有一个安全策略：同源策略。同源是指，域名，协议，端口相同。浏览器会判断 AJAX 请求的 URL 是否和页面同源，避免页面...

Why DOCTYPE? 主要是今天看到一句：HTML5 的 DOCTYPE 声明不需要 DTD 文件的 URL，然后就想到 HTML5 的 DOCTYPE 声明较之前的版本确实显得尤其简单。之前从来...

基于 Node.js 的 web 应用 一个基本的 node.js web application 需要： 我们需要提供 Web 页面，因此需要一个 HTTP 服务器 对于不同的请求，根据请求的 UR...

Method token (cont’d) POST： 用于向指定的资源提交要被处理的数据，被设计用于实现如下功能： 对现有资源的注释 向电子公告栏、新闻组，邮件列表或类似讨论组发送消息 提交数据块，...

HTTP Request Message Format 一个 request message 组成如下图： 由于上次 note 中大致了解过其组成，所以这次详细了解 method，且自己会尽力将所有的...

为什么必须了解 HTTP ？ Zhihu 上有个问答：前端工程师应该对 HTTP 了解到什么程度？从哪些途径去熟悉更好？ 原来一个好的 web dev 不是只需懂得 HTML、CSS、JavaScri...

什么时候可以用自定义 data 属性呢？ To store the initial height or opacity of an element which might be required in...

语法 属性名称 属性名必须以 data- 作为前缀，且至少有一个字母，不可大写。 属性值 属性值可以为任意的字符串。 为什么要用 data-* 属性 ？ 很久很久以前，在需要对每一个元素存储数据时，大...

HTML5 之前 在 HTML5 之前，常用 <div id="header"> 但是在第一篇 Note 中了解了语义化之后，已经能够理解使用 <header> 可以传达更多的...

为什么要语义化？ 不仅人类需要明白HTML语义，机器（搜索引擎爬虫，辅助工具等）也需要能够读懂HTML语义 易于形成结构化的文档数据，搜索引擎神马的最喜欢了 从开发者的角度来说，增强了代码的可读性 简...

之前写页面时，总觉得对 css 不熟悉，所以这个学期就开始打好 css 的基础。现在正在看 CSS Mastery，相比 CSS The Definitive Guide 而言，读起来更有趣，自己更有...