一、工具介绍 i18n-auto-extractor是一款专为前端项目设计的国际化(i18n)自动化解决方案工具，它能自动提取项目中的中文文本并翻译成多种语言。

你是不是也遇到过这种情况：用 CSS 的transition做动画，简单的展开收起还行，但稍微复杂点的交互（比如列表添加删除动画、拖拽效果）就捉襟见肘，代码写得又长又乱？ 其实，React 生态中有个

给 border 设置渐变色是很常见的效果，实现这个效果有很多思路，今天把我所知道的方法罗列于此供大家参考

本文深入解析了构建目标在 JavaScript 和 TypeScript 中的作用，比较了构建目标的差异，说明了tsconfig.json与构建工具中构建目标设置的关系，并且介绍了如何实现兼容性支持。

ES6 class 封装websocket 使用 介绍 WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 WebSocket 使得客户端和服务器之间的数据

浏览器只认普通的html、css、js文件，在前端开发过程中使用新特性、新语法写出的vue、jsx、ts等代码浏览器都是不认识的，这时候就需要像Webpack这样的打包工具进行打包，将这些代码转化。

前话 具备用户体系的业务系统往往需要具备权限控制的能力。前后不分离的开发模式权限控制主要由后端结合模版引擎实现，而前后分离的开发模式由前后两端协商权限配置分别进行数据权限控制和组件权限控制。 正文 权

前端进行权限控制只是为了用户体验，对应的角色渲染对应的视图，真正的安全保障在后端。 用户若记住了某个 url，直接浏览器输入，不论该用户是否拥有访问该页面的权限，均能进入页面。 若页面初始化时（componentDidMount）进行接口请求，后端会返回 403 的 HTTP …

我们经常会在博客、文档中看到类似这样的侧边导航目录，例如 这种导航也被称为“电梯导航”（当然可能还有其他叫法，知道是这个交互就行）。它会随着内容的滚动而自动切换当前选中态，点击任意目录也会自动滚动到对