- 博客(25)
- 收藏
- 关注
RSS订阅原创 flex布局 justify-content:space-between 最后一行左对齐
flex布局 justify-content:space-between 最后一行左对齐
2022-09-01 17:31:19
985
原创 uniapp多图上传（记录）
1.多图选择存在兼容性，在官方api无效时，可以选择平台编译。2.多图上传后端如果只收到一张图片，可以将图片链接数组处理成。，切记多图name值不可相同。
2022-07-28 09:50:09
1085
原创 js判断对象的length
在js中对象是没有length属性的，但是有的时候我们需要知道对象中可枚举属性的个数提供一种简单的方法：Object.keys(obj).lengthOK!
2022-05-06 11:13:02
2234
1
原创 微信小程序支付前端工作记录
前端小程序支付流程记录微信小程序内支付其实就和jsapi一回事,需要的参数都是一样的区别：jsapi需要跳转url授权获取code，唤醒支付api为：WeixinJSBridge.invoke()微信小程序支付可以直接使用wx.login()获取code，唤醒支付api为：wx.requestPayment()代码如下： wx.requestPayment({ "timeStamp": this.data.timeStamp, "nonceStr": this.dat
2022-04-21 13:43:28
433
原创 npm报错 operation not permitted, open...
这个错误是在使用npm下载依赖时发生的，错误如下npm ERR! code EPERMnpm ERR! syscall opennpm ERR! path E:\nodejs\npm_cache_cacache\tmp\7ab9b301npm ERR! errno -4048npm ERR! Error: EPERM: operation not permitted, open ‘E:\nodejs\npm_cache_cacache\tmp\7ab9b301’npm ERR! [Error.
2022-04-21 11:01:46
10523
4
原创 Error: Rule can only have one resource source (provided resource and test + include + exclude) in...
今天从vuetify商店下载了一个模板，执行 npm i 后运行，vuecli就报了这个错Error: Rule can only have one resource source (provided resource and test + include + exclude) in…查看了一下webpack版本是五点多，把webpack版本降到四点多就可以了"webpack": "^5.52.0"换成"webpack": "^4.43.0"亲测有效...
2022-03-28 16:57:23
1204
原创 微信小程序报错TypeError: Cannot read property ‘0‘ of undefined
开发小程序时在注册一个vant组件后使用时，报了一个错：TypeError: Cannot read property ‘0’ of undefined反复检查代码没有发现问题，而且之前使用其他组件是没有问题的，于是百度之后，发现有类似的错误分享，解决方案是：将小程序基础库升级一下，试了一下果然有用。小程序开发过程中发生的莫名其妙报错，找不到自身原因的情况下，很可能是开发者工具的环境呀版本不对，这个时候换换基础库、更新一下开发者工具也许能解决...
2022-03-03 14:18:35
5680
1
原创 vue命名视图的使用
场景：在vue开发中，有一些可复用的重要组件，比如head头部或者侧边栏等，在大部分主要内容页，这些组件都是需要使用的，而在login页面或者404页面这些非主内容页面是不需要的，实现这些需求有很多种思路，这里利用VueRouter的命名视图来实现一下。代码：router/index.jsconst routes = [ { path: '/', components:{ default:()=>import('../view
2022-02-24 14:58:22
996
原创 正则表达式
正则表达式基础(不定期更新)限定符：? => 代表前一个字符可有可无举例：used? ：匹配 use 或者 used限定符：* => 代表前一个字符可以是0个或多个举例：us*ed ：匹配u开头ed结尾，中间任意数量的s字符限定符：+ => 代表可以匹配1个或多个字符举例：us+ed ：匹配u开头ed结尾，中间一个以上s字符举例：us{2,6}ed : 匹配u开头ed结尾，中间2到6个s字符举例：us{2,}ed :
2021-12-16 14:59:24
273
原创 js给数组内的每一个对象添加一个属性
开发中经常要对接口请求来的数据进行处理比如给数组每一个对象添加一个属性：第一种方法(常规)：let arr = [ {a:1,b:2}, {a:3,b:4}, {a:5,b:6}, {a:7,b:8},];for(let i = 0; i < arr.length; i++){ this.arr[i].c = 9};console.log(arr);第二种方法(es6)：let arr = [ {a:1,b:2}, {a:3,b:4
2021-12-14 09:50:59
13834
原创 js得到格式化后的此刻时间
js获取当前时间/** * @param {Number} stamp [为空或者填入需要转化的时间戳] */const currentTime = (stamp) => { const date = stamp ? new Date(stamp) : new Date(); let year = timeFormat(date.getFullYear()); let month = timeFormat(date.getMonth() + 1); let
2021-12-08 10:24:44
258
原创 vue服务端刷新页面404，宝塔，Apache环境
由于vue是单页面程序，当router模式设置为 history 时，直接打包上传宝塔，在页面刷新的时候会报404的错!文档是这样解释的：因为我们的应用是个单页客户端应用，如果后台没有正确的配置，当用户在浏览器直接访问 http://oursite.com/user/id 就会返回 404，这就不好看了。所以呢，你要在服务端增加一个覆盖所有情况的候选资源：如果 URL 匹配不到任何静态资源，则应该返回同一个 index.html 页面，这个页面就是你 app 依赖的页面。解决方法是在宝塔站点设置伪
2021-12-06 16:13:46
723
原创 nodejs，express报错 MulterError: Unexpected field
使用express写文件上传时碰到的问题前端用的axios，后端express使用了multer中间件，上传的时候一直报服务器500的错，反复检查代码查看multer文档，终于发现了问题。废话不多说，直接上代码：后端：router.post('/upload',upload.single('img'),function(req,res,next){ console.log(req.file);})前端：formdata.append('img',imgfile);在这里uploa
2021-12-03 09:37:00
5028
3
原创 box-shadow 93种经典效果
写css的时候box-shadow的用法千变万化，在这里分享一个网站，里面罗列了93种阴影效果，直观可见，使用也方便，直接点击便可复制代码。网址：点击这里
2021-10-26 16:15:00
3571
原创 elementui Checkbox label值与所需要显示的值不一致
elementui的Checkbox组件在多选框组的情况下，想要传给后端的值与所想要展示的值不一致时，如：<el-checkbox-group v-model="checkboxGroup2" size="mini" disabled> <el-checkbox label="备选项1" border></el-checkbox> <el-checkbox label="备选项2" border></el-checkbox></e
2021-10-06 18:16:04
4339
原创 报错TypeError: Class extends value undefined is not a constructor or null
在执行npm run build的时候遇到了错误：TypeError: Class extends value undefined is not a constructor or null；而执行npm run serve是可以正常执行的，报错如下：Building for production...ERROR TypeError: Class extends value undefined is not a constructor or nullTypeError: Class extends v
2021-09-10 15:08:59
14263
4
原创 video视频播放宽高比与设置的不一致
最近在项目中遇到了video标签设置宽高属性，始终无法改变宽高比的情况，导致想操作canvas画布与video输出的视频大小不一致，查了好久才解决，记录一下：原来的代码： <video id="videocanvas" width="500px" height="350px" autoplay ></video>width属性和height属性不管怎设置始终输出的视频都无法与设置的一致，用百分比也没用；解决方法：<video id="
2021-09-01 10:38:04
2570
1
原创 报错Rule can only have one resource source (provided resource and test + include + exclude) in
最近了解了一下前端人脸识别的库，于是想在项目中写一个demo，结果在安装其中一个npm包之后，就报了这个错，查了一下是webpack版本冲突，在这里记录一下解决方法：卸载已安装的webpacknpm uninstall webpack再安装低版本的webpacknpm install webpack@^4.0.0 --save-dev亲测有效！...
2021-08-27 10:22:03
1605
4
原创 使用vscode写canvas代码没有提示如何解决
用vscode写canvas时发现，js代码没有提示解决办法是在获取canvas dom对象前一行加入一串代码提示vscode接下来使用的dom对象类型，代码如下：/** @type {HTMLCanvasElement} */切记加在获取canvas对象的前一行！！！...
2021-08-25 15:06:28
1337
3
原创 去除overflow:scroll时的浏览器滑条
当我们使用overflow="scroll"属性时会出现浏览器的原生滑条而在现实开发时这么丑的原生滑条是肯定的不会使用的，所以这时候我们就需要去除这些滑条；可以加这些属性：谷歌浏览器：::-webkit-scrollbar { display: none;}火狐浏览器：scrollbar-width: none;...
2021-08-25 11:22:04
567
原创 解决vue国际化this.$i18n.locale设置值切换对data中的值循环使用无效
之前有项目要做中英文切换，于是我选择了使用vue-i18n插件来进行完成需求，在开发过程中遇到一个问题记录一下当将需要切换的文字内容以 this.$t(‘xxx.xxx’) 的方式放入data中时发现默认的语言是可以显示出来，但是当我们进行切换语言时，data里的数据在循环中却不会切换js:data() { return { test:[ {a:this.$t('user.test')}, {a:this.$t('user.test2')},
2021-08-19 09:41:29
4796
4
原创 elementui的select组件实现可直接输入功能
使用场景：在某有些情况下我们使用elementui的select下拉框组件，可能除了本身的数据选项，还希望用户可以自定义输入，这时候就需要使用一个属性：allow-create。效果如下：代码如下：<el-select size="mini" v-model="data" allow-create default-first-option <!--可直接回车键入 --> filterable <!-- 必须有该属性 --> @change="
2021-08-05 17:08:52
1831
原创 input框number类型去除原生加减图标
在使用input框只想输入数字时，input框有原生的 type=“nubmer” 属性，可是该属性自带加减图标非常不美观，如下图这时我们可以使用css属性去掉这个加减图标，代码如下html：<input type="number" name="" id="">css：input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none;}input[ty
2021-08-04 15:33:23
2456
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人