自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

前端很杂,故名前端杂货铺 —— coderkey

记录知识,分享知识,共同进步!

  • 博客(88)
  • 资源 (14)
  • 收藏
  • 关注

原创 解决 Set `“volar.inlayHints. eventArgumentInInlineHandlers“: false`...的问题

在vscode上开发vue3项目,模板写函数事件老是出现。在内联处理程序中隐藏事件参数。上面翻译过来就是:设置。

2023-03-07 20:00:00 4023 1

原创 nvm的使用与安装

安装包下载地址:https://github.com/coreybutler/nvm-windows/releases,windows系统下载nvm-setup.zip安装包。安装nvm之前,如果有单独安装过node的,需要把node卸载掉。然后解压nvm-setup.zip安装包,进入解压的文件夹,双击exe后缀文件进行安装。安装完毕后,找到自己安装的路径做一些配置,打开setting.txt 文件 (可以不做配置)下面这个是nodejs的安装位置,新建一个node文件夹。文件中(这是配置镜像源)

2023-03-06 20:00:00 338

原创 同一电脑上安装且使用vue2.0和vue3.0版本

卸载全局安装的vue版本。(注:自行百度搜索如何卸载全局vue2vue3脚手架)想要在自己电脑本地上创建使用vue2.0和vue3.0版本的项目,如何实现?在自己想要的位置上,新建两个文件夹分别命名为。配置环境变量 (自己用的win10)在系统变量上分别配置。

2023-03-01 16:28:59 881 1

原创 vue实现同一页面点击当前不同tab页展示不同内容并且选中变色

【代码】vue实现同一页面点击当前不同tab页展示不同内容并且选中变色。

2023-02-21 11:21:27 609

原创 vue前端接受后台返回流数据,并实现文件正常下载

注意:请求接口的响应类型是responseType: ‘blob’后台返回二进制文件流,前端实现下载excel文件;

2022-12-20 15:59:34 1831 2

原创 纯前端vue框架实现excel 导出

【代码】纯前端vue框架实现excel 导出。

2022-12-20 14:42:07 343 1

原创 vue2中watch的使用

(2)把要监听的msg值看作对象,利用hanler方法来进行监听。(2)可以只监听对象的其中一个属性值 ’对象.属性‘ 的形式。(1)把要监听的msg值看作方法名,来进行监听。(1)(一维、多维)数组的变化不需要深度监听。(2)数组对象中对象属性变化监测需要使用。深度监听,多少层内产生变化都可以监测到。(1)监听对象需要用到深度监听,设置。字符串,布尔值,number。

2022-12-16 16:38:15 24718 2

原创 javascript函数方法中bind、call、apply的使用和区别

一个数组或者类数组对象,其中的数组元素将作为单独的参数传给。值和参数调用该函数的返回值。若该方法没有返回值,则返回。当目标函数被调用时,被预置入绑定函数的参数列表中的参数。方法不会立即调用函数,而是返回一个修改。返回一个原函数的拷贝,并拥有指定的。只有两个参数,第二个参数为数组;传参相同,多个参数依次传入的;参数传递给目标函数的值。都是对函数进行直接调用,而。值和参数的函数的结果。接收的第一个参数都是。

2022-12-15 15:08:44 411

原创 博球一看,CSDN与你共观世界杯

进球后,他们狂奔着,欢笑着,拥抱着庆祝。四年一次,这段岁月里,虽不算太长,可是,却包涵着多少拼搏、汗水、成功和失败,还包容着球迷的期待、观望、欣喜和狂热,所有这些,会永久地经成为了值得留恋的回忆。2022卡塔尔世界杯不知不觉已接近尾声,不仅让人感叹,乌拉圭,巴西,葡萄牙都已淘汰,四强诞生分别是阿根廷,法国,摩洛哥,克罗地亚,非常期待梅西和魔笛的对决,也希望今年梅西捧起大力神杯…我们期待着本届世界杯,能给我们留下更多的看点、更多的悬念、更多的精彩、更多的经典、更多的思考,让这场足球盛宴,刻下一座永恒的丰碑。

2022-12-11 23:09:02 287 1

原创 在vue开发中会遇到methods方法里有一个函数嵌套另一个函数,最内层函数this取不到data数据,该怎么解决?

在vue的methods方法中两个函数互相嵌套,最内层函数this取不到data数据。(1)给最外层函数this重新赋值给一个变量。

2022-12-08 17:01:37 3319 1

原创 浅拷贝的实现方式

一,Object.assign() 方法二,ES6展开运算符…三,数组合并方法 concat()四,数组剪裁方法 slice()五,注意:浅拷贝拷贝的是引用,它们共享同一块内存,当引用的值改变时,另外一个也会跟着改变;

2022-12-07 23:05:07 297 1

原创 深拷贝的实现方式

一,递归递归去复制所有层级属性二,用JSON对象的parse和stringify实现三,注意(1)深拷贝,是拷贝对象各个层级的属性;(2)与方法,只能拷贝第一层属性,他们都不是真正的深拷贝;

2022-12-07 16:30:08 1151

原创 前端如何在接口返回字符串类型的数值转化在浏览器中转化为对应文字并且逗号隔开

一,问题后端接口中返回字符串类型的数值如何转化在浏览器中转化为对应文字用逗号隔开0代表微信 1代表QQ 2代表邮件 3代表语音二,方法第一步:假设后端返回的数据第二步:映射类型 定义一个数组第三步:数据处理写在计算属性里第四步:模板展示第五步:测试结果处理前处理后三,完整测试代码

2022-12-07 11:56:10 877

原创 vue移动端适配方案:amfe-flexible和postcss-pxtorem插件结合

一,问题用vue开发一个h5移动端项目需要做适配;二,适配方案第一步:安装两个插件第二步:在main.js文件中导入amfe-flexible第三步:postcss.config.js中配置postcss-pxtorem第四步:测试结果

2022-12-05 16:55:41 878 1

原创 vue如何修改title标签中的htmlWebpackPlugin.options.title

如何修改title标题。文件,并且添加如下代码。

2022-10-27 10:12:44 839

原创 nginx配置同一域名同一端口下部署多个vue项目

本地开发好了多个前端微信网页项目,想部署上线,但是微信那边必须得在默认端口下访问前端项目,于是就nginx配置同一域名同一端口下部署多个vue项目。根据根路径不同分别代理访问不同项目,刚好解决这个问题。默认端口就只有一个,多个项目实现不了。文件夹,然后放在对应的位置上 ,配置。以上全部搞完之后就可以访问了;

2022-08-22 16:42:46 7777 2

原创 vue移动端/pc端适配插件:postcss-px-to-viewport

重新运行后发现,不仅vant相关组件的单位被转换成了vw,而且其比例也就没有问题了。: 当有些属性的单位我们不希望转换的时候,可以添加在数组后面,并在前面加上!vant团队的是根据375px的设计稿去做的,理想视口宽度为375px;,这表示:所有css属性的属性的单位都进行转化,除了。插件,将px单位自动转换成viewport单位;而自己的设计稿750px,这样就出现比例问题;是因为适应不同的操作系统,在mac下结果为。,而在windows下结果为。文件里配置以下代码;文件里配置以下代码;...

2022-08-18 15:07:07 3979 7

原创 解决本地nginx部署vue项目只能访问默认页面问题

项目时只能访问默认页面,刷新和跳转页面都会出问题。当作自身的服务访问而找不到,我们修改一下配置文件。页面,而其他页面在访问的时候被。

2022-08-08 11:59:06 3527 3

原创 新版Chrome浏览器本地调试:阻止不安全的http请求

最近因为想开发一个公众号网页项目,本地调试时需要通过内网穿透将本地ip映射成外网可以访问的域名;配置好以后跑起vue项目时控制台报错;新版谷歌浏览器会阻止不安全的私网http请求。点击Relaunch 重新刷新一下就欧克了。......

2022-08-06 17:32:08 1500

原创 Vue3.2 setup语法糖总结

Vue3.2版本开始才能使用语法糖!在Vue3.0中变量必须return出来,template中才能使用;而在Vue3.2中只需要在script标签上加上setup属性,无需return,template便可直接使用,非常的香啊!

2022-08-05 10:34:59 514 1

原创 七夕节赚取徽章啦

七夕来袭!是时候展现专属于程序员的浪漫了!你打算怎么给心爱的人表达爱意?鲜花礼物?代码表白?还是创意DIY?或者…无论那种形式,快来秀我们一脸吧!

2022-08-04 16:13:55 677

原创 vue将当前时间转化为时间戳以及处理时间格式

timeFormat.js文件 时间格式化页面引入

2022-07-14 15:45:56 4784

原创 vue调用h5支付宝支付时无法调用问题

问题:前端调用后端支付宝支付的接口时,会返回一串表单的字符串,此时直接使用将字符串赋值到页面上,页面上也有显示,但是就是调用不起来支付。原因:因为赋值页面还没加载完成里面的。方法:使用方法,等加载完成在执行一遍返回的字符串里的代码。...

2022-07-07 14:26:40 795

原创 vue动态修改微信h5网页标题title

问题:想要修改微信网页标题,使用修改,直接 就好了,这样在安卓的微信浏览器是正常运行,可在IOS中这样的确不起作用。原因:由于微信浏览器只在页面首次加载时初始化了标题,之后就没有再监听 的事件。方法:立即创建一个请求,加载一个空的,由于加载后立即就移除,也不会对页面造成影响,但这样微信浏览器上的便刷新了。...

2022-07-06 10:40:58 2785

原创 vue 内网穿透后访问域名本地提示 Invalid Host header

问题:最近开发一个公众号网页,需要发布在线上才可以调用,于是对本地ip进行内网穿透,映射成外部可以访问的公网ip(域名),用浏览器打开地址后,出现 ;方法:在项目中的进行配置

2022-06-21 14:19:19 510 1

原创 开发微信小程序getLocation,需要在app.json中声明permission字段解决办法

问题:微信小程序开发中,使用 wx.getLocation( )时,开发者工具提示需要在app.json中声明permission字段。解决方法:// 在app.json文件中进行配置"permission":{ "scope.userLocation": { "desc": "获取你当前位置信息用于小程序位置接口的效果展示" } },...

2022-03-01 11:08:14 2838

原创 原生小程序授权code失效问题

问题:小程序中,新用户第一次授权之后,获取用户信息请求没问题,但是,当用户同意授权之后,在重新获取用户信息授权会有一定的几率失败,找了原因是code的使用了两次失效,但是code,是直接通过接口直接获取然后直接请求,经过了很多次测试之后,发现如果是个全新的用户,登录授权是没有问题,如果是一个同意过授权的用户在登录就会有一定几率失败原因:微信里边已经说过了,首次用户授权,我们通过code获取openId,session_key等。这个时候我们要把获得的这些数据发送给后端做自定义登录态。之后每次用户进来

2022-01-10 12:02:00 3923

原创 微信小程序之封装常用的API接口请求以及工具类方法

工具类封装:// utils.js// 显示消息提示框export function Toast(title,type,time,isshow){ wx.showToast({ title: title, icon: type, duration: time, mask: isshow })}// 显示 loading 提示框。需主动调用 wx.hideLoading 才能关闭提示框export function Loading(title){

2021-12-25 11:45:18 1481 2

原创 微信小程序v-for循环时,设置wx:key报错does not look like a valid key name?

问题:微信小程序中一般都会要求有wx:for=""和wx:key=""两个都存在,不然会有警告 ;设置 wx:key="id" 报警告;设置 wx:key="item.id" 报警告;设置 wx:key="{{item.id}}" 报警告;设置 wx:key="{{index}}" 报警告;解决方法:设置 wx:key="index" 就不报警告了;在这里不得吐槽一下,改了文档又不更新一下,找了大半天。。。...

2021-12-24 17:17:59 1105

原创 css单行或多行文本溢出显示省略号

一、单行文本溢出省略.content{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;/* for Opera */}IE8以下浏览器需要在span标签里才会显示省略号。(有些浏览器需要加上指定的width)二、多行文 本溢出省略适用于 WebKit浏览器及移动端;-webkit-line-clamp用来限制在一个块元素显示的文本的行数。 为了实现该

2021-12-17 12:07:03 441 1

原创 微信小程序this.data赋值时,页面视图层没有同步更新

问题:我在开发微信小程序中,this.data进行赋值时,页面视图层没有同步更新;原因:其中this.data是用来获取页面data对象的;setData()函数用于将逻辑层数据发送到视图层,同时对应的改变this.data的值。this.setData是用来更新界面的。解决方法:在微信小程序开发中,想要数据和页面同步更新只能用this.setData({属性:值})...

2021-12-17 11:52:56 4946

原创 微信小程序 返回上一页面时实现上一页面数据刷新(页面栈)

问题:从A页面跳转到b页面后,再从b页面返回到a页面,同时刷新a页面的数据解决方案:页面B:var pages = getCurrentPages(); //当前页面栈if (pages.length > 1) {var beforePage = pages[pages.length - 2]; //获取上一个页面实例对象(a页面)var currPage = pages[pages.length - 1]; // 当前页面,若不对当前页面进行操作,可省去(b页面)befo

2021-12-08 12:35:36 1861

原创 微信小程序 组件引用wxss样式警告Some selectors are not allowed in component wxss, including tag name selectors, ID

问题:微信小程序 自定义组件引用wxss样式报警告;“VM62:1 Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selectors”原因:自定义组件,wxss文件中禁止使用 标签名选择器,id选择器和属性选择器;解决方案:用类选择器代替即可;...

2021-12-07 11:05:20 2171 2

原创 微信小程序 提示 provisional headers are shown

问题:微信小程序请求远程服务器接口时,响应非常慢,最后请求超时,导致失败。网络那里提示 provisional headers are shown警告。原因:有很多,可能是客户端方面的问题也可能是后端问题。前端问题检查一下浏览器有没有装广告拦截之类的插件、是不是安全问题被浏览器屏蔽了请求(https跨域等)。排除是前端问题的话,问问后端人员检查下这个接口解决方案:我电脑上的火绒软件是开着的,我尝试把它关闭掉再请求,惊奇发现可以了,请求到接口的响应结果。提示:解放方法有很多种,需根据自身

2021-11-04 15:39:19 4334 1

原创 常用的前端JavaScript方法封装

1、输入一个值,返回其数据类型function type(para) { return Object.prototype.toString.call(para)}2、数组去重function unique1(arr) { return [...new Set(arr)]}function unique2(arr) { var obj = {}; return arr.filter(ele => { if (!obj[ele]) {

2021-10-24 21:59:07 114

原创 git 报错 remote: Incorrect username or password (access token)

问题:提交到gitteeb报的错;在使用Git进行项目代码提交的最后一步操作git push -u origin master的时候,出现了一个问题,这个问题的意思大概是:用户名或密码不正确(访问令牌)原因:最开始直接用GitHub的账号登录的,导致Windows10系统上的凭据的用户名和密码初始是Github的,我的码云账号和github的不一样,改成码云的就好了。解决方案:打开电脑的控制面板–>用户账户–>管理Windows凭据...

2021-10-14 11:09:42 760

原创 微信小程序授权获取手机号时,提示获取手机号失败,该appId没有权限

<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">获取手机号 </button>问题:当我微信小程序授权获取手机号码时,提示报错原因:小程序必须企业主体账号,并且要微信认证,个人账号不可以使用。解决方案:进入微信公众平台 =>小程序=>设置=>基本设置=>微信认证根据自己公司信息等填写即可...

2021-09-24 16:59:05 8422

原创 swiper滑动时白屏/闪烁的问题

原因:swiper轮播滑动时出现白屏/闪烁/白条;解决方案:// 给外部元素的父标css套一个:transform: translate3d(0,0,0);overflow: hidden;// 闪动元素/子元素:transform: translate3d(0,0,0);

2021-09-01 17:46:18 2486 2

原创 HBuilderX无法启动微信小程序

问题:在HBuilderX运行uniapp项目在小程序端模拟器的时候,微信开发者工具打不开,检查两个地方。原因:首次使用HBuilder把项目运行在小程序模拟上时,需要在工具的设置里配置微信开发者工具路径。解决方案:① 工具->设置->填写你微信小程序开发者工具安装的地址② 打开微信开发者工具->设置->代理设置->安全->把代理开关打开...

2021-08-31 11:01:20 1149

原创 HBuilderX 编辑代码保存后 微信开发者工具无法自动刷新

问题:HBuilderX编辑代码后,微信开发者工具没有实时更新。原因:微信开发者工具里设置了代码文件自动保存所导致。解决方案:① 打开微信开发者工具里的设置② 进入设置界面后,点击编辑器,然后不要勾选 “修改文件时自动保存” 这一选项即可。...

2021-08-30 14:58:43 7582 5

curd java demo springboot

增删改查

2023-05-22

javademo学习啦啦啦

学习

2023-05-17

makeFriends.rar

peopleManger

2021-12-31

makeFriends(1).rar

小程序

2021-12-11

fileManger.rar

文件

2021-11-16

renyuan.rar

renyuan

2021-11-16

sunslux-mall-mini.rar

uniapp

2021-11-16

ant-design-vue-jeecg.rar

后台

2021-11-16

zhaopin.rar

人员

2021-10-29

fileManger.rar

wenjan

2021-10-29

wxapp_1-master.zip

招聘小程序

2021-09-02

PostFile.rar 文件管理

练习

2021-09-02

lianxi.rar 小程序之文件管理项目

练习

2021-09-02

myEcharts.rar

图标

2021-05-31

展厅外观的项目.rar

练习

2021-05-31

chuyuadmin.zip

练习

2021-05-31

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

TA关注的人

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