
前端项目中解决的问题
做前端项目过程中遇到的各种问题,vue的,app开发的,html的等等
小世界94
不知道说点什么好,反正是个程序员
展开
-
封装阿里云上传和minio上传
最近公司里需要用到一个图片上传,要求是根据接口来判断是阿里云上传还是minio上传,如果判断是阿里云上传,就走阿里云上传的步骤,如果是minio上传就走minio上传的步骤,于是对这个需求进行了封装。首先总的入口文件是uploader.js,代码如下import data from '@/store/modules/data';import Sts from './sts'import UploaderAlioss from './uploader.alioss';import Upload原创 2022-05-10 16:40:38 · 1950 阅读 · 3 评论 -
uniapp配置easycom
easycom的作用主要是,在pages.json文件里面配置了easycom,使用组件的时候就不用每次都在页面里面引入一下了。自定义easycom配置的示例"easycom": { "autoscan": true, "custom": { "^uni-(.*)": "@/components/uni-$1.vue", // 匹配components目录内的vue文件 "^vue-file-(.*)": "packageName/path/to/vue-file-$1.v原创 2022-03-31 15:36:52 · 4223 阅读 · 0 评论 -
uniapp项目npm安装第三方插件,运行到小程序找不到相关插件
最近在做uniapp的项目的时候,需要用到图谱插件,网上找了一个图谱插件 relation-graph,希望能应用到uniapp上面,小程序上面。首先npm一下npm install --save relation-graph然后引入调用,直接引用node_modules里面的,运行到内置浏览器是没有问题的下面是运行效果但是运行到微信小程序,提示这个插件未找到我查看了一下生成的小程序的目录结构,发现node_modules文件并没有生成到微信小程序里面,所...原创 2022-03-31 11:57:50 · 5455 阅读 · 18 评论 -
uniapp项目启动报错Error: Cannot find module ‘webpack/lib/RuleSet
这两天在看uniapp的项目,创建uniapp项目有两种方式,第一通过Hbuilder直接新建项目,第二是通过cli命令创建,两种方式创建的uniapp的项目目录是不一样的。第一Hbuilder创建的项目,运行起来是没有问题的第二cli命令创建项目不管是创建正式版本还是alpha版本,运行项目的时候会报一个错误就是Error: Cannot find module 'webpack/lib/RuleSet在网上找了各种解决办法,主要是说node版本过高,需要把弄得降到12重新in..原创 2022-03-31 13:46:20 · 8249 阅读 · 5 评论 -
vue.config.js配置跨域代理
跨域是指,协议不一致,域名地址不一致,端口号不一致,满足三个其中的一个就叫做跨域。像我们本地的vue项目运行起来,访问的地址一般是localhost,这个时候请求后台的接口,肯定就会存在跨域问题,所以我们要是想正常访问接口的话,就需要解决掉跨域问题。解决方法一:后台来解决,让前端存在跨域问题也可以正常访问接口解决方法二:本地配置proxy代理我们前端解决本地开发环境的方法一般是配置proxy代理,配置方法如下:1.打开vue.config.js文件,找到devServer属性下面原创 2022-02-18 17:20:59 · 9132 阅读 · 0 评论 -
vue里面的 $forceUpdate() 视图强制渲染
之前也看了很多关于$forceUpdate() 的问题,其实主要是表达的就是对于数据更新但是视图不更新的问题来进行解决,可以调用这个来实现视图的强制渲染最近做项目发现了$forceUpdate() 主要适应的场景。我的data里面声明了一个对象basicInfo,最开始basicInfo里面并没有name这个属性,后期我通过某种操作可能会给basicInfo增加name这个属性,并且视图需要跟着更新,但是如果我们直接赋值加上,视图是无法跟着改变的,这主要是因为,Vue.js 不能...原创 2021-12-14 11:39:47 · 1307 阅读 · 0 评论 -
vue解决数组改变而视图不改变的问题
问题描述: 做vue项目的过程中会遇到一个问题,就是我更新了数组里面的数据,但是视图数据的展示并没有立即更新,针对这个问题下面给出两个方法来进行解决。解决方法1:原创 2021-12-14 11:29:22 · 7527 阅读 · 1 评论 -
基于vue的element框架table组件内容文字循环滚动
我们之前在做html中可能遇到过那种效果,就是列表文字向上循环滚动,以循环展示全部的列表文字内容,也是一个比较好看的动态效果我们现在做vue项目的时候,基本上都用框架,那么我们如何实现这么一个列表文字向上滚动到效果,下面是实现方式,基于elementui的table组件。1.正常引入element的table组件,给table命名一个ref,以便后面调用2.定义一个循环滚动的方法,主要就是操作div的scrollToptableScroll: function () { ..原创 2021-12-07 17:55:48 · 2553 阅读 · 0 评论 -
echarts饼图铺满整个div
今天在做公司项目的时候,用了echarts的一个饼图,设置了当前这个饼图形成的div的大小,init一个饼图的时候,总感觉这个饼图没有办法铺满整个div,主要是上下留白的空隙太大,影响布局,如图所示:期望:饼图能够尽可能的铺满,上下的空隙小一点查了点资料很多都说设置grid这个属性的,但是grid这个属性主要是对柱状图起作用。最终发现其实就是series里面的radius属性来控制这个大小的radius属性第一个百分数设置内圈大小radius属性第一个百分数设置外圈的大小,...原创 2021-12-07 15:36:56 · 5430 阅读 · 0 评论 -
配置vue项目多入口
vue3.0X多入口配置,vue项目下面的全屏模块原创 2021-12-07 14:50:37 · 8003 阅读 · 5 评论 -
html 页面加载完成滑动过程增加动画效果
这两天在写一个响应式的公司官网,网站写完了之后,加载出来之后就整个的一个页面,感觉干巴巴的不好看,就希望网站加载滑动的时候能有一些动态的效果,考虑到会用到css3的各种动画效果,初步的思路是把各种基础的动画效果写出来,然后看html页面上面需要什么样的动画,就加上去。所以,无疑,这个写一个动画库是一个很繁重的工作量,最终在网上找了一个wow.js的动画库,感觉很好用,分享给大家,也顺便记录一下,以后还会用到。让我们的网页动起来wow.js动画库的git下载地址为:https://github.c原创 2021-05-26 15:06:06 · 1347 阅读 · 0 评论 -
vue组件transition使用js钩子执行时间设置
vue组件transition使用js钩子执行时间设置今天在做vue项目的时候,需要写一个动画效果,就是点击实现领钱的一个动画效果,用到了vue组件transition动画,用的过程中遇到了一个问题,js钩子没有设置时间导致动画执行的时间太快,所以基本上看不到效果。下面是实现的代码.......写了三个js钩子,动画执行之前,动画执行,动画执行之后这样是可以实现动画的其实,但是执行时间太短,基本上看不到动画的效果,查阅各种资料,说是可以在标签上加上一个动画延迟的样式,于是我加上了样式原创 2021-05-07 10:58:21 · 800 阅读 · 0 评论