随笔- 176 文章- 0 评论- 77 阅读- 74万

随笔分类 - React

摘要：一些废话在前端的飞速发展下，这十年里，前端从美工切图仔演变成如今的大前端，在互联网时代中占据越来越重要的位置。前端工程化，模块化成为前端提效利器。越来越多公司也开始重视，开始搭建适用于公司内部，或者业务线内部的组件库。这篇文章将遵循是什么为什么怎么做来一起搭建业务组件库，或者太长不想看直接阅读全文

posted @ 2020-08-21 00:59 c-137Summer 阅读(4240) 评论(18) 推荐(3) 编辑

react封装简单的浏览器顶部加载进度条全局组件

摘要：在项目中经常会有在请求前后加loading或者加加载进度条，一般这些组件都会抽离出来作为全局组件进度条的插件貌似都不是很符合自己项目中的需求，于是。。参考nprogress样式，自己在项目中封装组件，实现简单的顶部加载进度条。效果如下组件放到components文件夹下，新建progress文阅读全文

posted @ 2019-03-14 17:12 c-137Summer 阅读(3656) 评论(0) 推荐(0) 编辑

react实现全选、取消全选和个别选择

摘要：react里面实现全选和取消全选，个别选择等操作，效果如下代码：若有更优化的方案，欢迎提出~ 阅读全文

posted @ 2019-03-04 18:26 c-137Summer 阅读(7483) 评论(1) 推荐(0) 编辑

react封装组织架构递归树

摘要：想用react实现一个递归树，但一些框架里面的有些不符合需求，于是自己写了个，功能比较简单，欢迎批评指正。。 react实现这样一个组织架构递归树，下级部门的收起和展开，点击部门名称时请求接口获取下级部门以及员工等。效果如下：首先封装左边的组织架构组件organize-tree 样式tree.le 阅读全文

posted @ 2019-02-13 11:32 c-137Summer 阅读(1635) 评论(3) 推荐(0) 编辑

react路由守卫

摘要：react没有vue那样的路由钩子beforeEach，实现登陆验证。实现效果：如果没有登陆，就跳转到登陆界面，如果登陆过浏览器存有登陆信息就跳转到所输入的路由界面，如果该路由不存在则跳到404页面。 router文件夹下新建index.jsx和auth.jsx index.jsx 把页面导入进来阅读全文

posted @ 2019-01-21 15:57 c-137Summer 阅读(887) 评论(0) 推荐(0) 编辑

react 侧栏二级菜单组件

摘要：侧边栏菜单组件 component 下新建menu文件，menu下建index.jsx和subitem.jsx index.jsx subitem.jsx 阅读全文

posted @ 2019-01-17 15:41 c-137Summer 阅读(3739) 评论(0) 推荐(0) 编辑

前端模拟（mock）接口数据（koa）

摘要：在前后端分离开发项目时，经常会有前后端进度不一致，可能前端界面开发已经完成，就等接口了，如果等接口出来再联调的话时间可能会来不及。这个时候，前端就可以根据制定好的接口规范和接口文档来mock接口数据，这样等后端接口开发完成之后也不至于太匆忙。 Koa 是一个由 Express 幕后的原班人马打造的阅读全文

posted @ 2019-01-13 20:45 c-137Summer 阅读(1987) 评论(0) 推荐(1) 编辑