自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

前端小菜鸡的博客

前端小菜鸡

  • 博客(63)
  • 收藏
  • 关注

原创 关于自己收藏的一些 网站(前端)

1、腾讯云的网址:各种教程腾讯云2、js下载模板及特效(会员)js模板特效下载

2020-05-26 17:31:09 926

原创 npm安装报错:npm ERR! Verification failed while extracting [email protected]

解决方案:删除安装的node-modules 和 package-lock.json 两个文件。再重新安装 npm install,就行了。报错信息:大概意思就是认证信息失败。

2022-09-01 16:09:51 6953 3

原创 vue运行项目报错 errno: -4058

问题: npm install 未出现问题npm run dev 时出现node:events:368 具体问题如图所示(马赛克为项目名)找问题:主看红框,它会有提示,导致运行失败的原因,缺少这个文件解决:绿框 node ./node_modules/esbuild/install.js查找问题时发现其他情况:1、syscall: ‘spawn cmd’解决链接:缺少cmd环境怕作者删除文件,先留着:问题原因缺少cmd运行程序的环境变量解决方法在环境变量Path中加上C:\win

2022-04-19 14:32:07 4451

原创 node 升级版本,vue报错 warn,及启动的error

error 或者warn 未截图,大概内容如下1、npm install安装依赖包时: EBADENGINE Unsupported engine { npm WARN EBADENGINE package: '[email protected]', npm WARN EBADENGINE required: { node: '^0.10', npm: '^1.4.6' }, npm WARN EBADENGINE current: { node: 'v16.14.0', npm:

2022-02-17 17:13:37 18050

原创 关于echarts水球图安装报错

是因为 安装的依赖包不支持,只能是对应的相应版本echarts 版本 过高,是不支持水球图的,echarts 建议版本"echarts": “^4.6.0”,水球图 建议版本"echarts-liquidfill": “^2.0.0”,之前看到有其他文章 4.9 对应 2.几的版本,但是没成功...

2021-07-23 15:47:05 2121

原创 vue 请求数据 echarts无数据渲染

mounted运行的 绘制echarts 方法去掉,把 绘制echarts 方法 放在请求接口完成之后如图所示重点:如何找到问题,debugg 是最好的,看一下数据是在哪一步没有的,我是根据debugg 发现,在绘制echarts里面,数据没有得到。数据得到时,绘制的echarts 已经渲染完。...

2021-06-18 11:38:01 937

原创 a锚点自动刷新两次页面(谷歌出错,其他浏览器正常)

锚点的示例eg: 一般都不会有问题<a href="#maoDiv"></a><div id="maoDiv"></div>bug环境:vue 谷歌浏览器 其他浏览器正常1、id名重复,或者哪个地方报错2、自测了一下,外部添加了一个新盒子没有问题,原基础的代码是别人的,可能是内部样式有问题3、关于Vue锚点还有坑可自查 Vue锚点如何解决:<a @click="tzOne()"></a><div id="m

2021-06-17 10:05:14 304

原创 小程序 ios14系统(ios最新的版本) 访问接口失败,无返回体(其他版本正常)

问题:小程序,ios14系统访问接口,接口没有返回任何东西,一直请求中,其他系统正常请求访问。1、考虑传的参数 是否和其他 系统的参数一样(前端自查)2、小程序用的原生的框架 和 自带的wx.reuqest 请求(1、前端换个框架 2、前端不用自带的wx.request )分别写两个小demo测试一波,为什么这么做,是为了排查问题,给出证据,不是前端的锅3、如果有条件 其他小程序的接口 ios14能访问,自身的接口 ios14无法访问 小demo,原因同上。(前端)4、找问题,首先考虑到

2021-01-26 15:02:06 1210

原创 小程序 配置业务域名 ,服务器域名

具体位置,登录微信公众号平台=》开发=》开发管理=》选择开发设置 (下滑页面到业务域名或者服务器域名)1、业务域名 =》修改=》扫码 =》 点击+(会自动添加到下面一行,在最下面一行输入域名)一、成功,结束二、失败,需要下载校验文件,上面写着具体的方法的1、下载校验文件到本地2、放置到服务器的根目录下(必须是根目录,以便能找到)3、点击保存,(失败,位置放得不对,继续更换位置;成功,结束)4、如果排除上面的情况还是有问题,点击具体指引。(博主未遇到其他问题,所以暂不记录,如有遇到,会更新)

2021-01-26 14:41:35 1521

原创 小程序 内嵌多个h5

接触小程序不久,接手的小程序项目,都是已写好的,在原基础上新增或者优化需求:一个小程序包含多个h5点击某一个地方,wx.navigateTo({url: ‘/pages/allH5Pages/allH5Pages?title=’+‘这里面传参数title’,})1、建一个专门放h5的page包allH5Pages:wxml:<web-view src="{{H5Url}}"></web-view>2、jsPage({ data: { Title:

2021-01-07 11:54:09 454

原创 小程序 内嵌h5页面解决缓存问题

建议,如果有什么小程序方面的问题,可以去 微信开放社区里面寻找答案小程序交流专区|微信开放社区如果是马上修改了线上的h5链接里面的内容,并且有多个h5需要改在js里面data里面加这个,这个是看到的官方回答的:data:{version : (new Date()).valueOf()}然后在src后面直接加上一个这样的参数&version=:...

2021-01-07 11:27:21 2258

原创 小程序 当前线上版本过低,无法使用(示例:直播组件)

问题:如果配置是好的,一般执行第一步即可,我配置是好的,我就执行了第一步,遇到其他问题再待定!!1.看小程序的app.json里面,改一下版本号"plugins": { "live-player-plugin": { "version": "1.1.9", "provider": "wx2b03c6e691cd7370" }需要发布到正式版才能去测试是否改好了!2 如果发布了正式版还有这个问题:登录 微信公众平台 ----》 设置 -----》基

2020-11-13 17:28:47 2925 1

原创 当前小程序 跳转 另一个小程序支付(跳转到当前小程序的某个页面)

需求:当前小程序 跳转到集团小程序来支付,集团支付唤起微信支付,点击完成 时,跳转到商品详情,因商品详情是从前一个页面需要传值的。前提提示:用的uniapp 框架 , 商品详情需要传值**我用的方法:localstorage 储存到本地,第二个方法的话,要看最下面总结的话小程序的打开与关闭 app.vu来判断(所以判断支付完成时,跳转页面,都是在app.vue这个入口里面进行操作)商品详情页面:Product/pages/detail/index clickImg(product) {

2020-11-12 15:22:26 2299

原创 前端 小程序页面部署到直播(创建 及 部署 过程)

如果一个页面含有多个条件:1 、创建一个页面eg: pages/common/flowOrderDetails/flowOrderDetails?targetId=1611)说明:targetId 是一个条件,自定义,当targetId = 161 时,执行下一步操作2)获取targetId :在onLoad(一进入页面时),eg:onLoad(options){console.log(options.targetId)// 结果是 161}2、页面及信息已经完成,登录微信公众平台,到直

2020-11-02 12:03:43 404

原创 bootstrap container 去除边距(全屏)

2020-07-07 17:21:40 记录查了很多资料,没有一个能解决全屏边距空白的问题。一般来说bootstrap:container => row => col-md-12 这样的格式写//有全屏的要求,container 改=> container-fluid<div class="container-fluid">为什么会出现两边空白的地方?是因为图中col 加入了padding简单粗暴解决的办法:(重新赋值,把padding 取0) .col,

2020-07-07 17:31:27 4347 2

原创 前端 手机访问pc端html页面

步骤:1、打开cmd 的页面2、(我的文件在桌面) 直接cd Desktop 再cd 到本人的html文件夹3 、输入命令 npm install http-server -g(前提全局已有node)4、安装成功 再输入命令:http-server手机浏览器:输入带有8080的网址即可。...

2020-07-07 14:31:17 1390

原创 vscode less保存自动转成wxss设置

1、拓展里面安装这个插件2、在setting.json里面 加上这样代码“less.compile”: {“outExt”: “.wxss”}3、检查:改文件名为less时会自动加一个wxss文件

2020-06-20 16:26:01 1598

原创 首次 接触微信小程序(与Vue不同之处)

我一直以来接触的都是vue ,现在项目需要用到微信小程序,记录一下自学 觉得与vue不同之处(前面是微信小程序 相当于 vue 或者html5的标签)1 、 view == > div2、 text ==> span3 、循环 for数组: <view wx:for="{{List}}" wx:for-item="item" wx:for-index="index" wx:key="id"> <text>{{index}}</text&gt

2020-06-15 10:34:41 228 1

原创 前端 移动端点击调用打电话

一个click事件!!!里面加这个随便写的一个号码 window.location.href = 'tel://400-688-0111'

2020-06-11 16:57:41 1197

原创 vue 关于循环里面添加下拉框或者复选框 让v-model绑定的值不一样(数据不包含在循环里面)

不知道取啥子名字,哎,自定义一个自己能懂的说明:循环数据时,还需一个复选框 (重点看第二步,其他是为了自己清楚)前提:为什么要去绑定数组?在循环里面每次的循环的值应该是不一样的,一样的话,选择一个时,实则已经渲染了全部1、定义一个变量 checked [ ]首先在data里面定义一个checked 空数组**2、绑定数据,复选框 **checked[indexs] <el-collapse v-for='(item,indexs) in tableData.types' :key

2020-06-05 10:50:26 2341

原创 vue 后台返回数值,页面显示为文字

针对状态少的1、用三目运算三目运算,true 返回的’是的’,false 为 ‘不是’ <span >{{ scope.row.carNum == 1 ? '是的':'不是'}}</span> 2、用v-if 可以用来判断多个 <span v-if="scope.row.salerDealer == 1">卖家1</span> <span v-else-if="scope.row.sal

2020-05-23 18:18:18 11487 2

原创 vue 使用本地图片(加require)

传图片地址一定要用require,否则无法解析路径//data:里面自定义的变量://图片路径:./static/go.pnggoImage: require('./static/go.png') //传图片地址一定要用require,否则无法解析路径

2020-05-14 11:39:00 1382

原创 vue 关于生产环境测试环境的理解(有不足请提出会更改)

根据项目环境不同,执行不同的代码:封装1// 测试环境module.exports = { NODE_ENV: '"development"', ENV_CONFIG: '"dev"', BASE_API: '"http://192.16864654:8080"', // 测试的地址 APP_ORIGIN: '"192.16864654"', SOC...

2020-05-14 10:49:48 402

原创 关于vue this.$refs 打印为undefined的解决方法

1 父调用子方法html写: <Game v-if="gameNumberfive != ''" ref="child1"> </Game> 跟页面渲染前后有关 ,所以在调用的方法之前加上this.$nextTick this.$nextTick(() => { this.$refs.child...

2020-05-14 10:31:55 2404 1

原创 vue本地项目 手机同时访问

前提: 同一局域网,清楚自己的ip地址改package.json文件里面的在dev 后面添加 --host 192.168.1.999(自己的ip地址,或者0.0.0.0)"scripts": { "scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js --host 192.168.1.999", "start": "npm run dev

2020-05-13 17:04:45 291

原创 css 背景透明的两种方式

1、背景透明,字不改变background-color:rgba(0,0,0,0~1) //最后的取值就是透明度是多少 取值区间为0-1//eg:background-color:rgba(0,0,0,0.5)2.背景加字透明opacity:0.5 // 取值区间为0-1...

2020-05-13 15:08:13 712

原创 关于el-select使用

前提:各种依赖包已 弄好html代码<el-select v-model="numtype2.activityNum" placeholder="请选择活动期数" @change="selectModel($event)"> <el-option v-for="(item, index) in numtype" :label="item.activityNum" :val...

2020-04-30 11:59:31 2198

原创 vue vant关于swipe的使用(按需引入具体步骤)

需要先安装vantnpm i vant -S1、自己建一个文件夹plugins,里面建一个vant.js文件vant.js里面的// 按需全局引入 vant组件import Vue from 'vue'import {List, Cell, Tabbar, TabbarItem,Swipe,Overlay,SwipeItem, Lazyload } from 'vant'imp...

2020-04-17 10:25:40 8274

原创 vue index.html引入js或者css无效时,其他方法引入(config.js)

index.hmtl引入无效时在config.js里面 遇到问题时,再补充

2020-04-16 17:26:04 2151

原创 关于vue的一些基础知识(文件说明)package.json

1、package.json运行命令:npm run serve 看红色箭头,此时并不是npm run dev打包命令:npm run build:prod 这个是打包的命令,此时并不是npm run builddependencies里面的就是当前项目用到的插件及版本说明...

2020-04-16 17:22:11 469

原创 前端 获取当前url,截取id,token,type等数据(传值不按顺序)

关于倒计时html <span>还剩{{Lasttimem}}秒进行关闭</span> data() { return { Lasttimem:'', // 定义一个显示时间的变量 } },created() { this.timeOverfun() }, methods: ...

2020-04-16 16:45:57 2430

原创 vue 项目 转成html5页面挂载到服务器端

说得这么官方,高大上,就是把vue项目打包一下执行打包命令,然后当前项目会出现一个dist文件,把dist文件给后台人员后期有问题会继续更改

2020-04-10 17:29:06 2177

原创 vue 前后端分离自定义的状态码如何获取res.data

出现的问题,如上,自定义的状态码,999如何获取自定义状态码的data及 其他的数据 geData(a).then(res=>{ if(res.success){ this.$notify({ type: 'danger', message: '报名成功' }); }else{ this.$no...

2020-04-10 17:10:00 6535

原创 vue 项目建立好之后顶部有空白部分

把app.vue 中的 样式去除掉就好了

2020-04-08 21:08:07 2266

原创 vue不是内部命令及外部命令

前提npm 已经完成下载安装vuenpm install -g vue npm install -g @vue/cli-init安装好了vue ,使用vue init webpack demo(demo是文件名,自己随便)如果还是提示不是内部命令及外部命令1 在电脑中全盘搜索 vue.exe 文件2 复制这个文件所在的路径,放入环境变量关于环境变量我的电脑 >> 右...

2020-04-08 13:07:17 307

原创 vue 添加浏览器页面头部的小图标

头部添加小图标把图片放到static文件夹下面,因为src下面它会找不到第二步:<link rel="icon" type="image/x-icon" href="static/logo.png" />好了!

2019-08-13 09:38:13 1393

原创 vue 自己使用过的正则表达式

正则表达式1:要求:只能输入0和非0开关的正整数this.taskInfo.amount = (money.match(/^(0|[1-9][0-9]*)/g)[0]) || null/^(0|[1-9][0-9]*)/g)[0]2:要求:保留一位小数,首位不能为0this.taskInfo.money = (money.match(/^([1-9]*)(\.?\d{0,1})/g)...

2019-08-09 16:24:25 562

原创 需要实现地图echart

需要实现参考地图https://blog.csdn.net/RJN0814/article/details/90054487参考EChartshttps://echarts.baidu.com/examples/editor.html?c=dataset-encode0&theme=light具体如何,等我写完这个要求,之后需要...

2019-08-09 10:32:54 101

原创 es6数组中对象去重

去重 (根据某一字段) reduce let buZhouList = [ {id:1,title:'aa'}, {id:2,title:'bb'}, {id:3,title:'cc'}, {id:4,title:'dd'}, {id:5,title:'aa'} ]let obj...

2019-08-06 17:23:23 1955

原创 vue 解决打包后element 自定义样式无效的解决方案

第一个方法: 就是在template的根节点,也就是第一个div添加一个类名classname.el-tabs__item.is-active 这个是elment自带的,如果需要更改直接f12,把类名复制下来,具体为:.classname .el-tabs__item.is-active{background:rgb(66,127,253) ;}有方法会随时更新...

2019-08-02 15:43:45 3236

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除