xfmuchengxue的博客

原创 vue-cli项目的权限控制

1、vue项目的前端权限控制，创建一个js文件2、将js文件引入main.js里面，一登录跳转页面之前判断session里面存的权限有没有js文件里面的，各种不同的权限跳转不同的页面。import allPermissions from '@/utils/permissionsAll'window.allPermissions = allPermissions// 路由拦...

原创 vue 微信公众号定位+高德地图

遇到的坑，没有搞清楚this指向导致微信定位拿到的经纬度赋值给高德地图时，没有赋值成功。wxRegister() { var _this = this let mapdata={ url:location.href.split('#')[0] // url:'http://vyljd.xiaoluxueche.com/cyry/' ...

原创 混合app 安卓用户将手机系统字体大小调整后会影响app的字体大小及样式

解决思路：即使用户调整手机字体大小也不会影响app的字体解决方法：安卓工程师那边加一行webview.getSettings().setTextZoom(100)就可以禁止缩放，按照百分百显示。...

原创 vue+Museui 混合app在安卓6.0系统显示空白的问题

原因：museui不支持ie，所以安卓6.0显示空白解决方法：import 'babel-polyfill'然后将muse卸载，将相关组件用其他的替代

原创 JS使用RegExp对象实现replace全局匹配并替换

this.vmeeting.meetingContent = this.vmeeting.meetingContent.replace(new RegExp('font-size','gm'),' ')

转载 js 获取字符串的UTF8编码

蓝牙传递数据就转成字节流就行，即使用getUTF8Bytes（）方法就行// 获取字符串的utf8字节流 function getUTF8Bytes(str) { var bytes = []; var len = str.length; for (var i = 0; i<len; ++ i) { var code = str....

原创 vue引入外部字体

1、转换格式将字体文件.otf格式通过https://www.fontke.com/tool/convfont/压缩并转换为下图这几种格式2.创建一个font.css引入转换后的文件@font-face { font-family: 'SourceHanSansBold'; src: url('./bold/SourceHanSansCN-Bold.eot');...

原创 vue+canvas 移动端手写签名，合并图片

<template> <div class="sign"> <div class="header"> <i class="el-icon-arrow-left backImg" @click="goBack"></i> <span class="title">个人签名</sp...

原创 muse时间控件mu-date-input的格式转换为xxxx-xx-xx格式

<mu-date-input v-model="carddate" type="date" :max-date="maxDate" value-format="YYYY-MM-DD" @change="selectCarddate"></mu-date-input>

原创 记一次vue里面父组件给子组件style用props传值，以动态改变样式

子组件nothing.vue父组件list.vue

原创 elementui中的表单组件设置名称问题（比如想在label里面的名字加空格）

<el-form-item label="姓名"> <label slot="label">姓&nbsp;名</label> </el-form-item>

原创 不用vue写的移动端flexible.js

;(function(win, lib) { var doc = win.document; var docEl = doc.documentElement; var metaEl = doc.querySelector('meta[name="viewport"]'); var flexibleEl = doc.querySelector('meta[name=...

原创 解决vue2移动端引入px2rem插件导致muse、vux等等UI组件样式错乱，我们应该使用postcss-plugin-px2rem插件

1、先npm 安装postcss-plugin-px2rem插件npm i postcss-plugin-px2rem --save -dev2、找到与src同级目录下的.postcssrc.js到此，就结束了，这样就不会导致ui组件里面的px转换成rem，样式也就不会错乱。...

原创 vue proxyTable 解决本地环境跨域

在localhost环境下跑项目时，接口地址是 http://xxxx.com/cyryysl/mobileApplyStep1Save.action 这样的接口地址，我们这样直接使用会存在跨域的请求，导致接口请求不成功，我们进入 config/index.js 代码下如下配置即可。// 代理配置表，在这里可以配置特定的请求代理到对应的API接口 // 例如将'localhost...

原创 记录一次数组对象去重

首先说一下项目需求，我需要一个数组长度只能为5的数组，通过websoket获取数据，具体情况是pad端点击一下访问接口，websocket就能获取到数据，我需要把拿到的数据组成一个对象push到长度为5的数组里，该数组里面不能有重复的数据，这就需要对数组去重。...

原创 vue中 input框 清除按钮的显示与隐藏

<input v-model="name" class="input step2-cont-ipt" required placeholder="请输入姓名" ><a class="clear" @click="clear1();return false;"></a>methods: { clear1(){ if...

原创 echarts的自适应窗口大小

之前一直没弄清楚echarts到底是怎么自适应窗口大小的，最近做H5项目中忽然找到原因了。<div id="myChart" style="height: 300px;"></div><script src="../js/echarts.min.js"></script><script type="text/javascrip...

原创 移动端vue调用照相机及相册

<template> <div class="me-detail"> <m-hbar title="个人笔记"/> <div class="detail-title"> 个人总结 </div> <p v-if="vpersonalNot...

原创 css3的线性渐变

这种渐变你必须定义至少两种颜色，也就是说可以更多种甚至不限制数量。语法如下： 1 background:<strong> linear-gradient</strong>(direction, color-stop1, color-stop2, ...); 第一个参数为方向，如果我们不指定，那么默认为从上到下。第一个颜色...

原创 Object.assign()在项目中的应用

Object.assign()方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。

原创 用formData的方式传值

原创 vuex在vue中的应用

首先创建文件夹store,在此文件夹下创建store.js然后在main.js里面引入store.js如果想用...mapGetters、...mapActions等等，首先要安装npm install babel-preset-stage-2 --save-dev，然后在页面引入...

原创 vue路由配置

1.安装npm install vue- router  --save     /  cnpm install vue- router  --save2.引入并Vue.use(VueRouter)   (main.js)            important  VueRouter  from  'vue-router'            Vue.use(VueRouter)...

原创 非父子组件传值$emit

非父子组件传值1.新建一个js文件 然后引入vue 实例化vue 最后暴露这个实例2.在要广播的地方引入刚才定义的实例3.通过VueEvent.$emit(名称,数据)传递数据4.在接收数据的地方通过$on接收广播的数据       VueEvent.$on(名称,function(data){       })...

原创 父组件主动获取子组件的数据和方法,子组件主动获取父组件的数据和方法

1、父组件主动获取子组件的数据和方法：   1.调用子组件的时候定义一个ref        &lt;v-header ref="header"&gt;&lt;/v-header&gt;    2.在父组件里面通过        this.$refs.header.属性        this.$refs.header.方法2、子组件主动获取父组件的数据和方法 ...

原创 vue父组件给子组件传值、方法、整个实例

父组件给子组件传值      1.父组件调用子组件的时候 绑定动态属性          &lt;v-header :title='title' :homemsg='msg'&gt;&lt;/v-header&gt;    2.在子组件里面通过 props接收父组件传过来的数据         props: ['title']         props: {       ...

转载 JSON.parse()与JSON.stringify()的区别

JSON.parse()【从一个字符串中解析出json对象】例子：//定义一个字符串var data='{"name":"goatling"}'//解析对象​​JSON.parse(data)结果是：​name:"goatling"JSON.stringify()【从一个对象中解析出字符串】var data={name:'goatling'}JSON.str...

原创 按需引入mint-ui，在vue项目中使用上拉加载和下拉刷新

import 'mint-ui/lib/style.css'import { Toast,MessageBox,InfiniteScroll,Loadmore,Spinner } from 'mint-ui';Vue.component(Toast);Vue.component(MessageBox);Vue.component(InfiniteScroll);Vue.comp...

原创 用filter()筛选出素数

function get_primes(arr) {function isPrimeNum(num){     //定义isPrimeNum函数来判断一个数是否是素数        if(num==1){return false;}   //1不是素数        else{            for (var i = 2; i &lt; num; i++) {         ...

原创 用filter，去除Array的重复元素

var r;var arr = ['apple', 'strawberry', 'banana', 'pear', 'apple', 'orange', 'orange', 'strawberry'];r = arr.filter(function(element,index,self){   return self.indexOf(element) === index;})...

转载 js学习：js将字符串首字母变为大写，其余为小写。

function titleCase(str) {  var array = str.toLowerCase().split(" ");  for (var i = 0; i &lt; array.length; i++){    array[i] = array[i][0].toUpperCase() + array[i].substring(1, array[i].length);...

原创 vue+微信公众号+微信支付

1.前端获取code传给后台拿到openid，将openid存入session 2.唤起微信支付以下为微信支付官方文档 以下为我代码中的唤起微信支付函数至此，微信支付完毕...

原创 vue构建脚手架项目

1、进入放我们项目的文件夹           cd vueprogram2、初始化init 一个以webpack为模板的名叫vue-demo-cnodejs的项目           vue init webpack vue-demo-cnodejs3、安装完成后，进入vue-demo-cnodejs           cd vue-demo-cnodejs4、对项目进行初始安装 ...

原创 vue+element解决点击table列表的从详情或修改页面跳转路由到列表页总是跳转到第一页，而不能跳转到当前页的问题

思路：将当前页的页码currentPage存入session，然后点击详情跳转到详情页面，然后，再次返回当前页的时候，在created生命周期里，获取到存储的currentPage，再进行加载...

原创 parseInt()和parseFloat()

parseInt()用于将字符串转换为数字，返回的值为十进制整数或NaN。parseFloat()用于将字符串转换为浮点数，会将空字符串转换为NaN。length属性返回字符串的长度，该属性也是无法改变的。...

原创 js基础

1.javaScript提供的有效数字最长为53个二进制位。2.javaScript能够表示的数值范围为21024到2-1023（开区间），超出此范围的值无法表示。3.NaN是javaScript的特殊值，表示“非数字”（Not a Number），主要出现在将字符串解析成数字出错的场合，不是一个独立的数据类型，而是特殊数值，它的数据类型依然属于Number。什么是对象？对象就是一...

原创 null和undefined

null是一个表示“空”的对象，转为数值时为0；undefined是一个表示“此处无定义”的原始值，转为数值时为NaN。

原创 for循环的执行顺序

初始化表达式是var i = 0,即初始化一个变量i,测试表达式是i&lt;x,即只要i小于x,就会执行循环；递增表达式是i++，即每次循环结束后，i增大1。

原创 element table 表格的行高以及表头样式修改，列的字段太多显示不下用...隐藏是show-overflow-tooltip

首先，表头样式的修改:header-cell-style效果图其次，表格行高的修改:row-style="rowClass"最后，字多的解决办法show-overflow-tooltip

原创 vue非父子组件之间传值

记录第一次做项目遇到的坑，可能说的有所欠缺，但是功能是实现的。为了实现头部的搜索框，搜索table表格中的数据，因为是两个页面，所以需要组件传值。首先，main.js中创建事件中心eventHubnew Vue({ el: '#app', router, components: { App }, template: '&lt;App/&gt;', // 非父子组件传递数据,创建事件中心e...