- 博客(77)
- 收藏
- 关注
RSS订阅转载 iOS-常用正则表达式-包括校验数字、字符、一些特殊的需求等等
1 数字：^[0-9]*$ 2 n位的数字：^\d{n}$ 3 至少n位的数字：^\d{n,}$ 4 m-n位的数字：^\d{m,n}$ 5 零和非零开头的数字：^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$ 7 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})?$ 8 正数、负数、和小数：^(\-|\+)?\d+(\.\d+)?$ 9 有两位小数的正实数：^[0-9]+(.[0-9].
2022-03-11 13:36:41
1809
原创 小程序图片压缩
<canvas style="width:1080px;height:1643px;position:fixed;left:9000px;" id="picCanvas" type="2d"></canvas>afterRead() { uni.chooseImage({ count: 6, //默认9 sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有 sourc.
2022-03-07 17:22:53
334
原创 pc和h5图片压缩
async $fileZip(data: any) { let image = new Image(); image.src = data.content; // 要压缩的图片 return new Promise<any>((resolve) => { image.onload = () => { let canvasWidth = image.width //图片原始长宽 let canva.
2022-03-01 10:15:30
70
原创 小程序分享朋友 所有页面开启分享功能
app.js 的onLaunch内写入let app:any = wx;app.onAppRoute(function (res: any) { console.log(res) //获取加载的页面 let pages = getCurrentPages(), //获取当前页面的对象 view:any = pages[pages.length - 1]; if (view) { wx.showShareMenu({ with...
2021-12-16 15:57:57
393
原创 iview表单验证规则-动态新增
<base-form-line> <base-form-item label="开户银行：" prop="openingBank"> <template v-if="isAdd||isEdit"> <el-input placeholder="请输入" style="width:30rem;" v-model="formItem.openingBank"></el-input> &l.
2021-12-16 11:23:00
1354
原创 uView 使用注意事项
1、form表单<u-form :model="formItem" 不能写成v-model='formItem'，要不然验证错乱
2021-12-06 11:12:11
702
原创 微信小程序注意事项
1、页面顶部导航 安卓和苹果表现形式不一样，苹果居中，安卓居左2、自定义顶部导航时获取距离顶部的高度wx.getMenuButtonBoundingClientRect().top;//计算页面内容区域距离顶部Bar的距离wx.getSystemInfo({ success:(res:any)=>{ let statusBarHeight:any; statusBarHeight = res.statusBarHeight; .
2021-02-24 15:50:25
130
原创 vue 完整路径(图片)转换为File
dataURLtoFile(dataurl: any, filename: any) { let tempfile = null; //新建一个变量 tempfile = new File([this.getUrl(dataurl)], filename, { type: "image/", lastModified: Date.now(), }); return tempfile;}
2021-01-15 14:49:59
6513
3
原创 移动端防抖
inputChange() { clearTimeout(this.timeer); this.timeer = setTimeout(()=> { this.queryList(1); },1000)}
2020-06-24 10:40:02
382
1
原创 小程序：上拉刷新、下拉加载
page.json里{ "path": "pages/pending/Index", "style": { "navigationBarTitleText": "待接工单", "enablePullDownRefresh": true,//开启上拉刷新 "navigationStyle": "custom" }},//上拉刷新onPullDownRefresh() { this.queryList(1); uni.stopPullDownR
2020-06-24 09:44:07
185
原创 小程序：switchTab跳转如果携带参数
switchTab跳转是不能直接携带参数的，需要声明一个全局变量const app = getApp();app.globalData.workType = v;uni.switchTab({ url: path});到跳转的页面取async onShow() {getApp().globalData.workType}
2020-06-24 09:39:50
4454
1
原创 小程序：返回上一页
//正常返回wx.navigateBack({ delta: 1})//返回上一页前，对上一页进行操作back() { let pages = getCurrentPages(); //获取所有页面栈实例列表 let prevPage = pages[pages.length - 2]; //上一页页面实例 wx.navigateBack({ delta: 1 }) prevPage.$vm.setingSelect(this
2020-06-24 09:37:27
425
原创 小程序：通过电话号码拨打电话及通过坐标打开手机地图
//拨打电话uni.makePhoneCall({ phoneNumber: tel});//打开地图uni.openLocation({ latitude:arr[1]*1,//维度 longitude:arr[0]*1,//经度 name:'', address:`${this.info.workProv?this.info.workProv:''}${this.info.workCity?this.info.workCity:''}${this..
2020-06-24 09:35:07
229
原创 小程序：上传图片，回显图片
//临时上传afterRead() { uni.chooseImage({ count: 6, //默认9 sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有 //sourceType: ['album'], //从相册选择 success: (res) => { let f: any = res; this.f.
2020-06-24 09:33:31
1600
原创 小程序 获取地理位置
因为用的是uni-app所以配置文件有些要写在根目录下的manifest.json里"mp-weixin" : { /* 小程序特有相关 */ "usingComponents" : true, "appid" : "wx97058253a5cde687", "setting" : { "urlCheck" : true }, "permission": { "scope.userLocation": {
2020-06-24 09:28:08
241
原创 vue里的typeScript使用注意事项
1、组件@Component({ name: 'AddOpen', components: { baseFormItem, baseFormLine, baseForm }})2、import {Component, Vue, Watch, Prop} from 'vue-property-decorator...
2020-04-22 10:03:30
526
原创 yarn install 报错解决办法
../vue-hackernews-2.0> yarnyarn install v1.12.3[1/5] Validating package.json...[2/5] Resolving packages...[3/5] Fetching packages...info [email protected]: The platform "win32" is incompatible w...
2020-03-20 14:23:36
7609
原创 element-ui
table序号<el-table-column label="序号" type="index" :index="indexMethod" width="50"></el-table-column>//序号indexMethod(index){ if(this.pageNum===1...
2020-01-16 10:06:01
352
原创 iview 查询匹配高亮显示
<div class="ivu-select-item" v-for="(item, index) in newList" :class="[key === item[enumName] ? 'ivu-select-item-selected ivu-select-item-focus': '']" :key="index" @click.stop="sele...
2020-01-02 16:54:11
608
原创 iview table 标题自定义组件 和原来的筛选冲突，导致筛选效果不显示--解决办法（不完善）
我的table被封装了，组件为tableList，tableList加ref=“tableList”，tableList封装的组件内包含Table组件，Table的ref=“tableExpand”，然后调用this.$refs.tableList.$refs.tableExpand.handleFilterSelect(3,this.filterType)；handleFilterSe...
2020-01-02 16:23:23
435
转载 vue 鼠标事件
@click="click" ////单击@mousedown="down" ////按下@mouseup="up" ////抬起@dblclick="dblclick" ////双击@mousemove="move" ////移动@mouseleave="out" ////离开@mouseout ="o...
2019-12-30 17:45:02
3778
转载 转载：display: grid;布局
http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html
2019-12-24 14:07:51
96
原创 常用的正则
money: /(^[1-9](\d+)?(\.\d{1,2})?$)|(^(0){1}$)|(^\d\.\d{1,2}?$)/,//金额正则验证telephone: /(^[1][0-9][0-9]{9}$) //电话号码tel:/0\d{2}-\d{7,8}/ //座机account:/(^[0-9a-zA-Z_]{1,}$)/ //数字、字母、下换线website:/^([hH][...
2019-12-09 10:27:15
230
原创 js 本地图片转base64,base64转file
//转base64getBase64(imgUrl, callback,outputFormat) { let xhr = new XMLHttpRequest(); xhr.open('GET', imgUrl, true); xhr.responseType = 'arraybuffer'; xhr.onload = function(e) { ...
2019-12-02 16:15:22
957
转载 不用vuex的情况下，隔代组件间的通信
不用vuex的情况下，隔代组件间的通信优点：适合开发层级不会很复杂的独立组件，无需借助vuex缺点：依赖组件树的结构，比如需要知道A和B谁是父，谁是子，然后父中broadcast,子中dispatch。先列一个简单的case:<!--child.vue-->export default { methods: { handleEmitEvent () {...
2019-10-09 09:30:15
137
原创 vue: 滚动条定位
//执行滚动条跳转到某个元素,支持id,vue组件,dom元素$toScroll(ref: any,parentRef:any) { let dom = ref; let parentDom = parentRef //id选择器 if (_.isString(ref)) { dom = document.getElementById(ref);...
2019-09-24 10:34:02
1863
原创 hotkeys 捕获键盘输入和输入的组合
INPUT SELECT TEXTAREA 默认不处理。hotkeys.filter 返回 true 快捷键设置才会起作用，flase 快捷键设置失效。hotkeys.filter = function(){ return true; };hotkeys('ctrl+r',()=>{ this.save(); return false});//解绑键盘快捷...
2019-09-23 14:51:29
218
原创 iview on-change事件阻止冒泡
<CheckboxGroup v-model="sourceTable" @on-change="change" v-if="copyData"><Checkbox :label="item[name]"> <Icon type="ios-close-circle" color="#EA2E2E" ...
2019-09-19 11:09:23
3570
原创 HTML5 video标签禁止下载
<video :src="path" controls="true" controlslist="nodownload" style="width: 100%" ref="video"> 您的浏览器不支持 video 标签。</video>
2019-09-09 09:32:35
8861
原创 正则校验
1、手机号码/(^[1][0-9][0-9]{9}$)/2、金额 /(^[1-9](\d+)?(\.\d{1,2})?$)|(^(0){1}$)|(^\d\.\d{1,2}?$)/3、网址/^([hH][tT]{2}[pP]:\/\/|[hH][tT]{2}[pP][sS]:\/\/)(([A-Za-z0-9-~]+)\.)+([A-Za-z0-9-~/])+$/...
2019-09-05 16:50:43
94
转载 vue vue-router 同一个页面地址栏参数改变，页面不刷新的问题
vue-router同一个页面地址栏参数改变（比如文章的发布和编辑是同一个页面），不会触发vue的created或者mounted钩子，所以数据不会重新渲染。解决办法有两种：1：监听地址栏变化（watch）,这是vue-router官方给出的解决办法。监听路由变化，把初始化的方法重新写到监听的方法里面执行2、给router-view加个唯一的key，来保证路由切换时都会重新...
2019-09-04 10:19:52
2796
原创 iview 总结
表头自定义：{ title: '是否具有医疗执业许可证', key: 'end', minWidth: 100, renderHeader:(h,params)=>{ return h('span',{ attrs:{ title:'是否具有医疗执业许可证' }...
2019-08-27 11:40:17
492
原创 vue render 的Input怎样实现数据双向绑定
render:(h, params) => { return h("Input",{ props:{ value:this.info.whiteList }, on:{ 'on-change':(e)=>{ this.info.whiteLi...
2019-08-21 10:05:21
1682
转载 display:grid网格布局
Grid的由来CSS一直用来布局网页，但一直都不完美。 一开始我们使用table 做布局，然后转向浮动、定位以及inline-block，但所有这些方法本质上都是 Hack 的方式，并且遗漏了很多重要的功能（例如垂直居中）。 Flexbox的出现在一定程度上解决了这个问题，但是它的目的是为了更简单的一维布局，而不是复杂的二维布局（Flexbox和Grid实际上一起工作得很好）。 只要我们一直...
2019-08-13 17:48:05
382
原创 vue自定义事件：点击空白区域特定内容隐藏
//自定义事件Vue.directive('clickoutside', { bind (el:any, binding:any) { function documentHandler (e:any) { if (el.contains(e.target)) { return false; ...
2019-08-07 11:48:52
1722
js 光标指定位置插入内容
const insertHtmlAtCaret = function (html) { var sel, range; if (window.getSelection) { // IE9 and non-IE sel = window.getSelection(); if (sel.getRangeAt && sel...
2019-08-01 11:26:57
960
原创 es6:ES6 中的模板字符串
let sentence = `Hello , my name is ${myname}`其中 ` 用来定义 ES6 中的模板字符串，${expr} 用来在模板字符串中嵌入表达式。
2019-08-01 10:26:02
106
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人