最近iOS13 发布了darkmode模式。虽然本人觉得次此功能呼声大于实际，但作为一个以用户体验为己任的前端，当然不能坐视不管，我们总该做点什么。

在前端或客户端开发中，经常需要依赖后端同学开发的API。为了能够前后端并行开发，前端通常会采用Mock数据的方法，通过模拟api假数据进行页面渲染。等到后端API开发完毕再接入真实API进行调试。

自从Brendan Eich用十天时间创造了JavaScript，人们对它的吐槽就从未间断过。众所周知JavaScript是一门动态语言。运行于JavaScript引擎中，我们熟悉的有Mozilla的SpiderMonkey，Safari的JavaScriptCore，Edge的Chakra还有大名鼎鼎的V8。V8引擎将JavaScript的运行效率提升到一个新的level。所以后来的Nodejs也采用V8作为...

作为一个合格的前端工程师，你一定用过Fiddler或Charles之类的抓包工具。但是在Mac上做开发时，相关的抓包工具很多是收费的。当你费劲心思下载到了破解版，却还是难以忍受其丑陋的win风格界面和令人悲伤的闪退问题。有没有想过自己来实现一个代理客户端呢？其实这个真的可以有。

『前端碎碎念』系列会记录我平时看书或者看文章遇到的问题，一般都是比较基础但是容易遗忘的知识点，你也可能会在面试中碰到。 我会查阅一些资料并可能加上自己的理解，来记录这些问题。更多文章请前往我的个人博客

『前端碎碎念』系列会记录我平时看书或者看文章遇到的问题，一般都是比较基础但是容易遗忘的知识点，你也可能会在面试中碰到。 我会查阅一些资料并可能加上自己的理解，来记录这些问题。更多文章请前往我的个人博客

『前端碎碎念』系列会记录我平时看书或者看文章遇到的问题，一般都是比较基础但是容易遗忘的知识点，你也可能会在面试中碰到。 我会查阅一些资料并可能加上自己的理解，来记录这些问题。更多文章请前往我的个人博客

在各种论坛上，经常会看到一些奇怪的字符，它们的内容会超出显示范围， 举个例子： {代码...} 常见的还有一些有泰文字符组成的。这里就不举例子了。这些看似乱文的字符是怎么形成的呢？ 其实它们并不是乱文，尝试输出上面那个例子的字符长度 {代码...} 发现竟然包含了75个字符！我们用Array.from输出这些字符： {代码......

既然Unicode已经统一了天下，为什么JavaScript不采用UTF的编码方法呢？原因很简单，因为JavaScript诞生的时候UTF-8还尚未成熟，UTF-16更是到后面才出现，而此时UCS已经先行一步地完成了UCS-2。所以JavaScript采用了比UTF更早的UCS。也就是UCS-2。（记住只是编码方法，实际上字符集还是Unicode字符集）

网站开发中经常会被乱码问题困扰。知道文件编码错误会导致乱码，但对其中的原理却知之甚少。偶然从某篇文章了解了Unicode，发现从这条线出发也牵引出了一系列缺失的知识点。通过研读文章，基本了解了一些以前不明白的问题，所以整理了几篇，从几个角度介绍下Unicode， 并聊聊一些相关的问题。

到这里我们已经讲了游戏的整体设计和实现。一个游戏要完整，还需要给它制定一个评分机制，它是整个游戏的关键所在。就好比一部电影，特效再好看，如果剧情狗血，那也是一部烂片。

本游戏有五种技能粒子，分别是 "护盾"，"重力场"，"时间变慢"，"使敌人变小"，"增加生命"。Player粒子吃了技能粒子后就能表现各种特殊效果。

canvas 2d的场景坐标系采用平面笛卡尔坐标系统，左上角为原点(0,0)，向右为x轴正方向，向下为y轴正方向，坐标系统的1个单位相当于屏幕的1个像素。这对我们进行角色定位至关重要。

上一节介绍了canvas的基础用法，了解了游戏开发所要用到的API。这篇文章开始，我将介绍怎么运用这些API来完成各种各样的游戏效果。这个过程更重要的是参透一些游戏开发的思路和想法，而不是仅仅知道怎么写代码来完成这个游戏。

从萌发写一个小游戏的想法到完成游戏开发用了大概一周的业余时间。这个过程积累了一些经验，也算是参透了一些游戏开发的原理。在这里打算写一个系列教程，讲述怎样从零开始开发一款小游戏。让新者少走弯路，快速入手。也能让自己总结反思，发现问题。

实现一套pc调试面板采用这种实现方式有weinre，weinre很早前就比较流行了，使用也比较广泛，运行后会在PC上生成一个像chrome开发工具一样的调试器。能对手机进行远程调试，能操作DOM，打印console输出等。

之前在使用gulp和webpack对项目进行构建的时候遇到了一些问题，最终算是搭建了一套比较完整的解决方案，接下来这篇文章以一个实际项目为例子，讲解多页面项目中如何利用gulp和webpack进行工程化构建。本文是自己的实践经验，所以有些解决方案并不是最优的，仍在探索优化中。所以有什么错误疏漏请随时指出。

引子 首先大家看一下下面的代码，猜猜会输出什么结果？ {代码...} 答案是10!你是否会疑惑条件语句if(!foo)并不会执行，为什么foo会被赋值为10 再来看第二个例子 {代码...} 答案还是10吗？显然不是，alert输出了1 如果你仍然对上面两个输出结果摸不着头脑，那么请认真阅读这篇文章 Scoping in Javascript Javascript的作...