正如其名，vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。 当一个导航触发时，全局前置守卫按照创建顺序调用。守卫是异步解析执行，此时导航在所有守卫 resolve 完之前一直处于 等待中。 在这里，我们可以看到，vue在所有的路由跳转前，在before…

本文是阅读米凯莱·贝尔托利 《React设计模式与最佳实践》 一书的读书笔记，支持作者请点这里购买。 废话不少说，直接上干货的哈。 在 React 里，有一种情况是，我们经常需要根据条件判断决定是否渲染某些组件。就像是这样： 当条件判断变得更复杂的请求下，我们可以使用方法和计算…

结构展示：功能展示：1.使用swiper轮播插件，2.自动轮播，当前图片高亮小按钮首先引入swiper和配置环境1.npminstall--saveswiper2.在src文件夹index.js下引入

本 Demo 并不采用 CSS Module 来进行 css 模块化，因为编译之后可读性不好，而且增加复杂度和编译时间。使用统一的 css 命名空间约定，我们也可以很简单的防止 css 命名冲突。 使用 Typescript 意味着使用强类型，我们把业务实体中 TS 类型定义分…

我们使用React开发项目的时候，基本上是单页面应用，也就离不开路由。路由看似神秘，当我们简单的模拟一下它的核心功能后，发现也就这么回事儿。本文就详细的介绍一下react-router-dom 的HashRouter的核心实现逻辑。 HashRouter是一个大的容器，它控制着…

最近学习了Go的一些基本知识之后，决定实践一下。因为个人博客是比较常见和比较简单的联系实例，所以就打算再精简一下需求，做一个比较简单的个人博客，来了解Go语言在Web服务上的基本使用。 一个简化版的个人博客，满足基本需求即可。 存在一个可以用来管理md文件的工具，该工具能将本…

进入前端工作也有一些时间了，我们的前端开发也从必须经过千千万万的配置到执行某某一切就可以开始工作了。 我想每个人接触到create-react-app的时候都是惊讶的，原来开始一个应用可以这么简单。 我曾经写过好几页的wiki，上面写满了各种编码规范，甚至常见的情况似乎是通过会…

Server: 环境：Node 框架：Koa 工具：Request 模版引擎：Ejs Front-end: 语言标准：ECMAScript 6 + Less 框架: React + ReactDOM + React-Router 模块化：ES6 module 编译构建：Webpack + Babel

在实际项目中，大多数都需要服务端渲染。 网上很多服务端渲染的教程，但是碎片化很严重，或者版本太低。一个好的例子能为你节省很多时间！ server为服务端目录。因为这是最基础的服务端渲染，为了代码清晰和学习，所以服务端只共用了前端组件。 首先区分生产环境和开发环境。 开发环境使用…