- 博客(8)
- 收藏
- 关注
原创 vue-element后台鉴权流程
路由拦截鉴权常用的两种方法1:路由拦截:单纯给路由加字段标识符,通过路由拦截实现2:动态路由:第二种是通过路由的拆分另外需要后端的配合去实现的动态路由配置比较:路由拦截实现方式比较简单,只需要简单的在router.beforeEach中根据路由配置信息过滤页面是否有权限前往改组件,若相对于的权限不够则不前往相应的组件动态路由实现相对比较复杂,并且需要后端的配合,本质是路由配置表分成两部分,相应的不同用户登录的时候,是根据用户权限信息过滤筛选除路由配置表,动态添加,而用户没有权限的部分则不渲染.
2021-04-07 14:56:13 2572 5
原创 移动端自适应布局方案lib-flexible以及postcss-pxtorem
移动端自适应布局方案1:常规实现思路:常规的实现思路就是监听屏幕分辨率的变化动态修改根节点的字体大小,而页面布局单位用rem,这个地方可以借助与vw单位,如要在750分辨率设备做一个200*200的容器基本思路:如果是在750的设备,那么1vw即为7.5px,以此标准,13.3333vw == 100px,所以直接给根节点的 字体大小就为13.333vw,然后要做200200的容器,由于根节点的字体大小为100px,所以此时我们只需要给容器宽高各位2rem,就能得到200px200px的容器,又由于v
2021-10-18 14:45:16 1408
原创 递归处理js对象中带下划线的key换成驼峰的key
js封装方法:递归处理js对象数据中的全部带下划线的key名转换为驼峰的key名let hump = function(obj){//递归判断把对象中的全部下划线key变成字符字符串key for(let key in obj){ if(obj[key] instanceof Object && !(obj[key] instanceof Array)){ obj[key] = hump(obj[key]) }
2021-09-13 10:43:53 831
原创 vue+element.ui+formData自定义文件上传
记录一下element.ui自定义上传文件踩得坑为什么要自定义上传?<el-upload class="avatar-uploader" action="https://jsonplaceholder.typicode.com/posts/" :show-file-list="false" :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload"> <img v-if="image
2021-04-29 10:50:28 1108
转载 JavaScript对象根据key进行字典排序
JS对象根据key进行字典排序const ObjSort = function (arys) { //先用Object内置类的keys方法获取要排序对象的属性名,再利用Array原型上的sort方法对获取的属性名进行排序,newkey是一个数组 var newkey = Object.keys(arys).sort(); //console.log('newkey='+newkey); var newObj = {}; //创建一个新的对象,用于存放排好序的键值对
2021-04-15 19:47:23 4332
原创 JS判断数据格式是否为json
判断数据格式是否为jsonconst isJson = function(str){ if (typeof str == 'string') { try { var obj=JSON.parse(str); if(typeof obj == 'object' && obj ){ console.log('是JSON'); return true;
2021-04-15 19:44:32 1331 2
原创 VScode常用插件
VScode常用插件安装插件:不知道怎么安装插件的看图:常用效率插件:Auto Rename Tag 自动重命名成对标签Git History 文件提交历史 可视化工具 如:选中文件右键view file historyGitLens — Git supercharged 展示每行代码最后一次提交人员、时间、备注HTML CSS Support html和css语法提示Live Server 创建一个本地服务 支持静态网页在本地服务上运行open in browser 文件在浏览器中
2021-04-09 15:38:39 309 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人