- 博客(47)
- 资源 (3)
- 收藏
- 关注
RSS订阅
原创 JS数组篇
1. 数组常用方法[].push //添加[].forEach //循环[].splice() //删除（三个参数依次为：下标、删除数量、新添加的元素）[].indexOf //查找（存在时，返回该元素的下标，否则返回 -1；查找对象或属性时无效）[].includes //查找 （存在时，返回true，否则返回false ；查找对象或属性时无效）[].lastIndexOf //查找（从数组的末尾进行查找）[].concat //合并两个数组[].map //对数组内每个元素进行处
2021-11-23 16:02:54
925
原创 git常见问题
初始化一个本地库git init 设置本地和全局（–global）用户名和邮箱git config user.name "GainL"git config user.email "852213985@qq.com"git config --global user.name "GainL"git config --global user.email "852213985@qq.com"将本地文件test上传到服务器a. 将文件添加到工作区（注：【git add .】是将test
2021-09-03 14:29:31
253
1
原创 uniapp中，IOS系统 onBackPress 不触发 的替代方案
我在页面的onBackPress生命周期里面监听页面返回，但是在ios系统中，页面右划就监听不到这个方法，在android里面就可以监听得到，请问这个是Bug还是就监听不到？如果是这个生命周期监听不到，那请问一下用哪个方法可以监听到苹果页面返回。此方案仅可做一些数据操作，无法做到页面返回拦截。使用vue的组件生命周期函数。
2022-09-26 17:10:52
2722
原创 ElementUI常用问题积累
1. el-dialog包含el-form，回车查询时，页面刷新<el-form @submit.native.prevent></el-form>2. el-input 多层嵌套 无法输入的问题 <el-input v-model="name" @input="oninput"></el-input>oninput() { this.$forceUpdate(); },未完待续…......
2022-03-28 15:21:38
1100
原创 uniapp播放多个音频文件以及录音上传
test.vue 调用页面<template> <view> <add-sound-recording :voiceList="form.voiceList"></add-sound-recording> </view></template><script> import addSoundRecording from '@/components/add-sound-recording.vue' ex.
2022-02-14 15:43:08
3074
原创 js金额保留指定小数位，并转化为千分位
const formatNumber = (num, n = 2) => { return num.toFixed(n).replace(/(\d)(?=(\d{3})+\.)/g, function($0, $1) { return $1 + ','; });}
2022-02-11 17:36:21
2220
原创 uniapp封装递归组件
递归组件 list<template> <view> <view class="item" v-for="item in dataList"> <view class="level-layout"> <text>{{item.name}}</text> <text v-if="item.children.length" @click="$set(item,'isShow',!item.isShow)
2021-12-24 16:36:43
1979
2
原创 uniapp横竖屏内容错乱问题
<template> <view> <button type="default" @click="horiScreen">横屏</button> </view></template><script> export default { data() { return { } }, onResize() { }, onShow() { //#ifdef APP-PLUS
2021-12-18 11:08:09
674
原创 uniapp使用echarts
采用了renderjs来实现echarts，具体demo可以查看 renderjs-echarts-demoecharts的版本我选择了@echarts3.8.4，高版本不支持具体点击哪一项npm i @echarts3.8.4this.optionPie.series[0].label.normal.formatter 好像得写在echarts初始化的里面，不然会失效<template> <view class="echarts-layouts"> <.
2021-12-12 22:31:46
3305
7
原创 uniapp中swpiper高度自适应问题
<template> <view class="c-wrap"> <view class="search-wrap"> <u-search class="search" :show-action="true" @custom="searchBank" @search="search" action-text="搜索" placeholder="请搜索工地名称" :animation="true"> </u-search>
2021-12-12 22:18:35
1651
3
原创 uniapp跨域
问：为什么会有跨域问题？由于浏览器的同源策略导致的，是浏览器的一种安全保护机制。浏览器从一个域名的网页去请求另一个域名的资源时，协议、域名、端口 任一不同，都是跨域解决uniapp的跨域问题有很多方式，下面总结一下常用的几种方式1. 使用 jsonp，可在我们封装的网络通讯中添加dataType:'jsonp'总结：但是此种方式仅支持 get 请求，post好像用不了。具体可参考：https://www.imooc.com/article/2919312. 在uniapp根目录下的 m
2021-11-28 16:49:45
28456
3
原创 js移动端
1. 检查用户的设备是否处于暗模式const isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches console.log(isDarkMode) // Result: True or False2. 检查用户的设备型号const judgeBrand = (strModel) => { let sUserAgent = navig
2021-11-23 16:23:54
499
原创 js时间处理
1. 获取年月日 时分秒const formatDate = date => { const year = date.getFullYear() const month = date.getMonth() + 1 const day = date.getDate() return [year, month, day].map(formatNumber).join('-');}const formatTime = date => { const hour = date
2021-11-23 16:09:36
543
原创 js常用功能
去重 var arr = ["1", "2", "4", "2", "1"]; var r = arr.filter((element, index, self) => self.indexOf(element) === index ); console.log(r); //[1, 2, 4]排序 var value = [12, 18, 19, 5, 4, 12, 3]; value.sort((a, b) => a - b); //正序 con.
2021-08-17 17:34:08
220
原创 字节前端机试题
字节跳动外包前端面试题之一机试过了，面试挂了… 很难受 … var arr = [], strUrl = "https://baidu.com?a=123&b=456#asd"; // strUrl = "https://baidu.com"; // strUrl = "https://baidu.com?a=123&b=456"; // strUrl = "https://baidu.com?a=123"; var arrUrl =
2021-08-17 15:09:10
1000
9
转载 js 如何实现长按事件
其实也很简单，只要清楚五个方法就行：ontouchstart、ontouchmove、ontouchend、setTimeout、clearTimeout1、首先在我们按下手指时触发：ontouchstart2、当我们释放手指时触发：ontouchend3、如果在按与放之间你没有为其定义事件，那么系统自动认为是onclick事件4、所以我们要在按与放之间定义一个事件longPress，这里就要用定时器setTimeout5、但如果在按与放之间有手指有移动，你不能认为它是长按，这应该是用.
2020-10-12 13:56:13
11683
原创 js如何监听滚动条的上下滑动
//监听滚动条let currentVal = 0;let scrollVal = 0;$(window).scroll(function () { currentVal = scrollVal; scrollVal = $(window).scrollTop(); if (currentVal < scrollVal) { //滚动条下滑，实现下滑效果 console.log("下滑"); } else { //滚动条上滑，实现上..
2020-07-25 20:44:38
1774
原创 常用正则表达式
1.验证用户名和密码: ("^[a-zA-Z]\w{5,15}$") 正确格式:"[A-Z][a-z]_[0-9]"组成,并且第一个字必须为字母6~16位;2.验证电话号码:("^(\d{3,4}-)\d{7,8}$")正确格式:xxx/xxxx-xxxxxxx/xxxxxxxx;3.验证手机号码:"^1[3|4|5|7|8][0-9]{9}$";4.验证身份证号(15位或18位数字):"\d{14}[[0-9],0-9xX]";5.验证Email地址:("^\w+([-+.]\w+)*@\
2020-06-14 14:21:31
192
原创 微信小程序——多个倒计时功能
效果：页面数据 //奖品信息 PrizeList: [{ ID: 0, EndTime: '2020/11/01 10:10:10', TimeText: '', IsFinish: false }, { ID: 1, EndTime: '2020/11/02 11:11:11', TimeText: '', IsFinish: false }, {.
2020-06-05 11:50:49
624
原创 微信小程序使用npm依赖
1. 配置小程序 2. 复制小程序的目录3. 快捷键 win + r，输入cmd，打开dos命令，将小程序的目录结构粘贴在dos命令上，然后回车，之后输入如下指令，然后等待dos命令出现反应后，一直回车即可npm init4. 引入第三方组件npm i vant-weapp -S --production5. 构建npm（微信小程序编...
2020-02-18 14:46:10
1079
原创 微信小程序图片添加水印并等比列缩放
index.wxml<view class="message-page"> <view> <canvas canvas-id="firstCanvas" class="canvas" bindtap="getCanvasImage"></canvas> <button bindtap="chooseImage" cla...
2020-02-18 13:32:37
1249
转载 CONVERT (VARCHAR,getdate(),23) ，后面的23是什么意思？
表格转载自：https://blog.csdn.net/visir/article/details/21772091、101 美国 mm/dd/yyyy 2、102 ANSI yy.mm.dd 3、103 英国、法国 dd/mm/yy 4、104 德国 dd.mm.yy 5、105 意大利 dd-mm-yy 6、...
2019-09-07 21:54:16
7050
原创 IONIC使用echarts制作曲线图、柱状图、以及饼形图
先看效果曲线图 柱状图饼形图（可隐藏选中的饼形图数据，只显示特定的饼形图数据）实现步骤1. 先安装插件npm install echarts --save2.在index.html...
2019-05-23 23:07:15
1009
原创 IONIC封装component组件（类似淘宝的Filter）
先看下效果图实现步骤1.新建component，执行如下指令ionic generate component XXX (组件名称)2.分别在app.module.ts添加引用（注意home.module.ts也需要添加引用，详细在下面有介绍）//app.module.tsimport { XXXComponent } from '../components/XXX...
2019-05-01 14:41:23
380
原创 IONIC如何为Ion-select列表添加图片
前景介绍： 上帝说：“要有光”，于是便从此有了光。 产品经理说：“语言列表需要加对应国籍的图片，便于识别”，于是，便有了这篇文章!效果一：下面是实现方法：html<ion-header> <ion-navbar> <ion-title>Home</ion-title> ...
2019-03-09 13:51:30
625
1
原创 IONIC Error“EPERM: operation not permitted, rename 'C:\Users\tad\.config\configstore\cordova-config”
我是在安装使用Date Picker这个插件时报的这个错Error: EPERM: operation not permitted, rename 'C:\Users\tad\.config\configstore\cordova-config.json.670455402' -> 'C:\Users\tad\.config\configstore\cordova-config.jso...
2019-03-09 10:18:19
1830
原创 IONIC build APK error “ Could not resolve all files for configuration ':app:debugCompileClasspath' ”
FAILURE: Build failed with an exception.* What went wrong:Could not resolve all files for configuration ':app:debugCompileClasspath'.> Could not find support-core-utils.jar (com.android.suppor...
2019-03-06 21:43:15
2149
6
原创 IONIC为ion-datetime添加新按钮
ion-datetime默认有两个按钮一个okey和一个cancel，下面是添加新的按钮的处理方法 html <ion-datetime displayFormat="MM-DD-YYYY" min="2000" max="2099-12-31" name="startDateTime" (ngModelChange)="changeDate($event)" placeh..
2019-02-18 21:04:10
724
原创 IONIC遮罩层及自定义弹框
先看效果图 当我们在使用自定义弹框后，需要一个背景遮罩层。下面是实现方法：html页面<ion-header> <ion-navbar> <ion-title>About</ion-title> </ion-navbar></ion-header><ion-content&g...
2018-11-22 22:59:16
2161
原创 IONIC 各种标签的触发事件积累（未完待续.....）
ion-datetime 选择完时间后监听事件//Html<ion-datetime (ngModelChange)="changeDate($event)"></ion-datetime>//TschangeDate(ev: any){ console.log("当选择完时间后触发");}ion-input 1.失焦//Html<...
2018-11-22 21:33:37
1710
2
原创 IONIC拍照及图片上传（自定义图片名称和图片保存到指定位置）
详情请参考官网：https://ionicframework.com/docs/native/camera/1.添加插件$ ionic cordova plugin add cordova-plugin-camera$ npm install --save @ionic-native/camera 2.拍照和从相册获取图片只有一个参数的区别 strFileName: stri...
2018-11-17 12:11:22
1511
原创 IONIC 页面下拉加载新的数据（ion-infinite-scroll的使用）
类似于淘宝，浏览商品时，每次下拉都会刷新出新的数据（需要配合分页使用，分页在我博客中有介绍：https://mp.csdn.net/postedit/83584133）html页面 <ion-header> <ion-navbar color="light"> <ion-title>item-detailds</...
2018-11-17 11:55:06
1407
原创 IONIC中slides的使用(图片显示及其删除)
先看效果（本来想上传一段视频，但好像CSDN不支持视频格式文件的上传，可以上传gif动态图）html<ion-content> <ion-slides pager> <ion-slide *ngFor="let img of images;let i=index"> <ion-toolbar class="t...
2018-11-17 10:24:32
1361
1
为ion-select添加图片
2019-03-09
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人