编程游戏（不是游戏编程，也不是编游戏……），也叫代码游戏，代表着市面上一类特别的游戏。它在游戏中加入了编程的特性（或许反过来说也对）。本文意在梳理市面上的一些编程游戏，并对其玩法进行介绍和评价。

如果把设计模式当做一门语言的话，我觉得组合模式就是里面的数组，或者更确切的说，应该算是一棵树。 树的枝干就是其他模式的使用，比如命令模式，代理模式，单例模式等等。总的来说，组合模式在这里就相当于一个容器，但也并非仅仅是个容器(不然，我还给他冠名"模式").

直出是什么？到底是怎样的性能优化？本文将结合从在浏览器输入url，到展示最终页面的过程来对其进行一步步分析，并将在手Q web 中的实际应用实践进行总结。

教你如何在 web 应用程序中使用本地文件•上传图片file✔ - 前端 - 掘金使用在HTML5中添加到DOM的File API，现在可以让Web内容要求用户选择本地文件，然后读取这些文件的内容。此选择可以通过使用HTML   ) 元素用来创建基于web表单的可交互控件."><input> 元素或...

重拾前端热情上一次写前端技术博客是2年前，也就是2022年年底，写了一篇《浅谈业务中台前端设计》，之后就再也没有写过公开的前端技术文章。虽然我写前端技术文章的初衷是为了分享给更多的人看，让大家少才一些坑，但是随着时间的推移，有种用爱发电的感觉，所以就停更了。一晃2年过去了，消失的这2年我做了什么呢？踏踏...

就是为了“性能”！！！按照经验来说，直出，能够减少20% - 50%不等的首屏时间，因此尽管增加一定维护成本，前端们还是前赴后继地在搞直出。

你应该知道的 4 种 JavaScript 设计模式 - 前端 - 掘金每位开发者都努力写出可维护的、易读的、可复用的代码。随着应用变得越来越大，代码的结构也越来越重要。设计模式验证了解决这个挑战的重点——在特定环境中，对同类事物提供相同的组织结构。 JavaScri...

Web Animations API ( Web 动画 API，简称 WAAPI )可以让我们用 JavaScript 写动画并且控制动画。这些 API 被设计成 CSS Animations 和 CSS Transitions的接口。未来会对这些 API 做补充使其功能更强大，它是对网络上动画化的支持最有效的方式之一。

目前来看，团队内部前端项目已全面实施组件化开发。组件化的好处太多，如：按需加载、可复用、易维护、可扩展、少挖坑、不改组件代码直接切成服务器端渲染（如Nuclear组件化可以做到，大家叫同构)...怎么做到这么强大的优势，来回忆下以前见过的坑，或者现有项目里的坑。

万维网联盟（W3C）2019年12月5日宣布，WebAssembly 核心规范 现在是一种正式的 Web 标准，它为 Web 发布了一种功能强大的新语言。 WebAssembly 是一种安全、可移植的低级格式，能够在现代处理器（包括 Web 浏览器）中高效执行并紧凑地表示代码。

一直以来，JavaScript处理异步都是以callback的方式，在前端开发领域callback机制几乎深入人心。在设计API的时候，不管是浏览器厂商还是SDK开发商亦或是各种类库的作者，基本上都已经遵循着callback的套路。

李成熙，腾讯云高级工程师。2014年度毕业加入腾讯AlloyTeam，先后负责过QQ群、花样直播、腾讯文档等项目。2018年加入腾讯云云开发团队。专注于性能优化、工程化和小程序服务。微博 | 知乎 | Github

近年来，前端监控是越来越火，目前已经有很多成熟的产品供我们选择使用，如下图所示有这么多监控平台，那为什么还要学习搞前端监控？一方面人家是要钱的另一方面自己的项目需要定制化的功能。

一个 CSS 伪类是以一个冒号(:)作为前缀，被添加到一个选择器末尾的关键字，可以让指定的元素在特定的状态呈现指定的样式。例如 :hover，当用户悬停在指定元素时，可以在这个状态给指定元素添加相应的样式，是在 DOM 树无法描述的状态下才能给元素添加样式。

移动端的知识点很多，但是我们公司不大，而且对移动web的相关细节并不是太重视，只是整理了这些。按照这个顺序学习下来，相信简单的项目应该就能应付了。注：相关理论不做详细介绍，附上学习链接

强烈推荐 GitHub 上值得学习的开源实战项目，包含web前端，java，PHP，python，Android/IOS，大数据，区块链，AI机器学习，数据结构与算法，设计模式等等。

（译）实时响应设计的几个原则 - 设计 - 掘金设计实时响应的用户体验时可能有用的几个基本原则： 1、状态清晰 用户应该清楚系统当前所处的状态，任何时候，程序应该向用户传达清楚当前发生了什么并针对用户的每一步操作给出清晰的反馈。 应用程序本身建立在一个非结构化的系统之上，其试图向用户提供结构化的数据。虽然...