- 博客(44)
- 收藏
- 关注
RSS订阅原创 uni app 调用前置摄像头
index指定要获取摄像头的索引值，1表示主摄像头，2表示辅摄像头。如果没有设置则使用系统默认主摄像头。uniapp开发app并没有相关Api调用前置摄像头。只能使用5+app的api。获取需要操作的摄像头对象，如果要进行拍照或摄像操作，需先通过此方法获取摄像头对象。
2024-08-14 17:41:27
727
原创 web 移动端调试web代码
需求：需要在移动端浏览器查看控制台，调试代码解决方案：js：<script src="http://wechatfe.github.io/vconsole/lib/vconsole.min.js?v=3.2.0"></script><script> console.log("测试问题")</script> vue：先执行命令npm ...
2021-12-29 11:50:07
484
原创 vue 移动端使用canvas.toBlob()失败，内容包含视频截取第一帧
问题：在移动端使用canvas的toBlob()会出现失败的情况导致转blob对象失败原因：因canvas.toBlob()方法兼容问题，手机端会出现不兼容的情况代码： 错误示例：findvideocover(url, file) { const video = document.getElementById("upvideo"); // 获取视频对象 // const video = documen...
2021-12-29 11:37:58
1387
原创 vue vant中list首次加载不满一屏会请求两次数据重复（已解决）
首先把finished 默认为true然后添加 immediate-check=true<van-list v-model="loading" :finished="finished" finished-text="没有更多了" @load="onLoad" :immediate-check="true"></van-list>
2021-12-10 09:45:07
4035
1
原创 微信公众号踩坑集合
什么也不说,先让我吐槽吐槽，真的是神奇。很多地方你真的都想不明白为什么一、本地开发时前端调用api报63002 问题就是本地项目，没有配置域名所以调用不了api。两种解决方案 1.使用测试号 2.前端项目使用内网穿透后，让后端的服务器使用nginx映射前端内网穿透后的域名（内网穿透本人使用花生壳）二、如果是需要登录授权vue或者uniapp项目路由模式请使用 history 如果使用hash 再授权...
2021-02-27 18:28:33
275
原创 css flex 多行平均排列 解决最后一行靠右问题
先看效果代码： <view class="sort-list"> <view class="list mt20 sel-list" wx:for="{{[1,1,1,1,1,1]}}" wx:key="index">太阳石#01</vi
2020-10-20 17:54:29
1335
原创 js 数组分隔为二维数组
/** * 分割数组创建二维数组封装 * @param data 数组 * @param senArrLen 需要分割成子数组的长度 */ splitArr(data, senArrLen) { //处理成len个一组的数据 let data_len = data.length; ...
2020-10-17 15:38:22
2292
原创 wx 小程序动画让图片一直匀速旋转
html<div> <image animation="{{animationData}}" src="http://school-hi.oss-cn-shanghai.aliyuncs.com/markettest/1600330381592_453.png?Expires=1631866382&OSSAccessKeyId=LTAInVG6zkrEMhpe&Signature=p88AO31rMAKPn%2Fr0xyLicsZIWjo%3D
2020-09-17 17:13:32
1575
2
原创 Vue 解决 element select 选中值改变了 但是选择框的值不显示的问题
在 @change绑定的方法加上下边的代码就好了 强制更新值this.$forceUpdate();
2020-09-14 18:54:03
1964
1
原创 wx wepy项目编译运行报:./app.wxss unexpected “�“ at pos 1
上图 遇到这个错误的时候一脸懵逼, 刚开始的时候,自己看了看报错的文件,发现没问题 因为项目之前一直好好的然后找到一种暂时解决的办法,那就是在报错的文件重新刷新它 这时候就不报错了但是当你下次编译后问题还是会出现...
2020-09-14 18:53:39
2005
原创 win Powershell ExecutionPolicy 执行策略
简单说明#powershell对于脚本的执行有着严格的安全限制CopyGet-ExecutionPolicy -List #查看当前的执行策略 Set-ExecutionPolicy -Scope CurrentUser AllSigned #设置执行策略为要求所有脚本签名，范围为当前用户 策略 Policies：Restricted / AllSigned / RemoteSigned / Unrestricted / Bypass / Undefined范围 Scope.
2020-07-21 11:47:31
1701
原创 wx wepy子组件传值父组件
子组件传值父组件子组件:<template><view v-if="isShow" @click="clickSon">点击子组件</view></template><script> import wepy from '@wepy/core' wepy.component({ props:{ isShow:true }, methods:
2020-07-10 13:14:06
697
原创 wx wepy框架使用wxs filter过滤器
首先建一个文件夹存放wxs文件// 一个时间截取的方法，不要在意内容，只是业务需要var setTime = function(str) { str = str.slice(5, 7); if (str.slice(0, 1) == 0) { str = str.slice(1) } return str;}module.exports = { setTime:setTime}这里说一个个人发现的坑，可能因为wxs独有的语法，需要使
2020-07-07 21:30:12
439
原创 wx scroll-view的使用（与页面滚动冲突）
<view class="tui-fixed-y"><scroll-view class="tui-city-scroll-y" bindscroll="scroll" :scroll-into-view="toView" :scroll-y="true" :enable-back-to-top="true" :scroll-anchoring="true" :scroll-with-animation="true"><-- 内容 --></.
2020-07-05 04:24:58
1602
原创 布局 flex让元素一个靠左一个靠右
flex让一个元素靠左一个靠右.about { display: flex; justify-content: flex-end; }需要靠右的元素加上margin-right: auto;
2020-07-05 04:18:34
10771
2
原创 布局 flex 让图片和字体垂直对齐
flex图片文字对齐方式justify-content: center; 可以控制元素靠左还是居中还是靠右.alignment { display: flex; flex-direction: row; align-items: center; justify-content: center; }
2020-07-05 03:26:02
838
原创 wx 使用canvas画海报
<template> <view class="poster"> <canvas v-if="getImg==''" style="width: 315px;height: 502px;position: fixed;left: 999999rpx;" canvas-id="poster1" class="post"></canvas> <image v-if="getImg!=''" :src="getImg" style="w.
2020-06-23 09:21:47
545
原创 css 使用css让文字超出部分变成...
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
2020-06-23 09:16:10
2394
原创 java IDEA执行报:Unexpected error (103) returned by AddToSystemClassLoaderSearch
解决办法:放置idea的文件夹不能是中文,如果运行报:Unexpected error (103) returned by AddToSystemClassLoaderSearch修改文件夹的名字为英文重新打开idea就好了
2020-04-24 17:24:57
8101
17
原创 wx WX中web页面在键盘拉起放下后 页面高度变化 需要滑动才能恢复
解决方案://绑定到input的@bluronBlurInput(){ document.documentElement.scrollTop = document.body.scrollTop = 0; },
2020-04-24 12:01:21
208
原创 Vue 配置打包不打包.map文件
在config下的index.js 将productionSourceMap改为falseproductionSourceMap: false,
2020-03-27 13:46:49
3429
原创 Vue webpack-bundle-analyzer打包体积优化，详细分布查看插件
1.npm 安装npm install --save-dev webpack-bundle-analyzer2.webpack.prod.conf.js里配置constBundleAnalyzerPlugin=require('webpack-bundle-analyzer').BundleAnalyzerPlugin;module.exports={plug...
2020-03-27 10:02:34
1211
原创 wx 微信小程序腾讯JavaScript SDK的使用
1.官网地址腾讯地图2.点击开发文档3.申请腾讯key4.下载上图第三条的链接 放到你的小程序下5.然后引入qqmap-wx-jssdk.js到需要使用的js页面里6.实例化API核心类// 引入SDK核心类var QQMapWX = require('../../libs/qqmap-wx-jssdk.js');var qqmapsdk;Page({...
2020-03-26 17:10:57
1935
4
原创 Vue 使用vue-cropper截图
使用vue-cropper截图1.下载vue-cropper依赖npm install vue-cropper2.在使用的页面引入 import VueCropper from 'vue-cropper'3.页面使用 <vueCropper ref="cropper" :img="option.img" :outputSize="option.outp...
2020-03-26 16:19:48
2141
原创 wx 小程序 构建npm
首先在根目录打开cmd1.打开后执行,一直回车npm init2.然后再输入命令npm i miniprogram-sm-crypto --production3.现在再去小程序构建npm
2020-03-19 22:44:01
295
原创 js 整理 js 点击事件
onclick:鼠标点击事件ondbclick:鼠标双击事件onmousedown:鼠标按钮按下onmouseup:鼠标按下以后再松开onkeypress:键盘上的某个键按下并松开时触发的事件onkeydown:键盘上的某个键被按下时触发的事件onkeyup:键盘上的某个键被按下后再松开时触发的事件onabort：当用户终止正在打开的网页时产生该事件。onblur：某元素失去活...
2020-03-11 11:41:16
464
原创 js 原生js监听物理返回键
原生JS 监听物理返回键1.在此使用的Vue写的, mounted() { //监听物理返回键 if (window.history && window.history.pushState) { history.pushState(null, null, document.URL); ...
2020-03-11 11:22:21
901
原创 Vue lrz localResizeIMG 压缩图片
文章目录1.下载依赖npm i lrz2.引入要使用的页面 import lrz from 'lrz'3.使用lrz压缩图片 /** * 添加图片 * */ afterRead(file) { file.status = 'uploading';//这两行是vant上传图片的上传状态,可已不用管 ...
2020-03-10 17:10:11
1028
原创 js 验证手机号正则
一、验证手机号正则let reg = /^1(3[0-9]|4[5,7]|5[0,1,2,3,5,6,7,8,9]|6[2,5,6,7]|7[0,1,7,8]|8[0-9]|9[1,8,9])\d{8}$/; if (!reg.test(this.phone) || !this.phone.length==11) { console.log("输入的手机号...
2020-03-10 16:45:56
4484
1
原创 Vue 封装简单 axios
首先使用npm安装axiosnpm install axios在src文件下建一个request文件,里边放封装的axios,和请求后台的api,api.js写的是请求后台的接口暴露的方法http.js是封装的axios(两个api是因为项目分两个模块两个人写的)先说http.js 里边暴露了四个方法,因为场景需要,简单的项目一般只需要get和post两个方法就可以了,可以看到显...
2020-01-07 14:30:05
256
原创 js 判断网页是不是手机打开的
/***判断是不是手机设备登录的*如果为true是pc false是手机*///返回true表示为pc端打开，返回false表示为手机端打开 check() { var userAgentInfo=navigator.userAgent; var Agents =new Array("Android","iPhone","SymbianO...
2020-01-07 11:40:02
896
原创 js 返回当前时间 格式:2019-11-02 8:59:00
/*** 返回当前时间:* 格式:2019-11-02 8:59:00*/selectData(){ var date = new Date(+new Date()+8*3600*1000).toISOString().replace(/T/g,' ').replace(/\.[\d]{3}Z/,''); return date; } //计算天数差...
2020-01-07 11:37:52
427
原创 Vue 使用axios无法使用data属性接收数据
错误例子:data() { return { title: '生命周期', cera: '', money: 1 * 5 * 6 * 4,//listuser用于接收axios返回的数据 listuser:'', } methods: { selectUser() { this.$axios.get('/api/ListUs...
2019-07-09 23:09:14
3719
原创 Vue 报错:This dependency was not found大坑
报错提示:This dependency was not found:* /components/Lianxi.vue in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/App.vueTo install it, you ...
2019-07-01 00:14:48
57654
11
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人