自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 时间戳和时间的相互转换,以及中国本地时间转换成国外时间

1、时间戳换成时间: function timetamp(time){ var date = new Date(time);//时间戳为10位需*1000,时间戳为13位的话不需乘1000 var Y = date.getFullYear() + '-...

2019-12-18 12:40:37

阅读数 32

评论数 3

原创 字符串和base64的相互转换--包含emjo表情转换成base64

两种方法: 说明:我是在微信小程序里面用到的,有需要用的朋友自己修改一下哈。 1、方法一:重点转换 emjo表情,汉字和英文基本不转换; 用到的插件如下: // 将其转成 base64 // var base64={ var utf16toEntities=function(str) {...

2019-12-10 17:10:13

阅读数 16

评论数 0

原创 微信H5获取用户的openid

一切参照微信官方文档:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_webpage_authorization.html 1、用户授权获取code 需要准备的: 1、公众号的appid; 2、授权完成...

2019-12-02 17:04:29

阅读数 29

评论数 0

原创 替换字符串中全部斜杠

var a='2018/08/08 05:20:23'; a=a.replace(/\//g,'-'); 使用/g进行全局匹配

2019-11-26 13:43:35

阅读数 18

评论数 0

原创 关于微信小程序的video播放问题

需求:小程序首页有两个视频,视频标签上方覆盖本地图片一张;进入默认暂停,点击播放一个,另一个暂停。 wxml部分: <view class="cp_video"> <cover-image src="/image/pink1...

2019-11-05 14:14:35

阅读数 1097

评论数 0

原创 bootstrap时间选择器-datetimepicker

接上一篇文章,写引用不同的js的时间选择器,参考连接:https://github.com/uxsolutions/bootstrap-datepicker 引入连接为: <link href="https://cdn.bootcss.com/bootstrap/3.3.7/...

2019-10-14 09:44:22

阅读数 209

评论数 0

原创 微信小程序生成带参二维码——并通过扫码获取二维码的参数

注意:保证当前小程序要有线上版本 通过url拼接参数。http://***.com?id=123 这种方式要利用一个插件(https://github.com/adventurewithme/chajian里面的qrcode.js)。 要转换的这个url必须要在微信公众平台配置了扫普通链接二...

2019-10-10 12:05:29

阅读数 27

评论数 0

原创 微信小程序在当前页面修改前一个页面的数据

微信小程序在当前页面修改前一个页面的数据 关键词:页面栈getCurrentPages(); getCurrentPages(),返回一个数组,最后一个是当前页,往上排序依次是进入“当前页”的那个页面。 如下图,当前页是pages/logs/logs,它的前一个页面是pages/main/i...

2019-10-09 15:12:47

阅读数 7

评论数 0

原创 微信小程序-获取用户手机号码

1、在获取手机号码之前,要先进行登陆。 使用wx.login进行登录,登录成功会返回一个code,将code传给后台,获取登录密钥session_key等信息。将这些信息存入data。 2、使用type="getPhoneNumber"的button获取encryptedD...

2019-09-16 15:25:31

阅读数 2869

评论数 4

原创 微信小程序获取用户信息的方法

1、获取用户基本信息(不包括openid) 使用button按钮即可获取,type=“getUserInfo”。可获取用户昵称,头像,城市,国家,性别,语言,省。 不需要请求后台接口。 <button open-type="getUserInfo" bind...

2019-09-16 14:32:51

阅读数 256

评论数 0

原创 text-align: justify;文字不左右对齐

如上图,三行文字是左右对齐的。 使用了text-align:justify;没法实现, 添加了 text-align-last:justify; text-justify:inter-ideograph; 就好啦。 意思是,规定文字的最后一行左右对齐。 ...

2019-09-11 17:49:12

阅读数 41

评论数 0

原创 bootstrap时间控件--时间选择器

对应上面的三个时间选择器,写法如下: 首先引入css和js: <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"...

2019-08-23 17:03:06

阅读数 1231

评论数 0

原创 vue中怎么引入echarts

引入命令: npm install echarts --save 全局引入: 在main.js中写入: import echarts from 'echarts' Vue.prototype.$echarts = echarts 在其他页面用到echarts时,需要...

2019-08-09 17:36:16

阅读数 490

评论数 0

原创 关于js中的arguments对象

理解这个对象我们先理解函数的形参和实参。 1、形参和实参; function argu(a,b,c){ console.log(argu.length); console.log(arguments.length); ...

2019-07-31 17:10:06

阅读数 42

评论数 1

原创 visual studio code 无法启动问题

有天突然vsc打开后不显示编辑页面了,,只有一个图标在电脑屏幕下方。 解决方式是依次打开:C:\Users\Administrator\AppData\Roaming 删除里面的code文件夹,然后重新启动vsc好了。 ...

2019-07-19 09:32:18

阅读数 674

评论数 0

原创 sublime text3设为中文

从官网下载sublime:http://www.sublimetext.com/ 一步步安装后是英文; 再下载一个channel_v3.json,下载地址:https://www.cnblogs.com/xiaojianwei/articles/10402101.html,将解压的channe...

2019-07-18 16:30:03

阅读数 1890

评论数 0

原创 layui时间选择器去掉秒并且动态修改限定时间范围

需求:完成一个08:00-22:00的两个时间选择器,第一个时间选择器为开始时间,第二个选择器为结束时间,第一个的时间必须早于第二个时间; 页面效果如下: 用了layui示例中的代码为:https://www.layui.com/demo/laydate.html,全文复制代码,最后删减一...

2019-07-18 14:13:52

阅读数 832

评论数 2

原创 将换行符传给后台

在文本框中输入换行符传给后台的时候只能显示一个空格, 怎么正确的传给后台,并且从后台读取之后再在前端正确显示? HTML代码如下: <textarea name="" id="text" cols="30" rows=&qu...

2019-07-08 17:28:53

阅读数 248

评论数 0

原创 前端vue aes加密,解密

首先确保有node.js 运行命令: npm install crypto-js --save 然后在src文件夹下新建js文件夹,目录结构如下: 在until.js里面引入crypto-js,然后封装加密和解密的函数。 接着在需要用到加解密的文件中引入until.js imp...

2019-07-03 18:01:09

阅读数 833

评论数 0

原创 font-spider报错 did not find truetype or opentype fonts

报错如下: 确信index.css和font的引用都没有问题,改一下字体文件的名称。 试过有效。 我把下面的字体文件名称改成上面的这个就成功了。

2019-07-03 15:01:26

阅读数 194

评论数 0

原创 font-spider压缩字体文件--vue项目用法

这个只能压缩固定的文字,如果有需要用到的不在压缩范围文字可能还会显示系统字体; 确保电脑上有node.js 首先安装font-spider: npm install font-spider -g 然后再桌面上新建一个文件夹index,文件夹内部结构如下: 上面的.font-spid...

2019-07-03 14:56:52

阅读数 1139

评论数 2

原创 vue调用微信jssdk,引用分享接口

首先安装jssdk npm install weixin-js-sdk --save-dev 然后在新建一个公共的js文件,比如share.js 在share.js中引入weixin-js-sdk import wx from 'weixin-js-sdk'; 在...

2019-07-02 14:28:10

阅读数 2859

评论数 0

原创 Request header field token is not allowed by Access-Control-Allow-Headers in preflight response

在vue项目里,用axios进行get请求,测试环境是ok的,打包之后运行没有数据返回,经过查验,返现报错 查资料是需要在后端请求的headers里面加入token,参考: http://ask.dcloud.net.cn/article/35033 http://www.mamicod...

2019-07-01 15:02:28

阅读数 3082

评论数 0

原创 修改vue项目的title左边的icon

1、icon命名为favicon.ico放在项目根目录; 2、在index.html中写入: <link rel="icon" href="./favicon.ico" type="image/x-icon"> 3、修...

2019-06-18 16:04:30

阅读数 1108

评论数 0

原创 video autoplay失效

测试的时候好好的,上到正式上面的时候video引用的视屏加载需要时间,自动播放就失效了 解决办法:在标签内写上muted <video class="s_videos" :poster="video.vedioPicBig&q...

2019-06-18 15:12:38

阅读数 265

评论数 0

原创 axios用headers传参,设置请求头token

不知道该怎么描述我这个问题,之前有听一个前端经理说,使用http协议的时候要用headers传参。。 新公司就是使用http协议的。 在vue项目中,使用了axios,要根据header里的token判断用户是否登录; 如上图,一开始的理解为是像data传参一样修改,后来发现请求成功,但...

2019-06-17 14:40:38

阅读数 10267

评论数 0

原创 vue数据渲染不成功

需求:页面上同时多个倒计时; 有个数组,数据层级为3级,create里面写了一个setInterval定时器,每隔一秒改变这个数组中的数据; 我的思路是,单独给倒计时新建一个数组,每秒循环一次数据,改变一次倒计时数据里的数据; 改变规则: 定时器循环之前,先获取当前时间戳(只获取一次),给...

2019-05-30 10:37:26

阅读数 1072

评论数 0

原创 获取当前时间

1、获取当前时间--24小时格式 let date=new Date(); let mydate=date.toLocaleString('chinese', { hour12: false }); //mydate==14:05:23 2、10位--到当前秒 ...

2019-05-30 10:07:41

阅读数 294

评论数 0

原创 vue引用外部字体的方法

1、我们按照步骤搭建好vue 项目之后,确保webpack.base.conf.js下面有这一段,没有的自己写上 上面的代码: { test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, loader: 'url-loa...

2019-05-28 11:02:49

阅读数 1784

评论数 0

原创 es6基础之let和const命令

let 1、只在当前的代码块中有效; 2、不存在变量提升,必须先命名后引用; 也叫暂时性死区:如果区块中存在let和const命令,这个区块对这些命令声明的变量,从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量,就会报错。 即,在一个变量被let 或const声明之前,该变量是不可...

2019-05-13 18:03:09

阅读数 25

评论数 0

原创 vue中设置全局变量

最近用了uni-app写vue,不知道怎么设置反向代理,所以,设置一个全局变量来表示域名 方法一: 操作如下: 在main.js或者是全局的js文件的同级目录下新建一个global.js,声明http并赋值,然后给他暴露出来,代码如下: import Vue from 'vue...

2019-05-08 18:17:18

阅读数 1722

评论数 0

原创 微信小程序调用相册和相机

首先来写好wxml部分:给一个图片列表(img_list)和上传图片的按钮(addimg) <view class="container"> <view class='img_body'> <view class...

2019-05-08 11:04:02

阅读数 2929

评论数 0

原创 手机号码正则表达式

按照我从网上搜到的前三位列表如下: 移动 联通 电信 虚拟 134,135,136,137,138,139 1440,147,148 150,151,154,157,158,159 165 172,178 182,183,18...

2019-05-06 16:52:50

阅读数 81

评论数 0

原创 vant 组件引用方式

vant官网:https://youzan.github.io/vant/#/zh-CN/col 需求是用vue做一个移动端商城,查了一些前端框架,就这个还合适, 按照文档上面所说的组件按需引用的写法如下: import { Row, Col } from 'vant'...

2019-04-28 18:09:00

阅读数 4091

评论数 0

原创 vue执行init webpack 报错

创建一个vue项目的时候,执行了cnpm install -g vue-cli,到第二步:vue init wepack '项目名'的时候报错: vue-cli · Failed to download repo vuejs-templates/webpack: unable...

2019-04-28 15:04:59

阅读数 349

评论数 0

原创 微信小程序canvas画图(二)

有一个需求,根据各个比例画一个canvas圆环图;例子如下 我找了echart的插件,没弄好,然后尝试自己用canvas花了弧形的图; 1、在wxml里面定义一个canvas标签: <canvas canvas-id='mycanvas' style=&#...

2019-04-28 14:08:50

阅读数 203

评论数 0

原创 判断当前在input 中输入的元素是第几位

有一个需求,用户输入一串密码,发现中间少输入了一位,然后用户就从中间输入了,现在要判断,当前用户输入的这个密码是完整密码的第几位? 重点在于selectionStart和selectionEnd, <input type="text" name="&qu...

2019-04-26 10:50:47

阅读数 133

评论数 0

原创 mint-ui框架下picker报错问题

项目需求我会有很多个picker选择器,我一开始是这样写的 <mt-picker :slots="windowList[index].weightPicker"></mt-picker> 在data里面有一个windowList数组,上面的inde...

2019-04-26 10:12:49

阅读数 145

评论数 0

原创 vue页面之间相互传值的方法

1、使用query传值--地址栏可见 比如从a.vue跳转至b.vue,传name=‘jack’,代码如下: this.$router.push({ path: "/result", query: { name: 'ja...

2019-04-26 09:48:50

阅读数 2037

评论数 0

原创 解决微信开发者工具的不信任问题

微信开发者工具总是弹出不信任的这个弹窗,一开始直接无法进入到编辑页面, 网上各种百度尝试,最后勉强解决: 然后关闭电脑的防火墙,最后重启电脑; 虽然后来也弹出来信任窗口吧,但是没那么频繁了,凑合用吧 终极解决方式:上面的弹出还是太多了。。。 下载:http://xiazai....

2019-04-19 10:01:20

阅读数 759

评论数 1

提示
确定要删除当前文章?
取消 删除