前段时间做了个node全栈项目，服务端技术栈是 nginx + koa + postgresql。其中在centos上搭建环境和部署都挺费周折，部署测试服务器，接着上线的时候又部署生产环境服务器。这中间就有很多既无聊又费精力，吃力不讨好的" ...

开发环境性能优化优化打包构建速度HMR优化代码调试source-mapHMR概念：「HMR：」 hot module replacement 热模块替换 / 模块热替换作用：一个模块发生变化，只会重新打包这一个模块，而不是打包所有模块，极大 ...

现在的网站风格已经与它们很早之前的样子有了很大的不同。如果现在再回过头去看有些公司最初的网站UI，我想大多数互联网用户都很难认得出来。所以也多亏了网页设计技术的创新，现在网站不仅仅是只能显示信息，它们同样也可以拥有有趣的动画、多样的布局和互 ...

近期，随着 vue3 的各种曝光，vite 的热度上升，与 vite 类似的 snowpack 的关注度也逐渐增加了。目前（2020.06.18）snowpack 在 Github 上已经有了将近 1w stars。 snowpack 的代 ...

总体来说，在2019年的大前端领域虽然并没有出现什么颠覆性技术。但是随着Flutter、WebAssembly、Serverless的广泛被运用和火爆发展还是超出了大家的预期，同时也让我们进一步看到了大前端技术的融合趋势。Flutter：谷 ...

vite 一种新的、更快地 web 开发工具 Vite，一个基于浏览器原生 ES imports 的开发服务器。利用浏览器去解析 imports，在服务器端按需编译返回，完全跳过了打包这个概念，服务器随起随用。同时不仅有 Vue 文件支持， ...

一、Git 代码版本管理工具 1.常用的git服务器 github | coding.net(码云) 2.git的常用命令 git init [project-name] //新建一个目录，将其初始化为Git代码库 git clone [u ...

这期介绍一款比较别致的 mock 工具，mirage.js。说它别致，缘由是与竞品有一点点区别：它是在客户端启动的一个 mock 服务，恰如“海市蜃楼”为远程调度展现一幅 api 全景图；实则是一种伪装技术，在应用内存里拦截了所有请求。 M ...

一个合格的前端开发者必须夯实基础，深入地理解所使用的技术，而不是浮于表面，保持“够用就行”的技术认知。 Vue CLI 或者 create-react-app 这样高度集成的 CLI 工具，目的是降低开发者的使用成本，但因为这种“黑盒工具 ...

NutUI 视频组件开发心得 说到在项目中引入一个视频，我们肯定会想到 HTML5 为我们提供的 Video 标签，它为我们提供了许多属性和方法，使用起来很方便，当然直接使用也会遇到各种兼容问题，在最初学习 Video 标签时，W3C 官网 ...