- 博客(22)
- 收藏
- 关注
RSS订阅原创 vue-observable （拟vuex）
Vue.observable( object )1.创建 /src/store.jsimport Vue from 'vue'export const store = Vue.observable({ url: {}, user: {}});export const mutations = { setUrl(data) { store.url...
2019-12-25 15:10:29
529
1
原创 js-hex 转 字符串
HexToString(str) { if (str.length % 2 != 0) { this.$message.error('必须为偶数'); return ''; } let num; let arr = []; for (var i = 0; i < str.length; i = i + 2) { ...
2019-12-23 17:11:53
2592
1
原创 vue-html2canvas html转img
1.npm安装npm install --S html2canvas2.设置ref<div ref="img" style="padding:10px;background:#f5da55"> <h4 style="color:#000;">Hello world!</h4></div>3.转换<div v...
2019-12-23 15:44:49
643
原创 vue-移动端 Rem 适配
lib-flexible（amfe-flexible）用于设置 rem 基准值postcss-pxtorem用于将单位转化为 rem1.npm安装npm i amfe-flexible postcss-pxtorem//或npm i -S amfe-flexiblenpm i -D postcss-pxtorem2./src/main.jsimport 'a...
2019-12-19 09:57:01
238
原创 js-小数
var num = 3.1415926535;1.四舍五入num = num.toFixed(1); //输出结果：3.1num = num.toFixed(2); //输出结果：3.14num = (3).toFixed(2); //输出结果：3.00num = (3.0).toFixed(2)*10/10; //输出结果：32.不四舍五入Math.floor(num); //输出...
2019-10-29 17:03:37
109
原创 js-移动端监控横竖屏
window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", function(){ if (window.orientation == 0 || window.orientation == 180) { return '纵向'; } else if (window.or...
2019-09-16 15:27:58
344
原创 js-判断客户端
IsPc() { if (/(iPhone|iPod|Android|ios|SymbianOS)/i.test(navigator.userAgent)) { return "app"; } else { return "pc"; }}
2019-09-16 14:59:18
151
原创 js-移动端软键盘遮挡输入框
window.onresize = () => { return (() => { var activeElement = document.activeElement; if (activeElement.tagName === 'INPUT' || activeElement.tagName === 'TEXTAREA') { setTimeout(() =>...
2019-09-16 14:56:53
166
原创 vue-解析url
this.analysisURL("appid");analysisURL(name) { let reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i'); let r = location.search.substr(1).match(reg); if (r != null) { return un...
2019-09-16 13:06:02
2274
原创 js 获取当前时间
newDate() { let date = new Date(); let year = date.getFullYear();//年 let month = date.getMonth() + 1;//月 let day = date.getDate();//日 let hours = date.getHours() < 10 ? '0' + d...
2019-08-07 17:00:56
186
原创 js 字符串 16进制 互转
字符串转16进制StringToHex(str) { if (str == '') return ''; let hex = []; hex.push('0x'); for (var i = 0; i < str.length; i++) { hex.push((str.charCodeAt(i)).toString(16...
2019-08-07 16:55:55
2801
原创 vue + element form 验证 示例
目标-结果1.创建/src/FormRule.jsconst cellphone = [{ validator: (rule, value, callback) => { let reg = /^[1][3,4,5,7,8][0-9]{9}$/; if ($.trim(value) == '') { callback(new Error('请输入手机号码'));...
2019-07-26 17:42:40
218
原创 vue-微信JSSDK调用失败
注：当前情况为 部分机型可调用，部分机型不可调用（说明代码逻辑是没有问题的，问题在于不同手机对vue的路由处理结果不同，所以导致JSSDK签名错误）修改路由path: '/index',name: 'index',component: index,beforeEnter: (to, from, next) => { let windowUrl = "https:/...
2019-07-05 11:32:56
1232
原创 vue-监控路由变化
watch: { $route(to, from) { console.log(to.path); //当前路由 console.log(from.path); //跳转路由 }}
2019-07-02 14:56:09
986
原创 JS-去掉字符串前后空格
1.使用jquery$.trim(str)2.使用正则//去前空格;function ltrim(s){ return s.replace(/(^\s*)/g, "");}//去后空格;function rtrim(s){ return s.replace(/(\s*$)/g, "");}//去前后空格;function trim(s){ re...
2019-07-02 11:34:44
192
原创 vue-父子组件传值
示例：<addAccount @cancel="Getcancel" @confirm="Getconfirm" ref="addAccount" v-show="IsShowAdd"></addAccount>import addAccount from '../popup/addAccount'IsShowAdd: falsecomponents: {...
2019-07-01 14:32:49
115
原创 vue-数据及生命周期钩子（常用）
data(){//实例的数据对象 return{ token:'' }},components:{//子组件 a,b,c},created(){//实例创建完成后被立即调用（html加载完成前） this.GetList();},mounted(){//页面加载之后（html加载完成后） this.GetList();},m...
2019-07-01 13:49:29
305
原创 vue项目-封装API接口
1.在/src/下创建一个js文件AxiosAsk.jsimport Vue from 'vue'import axios from 'axios'var vm = '';Vue.prototype.thisVm = function(_this) { vm = _this;}const APIASK = (url, type, data) => { let hostU...
2019-06-25 13:43:54
7679
1
原创 vue项目-配置公共参数
1.安装generate-asset-webpack-pluginnpm install --save-dev generate-asset-webpack-plugin2.修改 /build/webpack.dev.conf.jsconst GenerateAssetPlugin = require('generate-asset-webpack-plugin');const...
2019-06-25 13:21:04
5052
原创 vue项目搭建
一、安装 nodejs 环境https://nodejs.org/en/download/官网下载检查版本：点击 "开始"=>"运行"=>输入"cmd"node -v //查看node版本npm -v //查看npm版本二、安装vue-cli打开cmd，输入npm install -g @vue/cli三、创建项目vue init webpac...
2019-06-25 11:34:49
89
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人