白羊座的白

大家好，我是神三元，这一次，让我们来以React为例，把服务端渲染(Server Side Render，简称“SSR”)学个明明白白。 这一部分来简要实现一个React组件的SSR。 一. SSR vs CSR 废话不多说，直接起一个express服务器。 启动之后打开loc…

在过去的几星期里，随着 Martin Fowler 博客上，那篇 Cam Jackson 写的微前端的文章发布，到处都在讨论 Microfrontend。作为一个微前端 “专家”，我也分享一下：如何去落地微前端。 微前端不是银弹，它和微服务一样会带来大量的挑战。 遗留系统迁移。…

今天我主要分享的是一些 webpack 中的易混淆知识点，也是面试的常见内容。我把这些分散在文档和教程里的内容总结起来，目前看是全网独一份，大家可以加个收藏，方便以后检索和学习

webpack v4 开始新增了一个 sideEffects 特性，通过给 package.json 加入 sideEffects: false 声明该包模块是否包含 sideEffects(副作用)，从而可以为 tree-shaking 提供更大的优化空间。 基于我们对 fp…

谈谈对前端模块化的理解是面试时经常会被问到的问题，我以面试者的口吻来写了如何分步骤回答这道问题。 将一个复杂程序安装一定的规则封装成几个块儿，并组合在一起。块的内部，数据和函数实现是私有的，只向外部暴露出来一些接口与外部的其他模块通信。 把不同功能封装成不同的全局函数，污染全局…

这篇文章主要讲怎么写一个 typescript 的描述文件（以 d.ts 结尾的文件名，比如 xxx.d.ts)。 如果你只写 js，d.ts 对你来说也是有用的，大部分编辑器能识别 d.ts 文件，当你写 js 代码的时候给你智能提示。

你可能认为 CSS 只是一种简单地为网页设计样式的语言，但它的功能比你想象的要多得多。 从逼真的图像到甚至是视频游戏，你会惊讶地看到一个优秀的开发者可以用 CSS 做些什么。 这里有各种滤镜和特效，它们都是开源的，可以用在你自己的 web 项目中。 这些模块有的机遇 JavaS…

天下武功，唯 (wei) 快(fu) 不(bu) 破(po)。 随着近几年的前端技术的高速发展，越来越多的团队使用 React、Vue 等 SPA 框架作为其主要的技术栈。以 React 应用为例，从性能角度，其最重要的指标可能就是首屏渲染所花费的时间了。那么今天，我们要给大家…

一直都想自己部署一下自动化测试部署，在了解了Travis-CI之后终于准备在这次和小伙伴一起做的一个博客类网站实验下了。 因为这是一个前后端分离的项目，所以我这里只管前端工程的自动化部署，前端主要用Vue脚手架搭建的单页应用。 在Github创建一个公有(public)仓库。在…