荷包蛋卷

在前端项目中有一些通用的代码规范，这些规范可以帮助我们编写更清晰、更易于理解以及更高性能的前端代码。...

高仿支付宝 9.9.2 版本生活模块界面...

多页面应用程序，顾名思义是存在多个入口，每个业务都有自己的页面。每一次页面跳转的时候，server 会拉取一个新的 HTML 文档返回给客户端，页面重新加载此新文档，并且资...

因为现在市面上的浏览器类型众多，作为一名前端开发者就需要面对很多兼容性的问题，有些问题我们可以在构建阶段就对其处理，比如 CSS3 的前缀问题。...

前端构建编译代码时，压缩代码也是很重要的，压缩后的代码体积减小，传输速度快，从而提升网页加速速度和减少网络传输流量。除此之外，还具有混淆源码的作用，增加了他人对代码分析和改...

在发布版本时，通过文件指纹来区分 修改的文件 和 未修改的文件。未修改的文件的文件指纹保持不变，浏览器继续使用缓存访问。...

每次在对项目进行修改后，都要手动跑 webpack 打包命令，是不是很烦？Webpack 就不能帮我们监听文件的变化，然后在文件发生修改时自动编译打包吗？当然可以！...

众所周知，原生的 webpack 仅支持 JS 和 JSON 两种文件类型，想要使用其他类型的资源就要借助各种 Loader 或资源模块（asset module）。...

必会的几个核心概念： entry(入口)、output(输出)、loader、plugin(插件)、mode(模式)。...

了解 http 的同学，肯定知道，http 是一个不保存状态的协议，什么叫不保存状态，就是一个服务器是不清楚是不是同一个浏览器在访问他，这时候 cookie 就出现了。...

真小白入门，从环境搭建、到webpack的安装、再到webpack的配置文件，最后跑一个简单的打包例子👍...

借助 webpack 这样的构建工具，让我们可以快速“食用”那些优秀成熟的组件，从而提高前端开发效率。...

WebSocket 使得客户端和服务器之间的数据交换变得更加简单，它允许服务端主动向客户端推送数据。...

Web Storage 提供了 Web 存储机制，浏览器可以安全地存储键值对，比使用 cookie 更加直观。它可以存储大量的数据，而不影响网站的性能....

Web Worker 为在后台线程中运行 JavaScript 脚本提供了一种简单的方法，线程可以执行任务而不干扰用户界面。...

拖放是一种常见的特性，即抓取对象以后拖到另一个位置。在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。...

HTML5新增的 Geolocation API，可以让Web内容访问到设备的地理位置，这将允许Web应用基于用户的地理位置提供定制的信息。...

SVG 指可伸缩矢量图形 (Scalable Vector Graphics)，实现了 DOM 接口，不需要安装第三方扩展，可被非常多的工具读取和修改，它的尺寸更小，且可压...

canvas 目前已经被广泛地用于游戏及复杂的图像可视化，本篇除了介绍动画步骤完，也插播了一些动画效果、进阶方法和优化建议。...

Canvas 是 HTML5 新增的画布元素，通过 JS 可以像画笔一样绘制图形。本篇就来全面介绍关于 Canvas 绘制的一切方法和属性（Canvas API）。...