自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 css弹性布局下元素超出显示省略号失效的解决办法

给超出显示省略号的元素设置width或者min-width: 0

2020-05-25 16:49:11 15 0

原创 普通html文件引入es6解析(非webpack)

1,https://www.cnblogs.com/kiancyc/p/12922564.html 2,https://blog.csdn.net/u013803262/article/details/78192349 3,更新中...

2020-05-25 16:45:11 16 0

原创 nuxt项目部署

1,安装node,npm,pm2 进入node官网获取最新的安装文件链接 下载安装文件: wgethttps://nodejs.org/dist/v12.16.3/node-v12.16.3-linux-x64.tar.xz 解压: tar -xvf node-v6.10.0-l...

2020-05-25 16:34:37 184 0

原创 vue使用axios请求等待所有请求完成loading消失的4个方法

方法1,以事件总线方式创建拦截器,待所有事件请求结束消失loading 创建事件总线: import Vue from 'vue' var _bus = new Vue() // 创建一个事件总线 var num = 0 axios.interceptors.reque...

2020-05-25 16:07:58 35 0

原创 element-ui弹出多个message的问题处理

重写element-ui的message 方法一:弹出之前判断是否有多个,有则不弹出,没有则弹出一个 resetMessage.js: /**重置message,防止重复点击重复弹出message弹框 */ import { Message } from 'element...

2020-05-25 15:55:28 43 0

原创 git常用操作

两分支部分合并 banch A 分支上有a、b 、c、… 文件需要合并到 branch B 分支,文件少且是多次提交的最终版本: 操作如下: 切换到B分支: git checkout B 合并文件列表: git checkout A a b c … 到此合并成功!!! 额外补充(小聪明) ...

2020-05-25 15:35:54 17 0

原创 uniapp之APP/微信小程序/公众号支付

涉及到微信支付的都需要从后端接口获取支付配置信息: await this.$http({ apiName:"wxPayConfig", type:"POST", data:{ orderId:this.orderId } }).then(re...

2020-05-25 12:08:35 90 0

原创 Windows系统下将ionic项目打包成apk文件的方法

本文分享了如何在无任何相关环境的Windows系统下将ionic项目打包成apk文件的方法 需要的工具有:node.js;cordova;ionic;jdk;安卓sdk; 1. 安装nodeJs 进入nodeJs官网http://nodejs.org/download/下载电脑系统对应的最新的w...

2020-04-17 09:45:12 3058 1

转载 JavaScript事件循环机制

先来明白些概念性内容。 进程、线程 进程是系统分配的独立资源,是 CPU 资源分配的基本单位,进程是由一个或者多个线程组成的。 线程是进程的执行流,是CPU调度和分派的基本单位,同个进程之中的多个线程之间是共享该进程的资源的。 浏览器内核 浏览器是多进程的,浏览器每一个...

2020-04-03 20:25:58 28 0

原创 JavaScript运行机制

一,JavaScript几个概念 JS是单线程:主要用途是与用户互动,以及操作DOM,避免了同时操作同一个DOM的矛盾问题; Web Worker多线程:实现的“多线程”实际上指的是“多子线程”,完全受控于主线程,且不允许操作DOM; 事件循环:js引擎存在monitoring proces...

2020-04-01 17:54:24 68 0

原创 Nuxt.js使用百度地图vue-baidu-map

vue-baidu-map文档:https://dafrok.github.io/vue-baidu-map/#/zh/start/usage 在plugins新建map.js: import BaiduMap from 'vue-baidu-map' import Vu...

2020-03-27 18:15:10 203 0

原创 Nuxt.js使用postcss-px2rem和flexible

1,下载flexible.js 下载地址:http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js 下载后放到/static目录下 2,安装postcss-px2rem npm install --sav...

2020-03-27 17:17:46 72 0

原创 JS获取当前时区的时间戳

var getCurrentZoneTime = function(zone){ var timezone = zone; //目标时区时间,东八区 var offset_GMT = new Date().getTimezoneOffset(); // 本地时间和格林威治的时间差,...

2020-03-27 17:06:35 199 0

原创 小程序或uniapp开发image存在边距或者富文本中img宽度超出问题

1,image图片存在边距 将imgae设置成display:block或者在其父级添加font-size:0; 2,富文本中img宽度超出的问题 富文本标签的父级设置font-szie:0; 将富文本的img标签添加class: data.replace(/\<img/gi, ...

2020-03-27 14:37:45 304 0

原创 微信扫码进入小程序传参

1,后台直接拼接参数 在小程序的首页onLoad方法里面获取参数: async onLoad(opt) { if(opt.q){ //参数为:调用小程序链接?query=xxxx let q = decodeURIComponent(opt....

2020-03-27 14:28:10 44 0

原创 Js模块化

Js模块化规范: 一:CommonJS 1,只有node环境下支持; 2,导出: 2.1,使用exports或module.exports,等号导出 2.2,导出原理: 因为js的对象复制仅仅是改变指针位置,所以exports与module.exports写法一样; exports写...

2020-03-26 00:02:38 22 0

原创 uniapp开发小程序之上传图片(拍照或从相册中取)

<view @tap="ChooseImage"> 上传图片 </view> methods:{ ChooseImage() { uni.chooseImage({ count: 1, //可选择数量,默认9 sizeType: ...

2020-03-17 14:03:53 325 1

原创 uniapp开发小程序之授权推送通知

<view @tap="getTmplID"> 授权通知 </view> methods:{ getTmplID() { uni.requestSubscribeMessage({ tmplIds: ['321e21e2...

2020-03-17 13:58:59 424 0

原创 uniapp开发小程序之获取当前位置经纬度

onLoad() { var _self = this; uni.getLocation({ type: 'wgs84', success: function (res) { _self.lng = res.longitude || "&...

2020-03-17 13:54:56 124 0

原创 uniapp开发小程序之接入微信客服系统

<button open-type="contact" @contact="handleContact"> 客服 </button>

2020-03-17 13:52:06 840 0

原创 uniapp开发小程序之获取手机号

<button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">获取手机号</button> methods:{ async getPhoneNumb...

2020-03-17 13:49:33 250 0

原创 uniapp开发小程序之分享转发

<button open-type="share" @ShareAppMessage="onShareAppMessage "> 分享 </button> methods:{ onShareAppMessage (...

2020-03-17 13:45:54 249 0

转载 相邻的div层margin 负值被覆盖引起的层级(z-index)问题

相邻的div层margin 负值被覆盖引起的层级(z-index)问题: 描述: 需求:A和B层,B层margin-top:-50px; 目的:B层隐藏50px与A层下 <div class="A"></div> <div class=&...

2020-02-10 15:29:32 84 0

转载 利用Chrome在PC电脑上模拟微信内置浏览器

1、先了解安卓微信和Ios微信的UA(User agent:用户代理) 安卓微信UA:mozilla/5.0(linux;u;android4.1.2;zh-cn;mi-oneplusbuild/jzo54k)applewebkit/534.30(khtml,likegecko)version/...

2020-02-10 15:26:08 223 0

原创 vue使用jsonp插件

1.安装 npm install jsonp --save-dev 2.引入jsonp import jsonp from 'jsonp'; 3.请求数据 export default { created(){ //jsonp请求数据 ...

2020-02-10 15:21:50 82 0

原创 uniapp app 端调微信支付接口

uni-app 官方文档支付接口如下: uni.requestPayment({ provider: provider, // wxpay、alipay orderInfo: 'orderInfo', //微信、支付宝订单数据 success: fu...

2020-02-10 15:18:55 184 0

原创 vue 每个页面动态切换title keywords description

最近接触到需要使用到Seo,要求每个页面拥有不同的title,keywords,description 第一步 在router里面index.js文件夹中 routes: [ { path: '/', name: 'main&...

2020-02-10 15:17:08 124 0

原创 wepy开发微信小程序使用animate动画插件

animate下载地址:http://animateforless.com/ 以less为例 1,下载文件夹https://github.com/codeworksdev/animate.less/tree/master/dist/less 2,将里面的三个文件放到项目同一个文件夹 3,引...

2020-01-16 14:40:16 124 0

原创 vue-cli3引入第三方字体文件

1,在vue-cli项目目录下创建vue.config.js文件 module.exports = { module: { rules: [ { test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/, loader:...

2019-12-09 11:55:58 1073 2

原创 Promise Demo

function runAsync() { var p = new Promise(function(resolve, reject) { //做一些异步操作 setTimeout(function() { ...

2019-11-25 17:03:09 91 0

原创 uniapp/web2app开发总结

1,变量为数字0在ios上会不显示,需转成字符串才显示 2,当页面中使用webview返回按钮会失效,需要自定义头部 3,页面使用webview时候,默认是全屏的会遮挡住其他元素,解决办法是最好将webview布局在最下方,其他元素布局在webview的上方,onShow时计算webview距...

2019-11-18 20:24:03 117 0

原创 uniapp实现被浏览器唤起

1,配置UrlSchemes 在manifest.json配置 /* 应用发布信息 */ "distribute" : { /* android打包配置 */ "android" : { "schemes&qu...

2019-11-18 18:01:36 471 0

原创 uniapp检查更新并显示下载进度

uni.request({ url: "http://2132", //请求更新地址 data: '', success(res) { if (!!res.data) { uni.showModal({ title: '版...

2019-11-18 17:40:51 1374 3

原创 hbuilder打包打包web2app配置检查更新并显示更新下载进度

在app.js文件中配置: ... onShow: function() { console.log('show'); var ua = navigator.userAgent; if(ua.indexOf('Html5Plus') >...

2019-11-18 17:31:36 185 0

原创 使用hbuilder将vue-cli打包后的网站转成webapp返回按钮无效等问题处理

分为两种情况进入app需要登录和进入app不需要登录 1,不需要登录 只需在打包配置文件sitemap.json添加配置easyConfig配置 "pages": [ { "webviewId": "__W2A__x...

2019-11-18 17:19:03 43 0

原创 webapp长按保存图片到本地(vue)

html <img @touchstart="start" class="ppimg" :src="imgUrl" alt=""> js(methods) start() { var ...

2019-11-14 11:02:58 355 0

原创 微信小程序使用promise封装单独请求和并发请求

// true:开发/测试环境,false:生产环境 var flag = false; var _baseUrl = ''; if (flag) { _baseUrl = 'http://xxx/api'; } else { _baseUrl = &#...

2019-10-09 09:10:06 67 0

原创 h5将当前网页加入收藏夹

var bookmarkUrl = window.document.location.href; var bookmarkTitle = "名称; try { //IE window.external.addFavorite(boo...

2019-10-09 09:09:59 84 0

原创 vue-cli3 报Computed property “xxx” was assigned to but it has no setter.

这种问题一般是area这个计算属性没有设置set方法导致该报错, 因为在methods方法里面有对area赋值的操作。只要添加一个 set方法就可以解决此报错。 v-model会视图直接修改vuex中的state中的searchWebName,在严格模式下,由于这个修改不是在mutation函...

2019-10-09 09:09:51 78 0

转载 Javascript中的数组对象排序

一、普通数组排序   js中用方法sort()为数组排序。sort()方法有一个可选参数,是用来确定元素顺序的函数。如果这个参数被省略,那么数组中的元素将按照ASCII字符顺序进行排序。如: var arr = ["a", "b", "A&q...

2019-10-09 09:09:42 15 0

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