i旧事酒浓

作为一个前端小新手，在尝试了一段时间的react前端工作后，就想尝试用node编写web服务，假装自己很厉害。在看了一段时间的node教程+express教程+koa教程等，就开始准备自己写一个小demo。 一个简单的用户列表页面，顶部有查询，添加用户按钮，列表中有删除，编辑用…

关于 React 应用加载的优化，其实网上类似的文章已经有太多太多了，随便一搜就是一堆，已经成为了一个老生常谈的问题。 但随着 React 16 和 Webpack 4.0 的发布，很多过去的优化手段其实都或多或少有些“过时”了，而正好最近一段时间，公司的新项目迁移到了 Rea…

如图所示，nginx缓存，可以在一定程度上，减少源服务器的处理请求压力。 因为静态文件（比如css，js， 图片）中，很多都是不经常更新的。 nginx使用proxy_cache将用户的请求缓存到本地一个目录。下一个相同请求可以直接调取缓存文件，就不用去请求服务器了。 毕竟，I…

介绍了八种 React 条件渲染方式。 这样对 React 渲染效率有提升。 将组件赋值到变量，就可以在 return 前任意修改它了。 但三元运算符产生嵌套时，理解成本会变得很高。 这个是最常用了，因为代码量最少。 高阶组件，就是返回一个新组件的函数，并且接收一个组件作为参数…

每种类型的人看到的操作栏并不一样，可以进行的操作也不尽相同，于是就需要程序处理一下各个权限问题。 ，但是发现代码非常多权限功能是整合在框架里面的，伤心，我就想实现一个小小的权限功能，没办法还是得仔细研究作者的代码。 1 创建vue实例的时候将vue-router挂载，但这个时候…

采用 shell 自定义脚本，控制集成部署环境更加方便灵活 如果服务器更换，重新部署的工作量会比较小 涉及的 docker 命令，会有详细讲解

最近在前端论坛闲逛，看到了一些讲parcel、webpack的文章，就突然很好奇，每天都在用的打包工具，他们打包的原理究竟是什么。只有知道了这一点，才可以在众多的打包工具里，找到最适合的那个它。在了解打包原理之前，先花一些篇章说明了一下为什么要使用打包工具。 前端产品的交付是基…

lazy-mock 是基于koa2构建的，使用lowdb持久化数据到JSON文件。只需要简单的配置就可以实现和json-server差不多的功能，但是比json-server更加灵活，后期可配置性更强，完全可以模拟真实后端业务逻辑。 lazy-mock默认包含了jwt实现的登录…