前端的中后台管理系统相比于其他普通项目，从开发设计的角度来说有几点比较特殊：一个是权限设计，具体实现可参考：传送门。一个是页面布局的设计，也是本文要说的。一个好的页面布局设计，无论是对于页面布局的稳定性，还是系统功能拓展的方便性，亦或是用户体验上，都有着重要的提升作用。一、市面参考先来看看市面上的一些优秀的开源系统项目的页面布局。1、vue-element-adminvue-element-adm

一、前言对于前端项目特别是中后台管理系统项目，权限设计是最复杂的点之一。一般来说权限设计需要后端来把关，毕竟相对来说前端是无法保证安全的，前端的代码和数据请求都可以伪造。而前端的权限设计更多是为了用户体验的考虑。前端保证体验，后端保证安全。由于前后端的开发差异和侧重点不同，在权限设计上也不一样。后端更多的是根据功能对象划分不同的权限模块，针对接口相应进行权限判断；而前端更多是针对页面路由进行模块划

前端h5开发过程中会经常遇到下载文件或导出文件的需求，有时候接口响应慢或者出于优化交互的目的需要前端自定义处理文件下载。下面由浅入深分享一些常用的处理方法。一、window.location.href这也是最简单的解决方式，window.location.href = urlurl即文件或接口的地址如需要额外参数，通过url后问号拼接参数，后端get请求方式接收。二、window.open上述wi

一、pull操作1、将远程指定分支 拉取到 本地指定分支上：git pull <远程仓库名> <远程分支名>:<本地分支名>2、将远程指定分支 拉取到 本地当前分支上：git pull <远程仓库名> <远程分支名>3、将与本地当前分支同名的远程分支 拉取到

这里的主要关注点是vue3相比于vue2带来了哪些提升，具体API的使用就不再细述。下面从vue3的几大新特性来逐个展开。一、Composition APIComposition API，即组合式API高内聚聚合业务逻辑，提高代码可读性vue2 通过属性选项（options，如 data、computed、methods 等）书写代码逻辑，代码逻辑点是碎片化、跳跃式的，在大型项目和复杂组件中使得维

前端的中后台管理系统相比于其他普通项目，从开发设计的角度来说有几点比较特殊：一个是权限设计，具体实现可参考：传送门。一个是页面布局的设计，也是本文要说的。一个好的页面布局设计，无论是对于页面布局的稳定性，还是系统功能拓展的方便性，亦或是用户体验上，都有着重要的提升作用。一、市面参考先来看看市面上的一些优秀的开源系统项目的页面布局。1、vue-element-adminvue-element-adm

1、背景vue后台管理系统，会有很多表格页面，表格上方会有一些搜索选项，表格直接使用el-table即可，而搜索栏区域每次写起来都很繁琐，而且多人开发情况下每个人写的样式都不相同，布局样式无法统一。所以要考虑对搜索栏做一个封装，统一配置引用，提升开发维护效率和界面统一。完成后的效果大概就是长这样：2、分析项目使用的是elementui框架，搜索栏这种表单提交，首先要使用el-form组...

前端的中后台管理系统相比于其他普通项目，从开发设计的角度来说有几点比较特殊：一个是权限设计，具体实现可参考：传送门。一个是页面布局的设计，也是本文要说的。一个好的页面布局设计，无论是对于页面布局的稳定性，还是系统功能拓展的方便性，亦或是用户体验上，都有着重要的提升作用。一、市面参考先来看看市面上的一些优秀的开源系统项目的页面布局。1、vue-element-adminvue-element-adm

create-react-app脚手架，用于快速搭建react项目，但有些时候需要做一些配置修改以满足项目需求。首先需要调出默认的webpack配置文件，然后才能随心所欲的做定制修改。下面是一些常用配置的修改方式整理。1、本地启动端口号更改文件位置：...

（本文里的小程序默认是指微信小程序）一、app或小程序打开h51、webview实现你可以把webview理解成一个无界面的浏览器。ios端已经淘汰掉了UIWebView，现在要使用WKWebView容器，android一般使用系统自带的webview即可，小程序就是用自己的wenview内核。关于h5中如何判断所处的客户端环境可以参考另一篇文章：传送门二、app打开小程序1、微信开放平台sdk实