[单段代码看频率]：看代码片段中「循环代码」的时间复杂度。 [多段代码看最大]：如果多个 for 循环，看「嵌套循环最多」的那段代码的时间复杂度。 [嵌套代码求乘积]：循环、递归代码，将内外嵌套代码求乘积去时间复杂度。 [多个规模求加法]： 法有两个参数控制两个循环的次数，那么…

一. 项目中有需求如下： 二. 踩坑思路： 三. 实现流程： 四. 下面逐步说明： 五. 优化点 六. 最后说一下在ios上面碰到的情况 1. html2canvas版本问题： 2. canvas画出的图片过大，导致canvas.toDataUrl()在ios上运行被系统强行阻止

平时的开发中可能不太需要用到设计模式，但是 JS 用上设计模式对于性能优化和项目工程化也是很有帮助的，下面就对常用的设计模式进行简单的介绍与总结。 1. 单例模式 定义：保证一个类仅有一个实例，并提供一个访问它的全局访问点。 2. 策略模式 定义：定义一系列的算法，把它们一个个…

现在的网络上已经有各样关于 ECMAScript 规范介绍和分析的文章，而我自己重新学习一遍这些规范，整理出这么一份笔记，比较精简，主要内容涵盖ES6、ES7、ES8、ES9，后续会增加面试题，框架入门等笔记，欢迎吐槽交流。 这份资料的ES6部分将会参考阮一峰老师的 ECMAS…

如果你有复杂的游戏角色或交互式对象，你可能希望该角色根据游戏环境中发生的情况，以不同的方式运行。每个单独的行为称为状态。如果你在精灵上定义状态，那么只要游戏中出现与该状态相对应的事件，就可以触发这些状态。 比如，通过键盘的方向键控制一个游戏角色时，按下左箭头，角色就向左移动，其…

各位童鞋如果经常上 B 站（bilibili.com） ，应该对 蒙版弹幕 这个概念并不陌生。 蒙版弹幕 是由知名弹幕视频网站 bilibili 于 2018 年中推出的一种弹幕渲染效果，可以有效减少弹幕文字对视频主体信息的干扰。 关于 B 站蒙版弹幕的实现原理，其实网上已经有…

作为前端er，我们的工作与web是分不开的，随着HTML5的日益壮大，浏览器自带的webapi也随着增多。本篇文章主要选取了几个有趣且有用的webapi进行介绍，分别介绍其用法、用处以及浏览器支持度，同时我也分别为这几个api都做了一个简单的demo（真的很简单，样式等于没有~…

本文是《PWA学习与实践》系列的第八篇文章。本文中的代码可以在learning-pwa的sync分支上找到（git clone后注意切换到sync分支）。 PWA作为时下最火热的技术概念之一，对提升Web应用的安全、性能和体验有着很大的意义，非常值得我们去了解与学习。对PWA感…

CSS越来越强，现在已经可以实现根据不同的背景色显示不同的前景色进行匹配了，例如一个按钮，如果是深色背景色，则文字颜色为白色，如果是浅色背景色，文字颜色会自动从原来的白色变成黑色了，同时边框也显示出来了，以便有更好的识别度。这么神奇的事情是如何实现的呢？确实大开眼界。