- 博客(30)
- 收藏
- 关注
RSS订阅原创 vue使用一些方法
1、输入框只能输入数字和小数点// 只能输入数字和小数点onlyNumber(key){ this.formDatas[key]=this.formDatas[key].replace(/[^\d.]/g,'');}2、根据编号转换对应的文字// 基础数据形如var status=[ {'value':0,'label':'西安','color':'#ff0000'}, {'value':1,'label':'重庆','color':'#31bd11'}]/**
2020-06-17 11:03:29
155
原创 elementUI表单验证
1、jsimport store from '@/store'// 自定义验证条件// 手机号验证规则const verifyPhone=(str)=>{ const reg=/^1\d{10}$/; return reg.test(str);}//验证手机号码const validPhone=(rule,value,callback)=>{ if(!value){ callback(new Error('请输入手机号'));
2020-06-17 10:59:18
221
原创 uni-app公用方法
basic.jsimport Vue from 'vue'import store from '@/store'1、运行环境判断if(process.env.NODE_ENV == 'development'){ //本地环境 development}else{ //线上环境 production}2、请求方法（异步/同步）/** 删除对象空属性 * @method deleteObjNull * @param {Object} obj 要处理的对象 */const d
2020-06-15 11:36:20
6549
原创 uni-app动态设置导航栏搜索框内容
// 动态设置导航栏搜索框内容const setNavSearchInput=(keyword)=>{ // #ifdef APP-PLUS let webView = this.$mp.page.$getAppWebview(); webView.setTitleNViewSearchInputText(keyword); // #endif // #ifdef H5 let inputSearch=document.querySelector('.uni-input-input[ty
2020-05-14 11:48:15
2517
4
原创 uni-app多个输入框带清除按钮
<template> <view> <view class="uni-form-item uni-column"> <view class="title">多个输入框都带清除按钮</view> <view v-for="(item,index) in formList" :key="item.value" clas...
2019-12-10 22:08:27
8175
原创 uni-app全选和取消全选
此方法使用 ColorUI 作为基础样式，所以复选框切换要改变相应的类才能正确展示。<template> <view> <!-- 单个复选框 --> <checkbox-group class="block" @change="checkboxChange"> <view class="cu-form-group"> ...
2019-12-10 22:00:09
9271
4
原创 axios请求方法二次封装
/*import Vue from 'vue'import axios from 'axios'/* 页面顶部弹出提示 * @method showMsg * @param {String} text 提示的文字 * @param {Number} icon 状态图标，1成功，2警告，3消息，4错误 * @param {Number} duration 显示时间，毫秒，设为 0 则...
2019-10-31 15:59:46
497
原创 VUE3.0项目配置
1、项目结构┌─dist 生产打包输出目录├─node_modules 模块依赖包├─public 静态html和网站图标├─src│ ┌─assets 静态资源，图标字体、图片、样式表│ ├─components 公共组件│ ├─plu...
2019-10-31 15:21:50
1346
原创 ES6扩展方法
1、格式化时间/* 保留两位小数 * @method fixed2 * @param {String} str 需要转换的字符串 * @return {String} 返回两位小数*/const fixed2=(str)=>{ return Number.parseInt(str)<10?'0'+str:str;}/* 格式化时间 * @method fmt...
2019-10-30 10:03:14
146
原创 window.open被浏览器阻止的问题
解决ajax异步请求之后，window.open被浏览器阻止的问题// 点击时候先打开空白页面var newWin = window.open();newWin.document.body.innerHTML="正在加载中......";// ajax请求之后重定向页面地址newWin.location.href="url";例如：$('div').on('click',func...
2019-10-08 18:08:52
132
原创 js面向对象拖拽
drag.js实现拖拽，没有控制边界，使用dragLimit.js继承drag.js在实现了边界控制drag.html&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&am
2019-01-07 17:59:18
307
原创 字符搜索
&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;字符搜索&lt;/title&gt;
2018-12-22 17:12:23
261
原创 mysql常用操作
添加一条数据INSERT INTO tableName(`title`,`keywords`,`desc`,`add_time`)VALUES('测试','哈哈','这是一个测试内容',UNIX_TIMESTAMP())插入时间戳UNIX_TIMESTAMP()
2018-12-10 09:28:16
99
转载 移动端屏幕尺寸
/*智能手机*/@media screen and (max-width:480px) { footer img { width: 20%; }}/*竖屏平板*/@media screen and (max-width:768px) and (min-width:480px) { footer img { width: 15%; }}/*横屏平板*/@media sc...
2018-12-07 15:23:15
705
原创 angularJs常用事件
ui-router禁用缓存 //配置路由app.config(function ($stateProvider, $urlRouterProvider, $httpProvider) { //禁止缓存 if (!$httpProvider.defaults.headers.get) { $httpProvider.defaults.headers.get = {...
2018-12-07 15:19:32
266
原创 CSS常用样式
图片垂直居中.img-box { height: 130px; line-height:130px;} img { vertical-align: middle;}垂直居中，不知道自己高度和父容器高度的情况下parentElement{ position:relative;}childElement{ position: absolute;...
2018-12-07 15:10:11
63
原创 H5拖拽
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>H5拖放元素</title> <style> /*目标元素*/ .goal_bo
2018-12-07 14:41:06
425
原创 jQuery拖放节点
$(document).ready(function() { drag.init();})//拖拽var drag = { permitDrag: false, //是否允许移动标识 _x: 0, //临时节点x坐标 _y: 0, //节点y坐标 _left: 0, //光标与节点坐标的距离 _top: 0, //光标与节点坐标的距离 old_elm...
2018-12-07 14:35:38
187
原创 js通过内容首字母对模块排序
function sortModule() { // 模块排序 var as = document.getElementById('moudle-list').getElementsByTagName("div"); var arr = []; for (var i = 0; i &lt; as.length; i++) { ...
2018-12-07 14:28:36
323
原创 禁止F5刷新页面和F6获取地址栏焦点
// 禁用F5、F6键刷新 $(document).on('keydown', function() { if (window.event.keyCode == 116 || window.event.keyCode == 117) { window.event.returnValue = false; } })...
2018-12-07 14:25:58
216
转载 js实现页面全屏
//该方法要有点击事件触发才能实现全屏效果function launchFullScreen(element) { /* 处理全屏*/ // 先检测最标准的方法 if (element.requestFullScreen) { element.requestFullScreen(); } else if (element.mozReque...
2018-12-07 14:23:33
532
原创 正则表达式判断非零开头的正整数输入
// 正则表达式判断非零开头的正整数输入,非法输入将其替换成1$('#buyNum').on('input', function() { var reg = /^[1-9]\d*$/; if (!reg.test($(this).val())) { $(this).val(1); } })...
2018-12-07 14:20:08
13106
1
原创 js弹出层
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> &l
2018-12-04 16:29:46
2534
1
原创 jq表单验证
&amp;amp;lt;!DOCTYPE html&amp;amp;gt;&amp;amp;lt;html lang=&amp;quot;en&amp;quot;&amp;amp;gt; &amp;amp;lt;head&amp;amp;gt; &amp;amp;lt;meta charset=&amp;quot;UTF-8&
2018-12-04 16:16:36
1279
转载 jq生成二维码
&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;生成二维码&lt;/title&gt; &lt;script type='tex
2018-12-04 15:55:21
403
原创 js/jq常用事件
复选框显示选中状态$("input[type='checkbox']").attr("checked",true).checkboxradio("refresh");单选框选中状态$("input[name='log_type']").get(0).checked=true; $("input[name='log_type']&q
2018-12-04 15:41:37
306
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人