const path = require("path"); // gzip压缩 const CompressionPlugin = require ...

vite创建项目，Win+R，cmd： <div class="image-container" style ...

前端工程领域近期出了不少新工具，这些新工具都运用了一些新技术或者跨领域技术，实现了一些突破，因此有必要了解一下这些工具都有什么特性，以及是否可以投入生产环境。由于原文比较啰嗦，所以具体用法和支持细节不在这里展开。 ...

1 引言 React Router v6 alpha 版本发布了，本周通过 <a ...

本周精读的是 webpack4.0 一些变化，以及 typescript 该怎么做才能最大化利用 webpack4.0 的所有特性。 1 引言 前段时间尝试了 parcel 作为构建工具， ...

前端性能优化认知 什么是前端性能优化 通常来讲，前端性能优化是指：从用户开始访问网站到整个页面完整地展现出来的过程中，通过各种优化策略和优化方法，让页面加载得更快，让 ...

你有哪些性能优化的方法？（详情请看雅虎14条性能优化原则）。 &nbsp;（1） 减少http请求次数：CSS Sprites, JS、CSS源码压缩、图片大小控制合适；网页Gzip，CDN托管，data缓存 ，图片服 ...

推荐 20 个适合新手的前端练手项目。难度层层递进，内容也很有趣，以游戏和小工具为主。如果你还没有前端基础，推荐从这 3 门课开始：基础阶段：1. HTML5 简明教程 ...

1.html5的新特性 文件类型声明（）仅有一型：。 新的解析顺序：不再基于 SGML。 绘画canvas; 用于媒介回放的 video和 audio元素; 语意化更好的内容元素:artic ...

三大框架的优缺点 Vue Vue优点 简单：官方文档很清晰，比 Angular 简单易学。 快速：异步批处理方式更新 DOM。 组合：用解耦的、可复用的组件组合你的应用程序。 紧凑：~18kb min+gzip，且无依赖。 强大：表达式 ...