Ladiesand乡亲们，摩拜前端周刊起航啦～摩拜前端团队会收集每周前端优秀文章，每周五发布至掘金平台，欢迎关注我们～「ReactHook」160行代码实现动态炫酷的可视化图表-排行榜地址:https

CSS的网格布局模块提供了一个基于网格的布局系统，能够以行和列来进行布局，使其更容易设计网页，而不必使用浮标和定位。 display属性被设置为网格或内联网格。 为了使一个HTML元素表现为一个网格容器，你必须设置显示属性为网格或内联网格。网格容器组成的网格项目，网格项目又置于…

随着前端技术栈和工具链的迭代成熟，前端工程化、模块化的趋势也愈发明显，在这波前端技术浪潮中，涌现了诸如React、Vue、Angular等基于客户端渲染的前端框架，这类框架所构建的单页应用（SPA）具有渲染性能好、可维护性高等优点。但也同时带来了两个缺陷： 与传统web项目直接…

Visual Studio Code 是由微软开发的一款免费、跨平台的文本编辑器。由于其卓越的性能和丰富的功能，它很快就受到了大家的喜爱。 就像大多数 IDE 一样，VSCode 也有一个扩展和主题市场，包含了数以千计质量不同的插件。下面我列出一些VSCode前端必备插件，并配…

我们最近在做 web 系统的国际化。国际化可不是提供多个语言版本的 web 界面这么简单。 打算分成几个部分陆续发布出来，现在我们从 html lang 属性开始。 HTML 和 XML 都使用 lang 属性指定语言标记。 输出 HTML 中设置的zh字符串；如果没有设置输出…

Hot Module Replacement（以下简称 HMR）是 webpack 发展至今引入的最令人兴奋的特性之一 ，当你对代码进行修改并保存后，webpack 将对代码重新打包，并将新的模块发送到浏览器端，浏览器通过新的模块替换老的模块，这样在不刷新浏览器的前提下就能够对…

useState、useEffect、useRef是如何替代原生命周期和Ref的。 如何使用React Hooks编写自己的UI组件库。 文章讲了React拖拽上传的精简实现，但直接翻译照搬显然不是我的风格。 于是我又用React Hooks 重写了一版，除CSS的代码总数 1…

如果你用 Vue 技术栈开发 PC 的 to B 业务，那么对 element-ui 一定不会陌生，我目前在 Zoom 工作，fork 了一份 element-ui 的源码做二次开发，对 element-ui 的源码也有了一定的研究。由于自研组件库并不是开源的，所以我也不能把它…

1.nginx是一个高性能的Web服务器和反向代理服务器，也可作为电子邮件代理服务器。 2.在连接高并发的情况下，nginx是Apache服务不错的替代品，能够支持高达 50,000 个并发连接数的响应。 2.正向代理是指用户无法访问某网站，但是可以访问某代理服务器，而代理服务…