duan777

但是没有太具体的例子。 明人不说暗话，直接上区别。 interface 和 type 都可以拓展，并且两者并不是相互独立的，也就是说 interface 可以 extends type, type 也可以 extends interface 。 虽然效果差不多，但是两者语法不同…

随着前端应用体积的扩大，资源加载的优化是我们必须要面对的问题，动态代码加载就是其中的一个方案，webpack 提供了符合 ECMAScript 提案 的 import() 语法 ，让我们来实现动态地加载模块（注：require.ensure 与 import() 均为 webp…

苹果公司前不久对 Safari 浏览器进行一次重大更新，这次更新完全禁用了第三方 Cookie，这意味着，默认情况下，各大广告商或网站将无法对你的个人隐私进行追踪。而微软和 Mozilla 等也纷纷采取了措施禁用第三方 Cookie，但是由于这些浏览器市场份额较小，并没有给市场…

我曾经一度很迷茫，在学了 Vue、React 的实战开发和应用以后，好像遇到了一些瓶颈，不知道该怎样继续深入下去。相信这也是很多一两年经验的前端工程师所遇到共同问题，

HTML 上的图形渲染主要有两种方案 SVG 和 Canvas，前者更易于使用，而后者潜力更大，本文主要关注如何使用 Canvas 绘制出更多的图形，提供更加流畅的交互。本文的内容有： PS：你可以把 SVG 的理解成制作完一个个的图形放到页面上，而 Canvas 则是使用画笔…

微前端是一种利用微件拆分来达到工程拆分治理的方案，可以解决工程膨胀、开发维护困难等问题。随着前端业务场景越来越复杂，微前端这个概念最近被提起得越来越多，业界也有很多团队开始探索实践并在业务中进行了落地。可以看到，很多团队也遇到了各种各样的问题，但各自也都有着不同的处理方案。诚然…

webpack 打包优化并没有什么固定的模式，一般我们常见的优化就是拆包、分块、压缩等，并不是对每一个项目都适用，针对于特定项目，需要不断调试不断优化。 对于 webpack4，建议从零开始配置，在项目初期，使用 webpack4 默认的配置。 接下来，本篇文章会列出所有适用于…

尽管我在VS Code中经常使用许多快捷键，以下快捷键可能会派上用场，但我经常忘记它们的存在。我制作了一些GIF，以便更好地记住它们。也许这里面也有一些快捷键你也不记得了，但是却很有用。 VSCode 中的每个命令都可以通过 CTRL + SHIFT + P (Window) …

如何让 UI 动画从单纯的良好变得更加出色呢？在这里我将举一些实例。只需要将动画进行一些微调，就可以让其效果更佳。 下面列出的交互效果显示了状态之间的连续性，共享元素之间的关系，以及如何让用户关注你想让他们关注的地方。 为了创建这些动画，我遵循了 Material Motion…