小楼昨夜前端雨

小楼昨夜听风雨，风增相思雨添愁。西窗今霄纵酒诗，酒伤离情诗怀忧。 beyondouyuan

vue权限路由菜单实现解决方案

写在前面 通常的，管理系统都有权限的需求，也就是说不通用户登录系统后，根据用户的角色权限不通，显示不通的菜单。 在非前后端分离时代，这个需求很容易实现，因为后台通常式服务端直出，服务端将数据放在template中直接渲染就好。 而在前后端分离的模式下，视图和服务端没有直接关联，除了数据来...

Posted by beyondouyuan on March 10, 2018

Webpack + Vue + Vue-Router + Vuex + Express博客管理系统

写在前面 不得不说，Vue相对于React来说学习曲线是更加平滑的一个框架，初上手React的第一感觉是“犀利”，初上手Vue的第一感觉确实“温文尔雅”。若说最近前端框架的绝对双骄那便是React和Vue了，个人而言，React是“翩若惊鸿，碗若游龙”，Vue便是“陌上人如玉”了。 为什么...

Posted by beyondouyuan on November 26, 2017

Webpack + React + React-Router + React-Redux + Express搭建前后端分离项目

写在前面 还在等后端同学的接口？前后端分离吧！ 为什么要前后端分离？ 前后端分离将会是之后web开发的一个趋势，这也是前端开发者必须学习的工作方式. 此前开发中，公司的种种原因并未实现前后端分离的方式，前端狗的我只能默默的等待，到后等不了了，就用mockjs模拟了后端接口，但是，依然觉...

Posted by beyondouyuan on September 2, 2017

前后端分离利器之json-server和mockjs

写在前面 前后端分离是一种优秀的分工模式，前端开发不受后端API开发进度的影响，可脱离后端进行。实现前后端分离的一个关键点是前端需要有模拟的数据接口供前端调用，再平实开发中，若数据量比较少或者不太复杂，那么可以直接使用json文件来模拟，但是遇到需要大量的数据或者比较复杂的表结构，json就...

Posted by beyondouyuan on August 28, 2017

HTML5之SessionStorage和LocalStorage

写在前面 在HTML之前，主要的缓存是依靠Cookie，Cookie一般用于服务器与客户端之间的缓存读取，且一般应用于小规模的缓存处理，在一定程度上也加大了服务器的压力，HTML5定稿后，客户端的缓存处理方案也就应运而生。 SessionStorage和LocalStorage则是HTML...

Posted by beyondouyuan on August 27, 2017

React全家桶之后台管理系统（下）

写在前面 界面部分已完成，对于React组件，React完全可以认为他是一个状态机，React组件dom树是否渲染／更新，由其自身维护的内部状态控制。在我们之前的学习中，都是基于state的状态管理，在组件较少的应用中，这不会有什么问题也足够优雅，但是随着应用的扩展，项目必然增大，组件的量也...

Posted by beyondouyuan on August 25, 2017

React全家桶之后台管理系统（中）

写在前面 上一篇，初步的增删改查功能已完成！ 关联 我们只是完成了一个简单的球员数据录入，然后，这也太单调了一些，一个球员本身不可能是一个单一的球员，总还有点相关性的–比如，荣誉。 每一个球员都会去到各自的荣誉，我们在db.json中也有一个honor对象，它应当与球员一一对应。我们需...

Posted by beyondouyuan on August 15, 2017

React全家桶之后台管理系统（上）

写在前面 重新学习React之React全家桶入门，通过构建一个简单的球员管理系统来学习React全家桶，从React组件基础，到React-Router路由管理到React-Redux数据流框架，并引入Ant-Design UI库，完成React全家桶的入门学习以及深入理解。 React...

Posted by beyondouyuan on August 11, 2017