分类 javascript 下的文章
一个简单博客系统,实现前后端增删改查基本功能
umi项目部署在非根目录下,多路由指向的情况解决方法
本篇,只在umi项目非常熟练的情况下,如不清楚,可去umi官方文档了解。
一,需求:
1号地址:http://abc.abc.com/aaa
众所周知umi项目要部署在非根目录下,配置base必须为某个目录,即base:'/aaa/'
进入项目后,路由会自动以‘/aaa’为前缀,跳转正常,
例如:
(1)点击‘关于我们’,会路由到http://abc.abc.com/aaa/about
一个基础的webpack项目demo
闲来无事,手工搭建一个webpack最基础的项目,可与项目初始化节省搭建时间,话不多说,上料!
其中包含了:
1 样式加载器css,sass,less
2 图片加载器
3 webpack-dev-server本地开发热更新
4 babel配置:
express+mockjs搭建数据服务
前端开发的朋友们,不免会有要模拟假数据的时候,当然你的项目中有模拟数据的配置(如mock)则更好;
但是当仅仅就是想起个服务端,模拟点假数据便于开发调用,那么今天就给大家介绍一种快捷有效的方法:
express+mockjs搭建数据服务
antd-design库iconfont字体本地化
书写此篇,主要针对您的项目是create-react-app搭建的(未eject配置的),并且用的antd-design UI库还是2.x版本之前的,本篇也许对你有极大帮助。
此时的antd已经是3.9.1版本了,早早的已经是3.x以上了,也不存在上述问题,那么您可以忽略此篇了!
react项目开发-模拟数据的增删改查(前三篇续)
今天,我们增加一下对数据的增删改查的开发,这里不涉及用后台数据,而是使用json-server这个模拟数据的工具(可自行学习,这里不做详述)来实现。
我们索性就对音乐页面做开开发吧:https://localhost:9999/music,现有截图如下:
react项目开发-布局和导航菜单(前三篇续)
关于布局,我们以偏向管理系统的风格为例,采用上左右布局,即:上放置logo,账户信息等公共数据,左放置菜单分类,多级导航等,右放置主体业务内容等。
react项目开发-路由优化(前三篇续)
目前的项目架构,大家都能看到,有路由跳转的地方都是写死的url,如<Link to={'/aaa'}>,push({pathname:'/login'}),这种方式呢,没有问题,但是这样写死不太好,不便于后期维护,
比如以后要改下路径,除了config.js中需要改一次,代码全篇幅都需要改一次,好累;name该怎么办呢?以下我们就来处理一下路由的优化!
优化思路:
react项目开发-权限布局(前三篇续)
基于create-react-app官方脚手架搭建dva模式的项目-权限布局的开发,之前的项目骨架已经可以按照你自己的业务和项目逻辑去组装汽车了。
这里依然以上项目骨架为基础,增加权限布局的开发。