![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue项目实践经验
解决各类在项目实践中遇到的问题解决方案
new 前端
毕业于统招本科,计算机科学与技术专业,精通js,熟练使用vue3.0,了解Java与nodejs喜欢模块化开发,善于思考,乐于沟通,喜欢共享经验。有公司需要前端的话,可以推荐下哟,
邮箱:1223577600@qq.com,
电话:18574130871
展开
-
【实战】网站主题话切换与图片背景主题化切换,解决方案。
开篇 先说一下思想原理 主题化,肯定是一些公共样式的切换,如hover的背景色,头部的图片的切换,以及字体颜色的切换 接下来第一步,我们先新建一个xxx.css文件,放在assets中,这个文件中定义一些你要设置的变量,如我所写的 /* 蓝色主题 蓝色 */ --blue-blue:#377fd4; /* 蓝色主题 首页顶部蓝色 */ --blue-index-blue:#377fd4; /* 蓝色主题 白色 */ --bl...原创 2021-08-29 21:50:06 · 290 阅读 · 0 评论 -
关于ElementUI 中Layout 布局不能换行的解决方案
<div class="info-card" v-for="(i,inx) in Farea.length/4" :key="inx"> <el-row :gutter="24" > <el-col :span="6" v-for="(item,index) in Fareas(inx)" :key="index"> <div class="boxs"> .原创 2021-08-23 12:20:23 · 4020 阅读 · 0 评论 -
Vue provide与inject到底如何实现双向绑定
今天看Vue源码的过程中发现一个好东西,就是provide与inject接下来直接上源码// 初始化组件的时候,初始话provide属性的方法function initProvide (vm) { var provide = vm.$options.provide; if (provide) { vm._provided = typeof provide === 'function' // 判断如果传入的方法是provide是函数,执行函数获取到返回的对象,否则直原创 2021-07-28 15:14:39 · 1337 阅读 · 0 评论 -
【项目实战经验】vuecli3,实现PC端分辨率适配
vue cli3,根据屏幕大小适配样式 最近做了一个大屏,考虑到要在不同的显示器上,显示同一套代码,所以我就想到了,阿里的“lib-flexible”,干货非常多,千万不要错过细节哦,废话不说,直接干 1.安装需要响应的包npm i lib-flexible -S这个包会有改动的东西,先卖个关子,最后会详细说。 (2)安装第二个包npm i px2rem-loader -D2.安装好了之...原创 2020-07-13 15:12:13 · 4487 阅读 · 25 评论 -
【项目实战】纯前端实现菜单权限以及功能权限控制
先来讲一下需求 我们做项目的时候,最开始功能菜单都是从后端获取的,开发完毕之后,发现可以越权访问没有的路由,其操作是,登陆高权限的账号,进入功能页,查询的数据,复制当前路由,再登陆低权限的账号,直接复制到地址栏,就能看到高权限账号的页面, 这样后端就很头大了,由于只能对接口限制,后端监听不到当前路由是什么,而且接口还有复用的功能,做起来就很麻烦。我们就考虑了纯前端做路由权限我先说一下原理,就是登陆账号都会有不同的菜单权限,通过登陆的账号不同做一个规定,账号类型1,权限标示就是1...原创 2020-07-06 14:35:32 · 2083 阅读 · 0 评论 -
【项目实战经验】vue的动态路由实现对应面包屑动态值显示
一开始我想的思路就有问题,总想着用动态的路由对应唯一面包屑,这是不对的,应该用动态的路由,对应动态的面包屑,只要相互有对应的动态值就可了。以我自己做的一个地图下钻到列表为例, 需求:再点击一个地图时,进入对应省的列表,并且面包屑显示某某省的什么。所以废话不多说,开始干 先是使用地图。这个步骤我就忽略了,因为我有一篇这个文章 使用第三方地图 点击这个就可以到我下一个文章了。 现在地图有了,就是对应的路由了,我是这样处理的。 ...原创 2020-06-16 15:57:36 · 1720 阅读 · 1 评论 -
《程序员入职甲乙方公司的套路》。送给要入职的程序员们,避免踩坑。
程序员入职时的套路 以下所说的只代表我入职中所有遇到的,并不代表所有,只能给大家提供参考经验。以及在入职过程中避免踏入这些坑。一、个人的经历 本人是17年毕业,最开始在郑州的某公司待了两年,那时候刚毕业,没什么套路可说,就是毕业了直接入职的甲方公司,可能像郑州这样的地方,还没有一...原创 2020-05-04 19:13:34 · 1414 阅读 · 2 评论 -
一个技巧,让你在项目初期事半功倍【函数式编程】
做前端开发第三年了。也该沉淀一些事半功倍的项目技巧了。 1.函数式编程 有人说,为什么问,什么是函数式编程,函数式编程是把公共的部分抽离,使代码看上去更容易推理,和复用。在开发的初期,我也是有什么功能,就直接网上写,比如获取个日期啊,返回个错误信息啊,等等的,写的每个页面都是,所以这些写法虽然能实现功能,但是后期维护起来却很麻烦。要每个页面的去改 比如你要让...原创 2020-04-29 16:09:10 · 191 阅读 · 0 评论 -
【vue项目实践干货】上传文件后,后端返回错误文件的下载
先通过,Fromdata上传文件,当有错误时,后端返回错误文件,当错误文件是正常的,则直接创建A标签,然后主动触发下载,当返回的错误文件不正常时,则返回对于的错误消息,不说了,直接上干货//上传方法 uploadFile(){ let form = new FormData() let that =this form.a...原创 2020-04-18 16:37:51 · 1012 阅读 · 0 评论