- 博客(59)
- 收藏
- 关注
RSS订阅原创 Xshell 6 提示 要继续使用此程序,您必须应用最新的更新
楼主使用软件版本：Xshell 6使用大约一年后无法正常打开软件，并提示“要继续使用此程序,您必须应用最新的更新”解决方法一：按照提示更新软件结果：提示无法下载而失败解决方法二：重装软件重装软件会丢失之前的服务器配置信息，放弃该方法解决方法三：修改配置文件1、进入到 Xshell6 安装目录（作为程序员的你应该很熟练了吧）2、打开安装目录下的 nslicense.dll 文件 tips：使用能打开十六进制的编辑器打开，如C32Asm.exe、Ultr...
2021-08-25 14:59:28
1313
原创 微信小程序设置云函数使用的环境
大约从2020年10月份开始，微信升级基础库版本之后，调用云函数报错。报错信息如下：{ errCode: -404011 errMsg: "Error: errCode: -404011 cloud function execution error | errMsg: cloud.callFunction:fail requestID , cloud function service error code -501000, error message 找不到对应的FunctionNam
2021-01-05 21:54:09
1738
原创 H5调用APP的方法
使用场景原生APP内嵌入HTML5页面，在HTML5页面调用原生APP的方法（如登录、分享等）。关键代码if(window.webkit && window.webkit.messageHandlers && window.webkit.messageHandlers.ActivityLogin && window.webkit.messageHandlers.ActivityLogin.postMessage){ // 调用IOS登录
2020-11-20 11:00:06
3157
2
原创 H5页面获取原生APP的登录状态
使用场景安卓和IOS客户端在做一些节日、拉新等临时活动时需要内嵌一个HTML5页面（活动相关的逻辑都在该页面上），在开发HTML5页面的角度，则需要APP端提供用户的登录状态（包括token/用户ID等信息）关键代码window.getAppInfo = data => { // app 传四个参数 if (data.token) { // 临存 this.token= data.token; this.userID = d
2020-11-19 16:54:32
3094
原创 微信小程序中base64格式的小程序码通过canvas画出来无效
使用场景小程序中的文章详情页面有一个分享功能：用户点击分享按钮，生成一张分享图片（包括封面图，简介以及带有文章ID的小程序码），方便用户保存在本地。问题说明小程序码通过后台接口获取，格式如下：'data:image/jpg;base64,/9j/4AAQSkZJRgAB...'（只截取了前面一部分）通过canvas画出来之后，在微信开发者工具上有效，在真机上无效。解决方法先把小程序码通过小程序API中的FileSystemManager.writeFile()接口写入本地并获取到一个
2020-09-07 18:19:42
2074
原创 js获取图片宽高
js获取图片宽高代码片段如下：// 获取到url地址中带的imgUrl参数(request是自定义方法)var imgUrl = request("imgUrl");// 创建Image对象var img = new Image();// 改变图片的srcimg.src = imgUrl;// 第一次打印图片的宽高console.log(img.width); // 结果为0...
2020-04-16 14:48:01
1399
原创 video标签
一、自动播放视频根据文档<video>标签的autoplay属性规定视频就绪马上开始播放。但是设置了autoplay 属性后在部分浏览器（火狐、谷歌）仍然不会自动播放视频，此时需要增加设置视频的音频输出为静音，也就是设置<video>标签的muted属性，如下：<video src="http://test.com/PNLOLFWG.12" autoplay...
2020-04-16 13:57:00
464
原创 不同地图坐标系的坐标转换
目前有主要有哪些坐标系：大地坐标系统（WGS-84）：用来表述地球上点的位置的一种地区坐标系统，主要用于国外地图。火星坐标系（GCJ-02）：对真实坐标系统进行人为的加偏处理，如大多数国内地图：高德地图、腾讯地图。百度坐标系（BD-09）：对火星坐标系再次进行加密，如：百度地图。坐标转换一、WGS-84转GCJ-02// WGS-84转GCJ-02transformla...
2020-03-27 11:19:30
1091
原创 Chrome浏览器安装Axure插件
工作中，产品经理、UI设计以及前端开发人员基本都会用到Axure，Axure生成的html文件我们需要用Chrome浏览器打开，前提是我们的Chrome浏览器已经安装了Axure插件（扩展程序）。老版本的Chrome浏览器安装插件可以直接搜索安装，新版Chrome浏览器（楼主当前版本是79.0.3945.88）需要通过加载本地已下载好的插件实现安装。Chrome浏览器安装Axur插件之前打开A...
2020-03-06 12:00:53
11068
5
原创 vue项目设置img标签的默认图片
方法一：首先看看以前（非vue）项目是怎么设置img标签的默认图片：// 设置默认图片<img src="http://res.spreadwin.com/g42EmcOE38uPEys.jpg" alt="" onerror="this.src='images/default.png'">上面的方法一般时候没有问题，当src中的资源不存在或无法正常访问时，就会显示默认...
2020-02-20 18:02:28
10561
2
原创 vue中通过数据双向绑定给video标签的src赋值，只有第一次有效，怎么解决？
场景：在一个视频列表页面，点击视频列表，则全屏播放视频。全屏播放是一个公用组件，每次点击视频列表则把该视频的播放地址通过vue的数据双休绑定到组件中的video标签，如下：<video controls="controls" :poster="videoThumb" playsinline id="playVideos"> <source :src="videoUr...
2019-12-31 17:16:39
2754
1
原创 JS获取当天零点或23:59:59的时间
JS获取当天（或某一条）零点的方法还是比较多，但是很多方法并不能支持所有设备（或系统），这里我以获取当天零点为例。// 方法一：let mytime = new Date(new Date(new Date().toLocaleDateString()).getTime());console.log(mytime); // Fri Sep 27 2019 00:00:00 GMT......
2019-09-27 15:53:03
14326
原创 vue-cli3项目更改favicon图标
vue-cli3项目有默认的favicon图标，如下图：一般我们都需要把favicon图标更改为我们对应项目的logo图标，方法如下：第一步：将项目public目录下的原图标替换为新图标，名称和后缀保持不变。第二步：在项目根目录的vue-config.js文件中配置（vue-cli3默认没有该文件，需要自己手动添加）module.exports = { pw...
2019-09-05 16:18:22
14284
8
原创 img标签访问图片时返回403 forbidden的问题
如果在页面img标签访问图片时返回403报错时，需要在页面头部加入以下代码：<!--隐藏发送请求时请求头表示来源的referrer字段--><meta name="referrer" content="no-referrer" />...
2019-08-20 17:11:06
2179
1
原创 first-child伪类选择器没有效果(不起作用)
我们在开发时，经常会使用到结构性伪类选择器，如 first-child（选择第一个子元素），但有时候并没有效果怎么办？这时候你可以检查一下该元素是否有其他兄弟元素。因为当父元素的第一个子元素类型和该元素不同时，会失效。场景举例：<!--内容部分--><div class="fruits"> <h3>热销水果</h3> ...
2019-07-31 15:11:44
6766
原创 VS Code(Visual Studio Code)编辑器的常用设置
1、代码自动补全这里说的代码补全主要是指HTML代码补全，用过sublime或者WebStorm的同学都知道通过Tab键或Enter键能自动补全代码，但是第一次接触VS Code会发现并不能。其实并不是VS Code不支持，而是需要我们按需设置。设置步骤如下：第1步：在VS Code编辑器中找到设置文件。File(文件) >preferences(首选项) > setting...
2019-04-27 11:30:24
5841
原创 Window下git生成SSH Key以及格式转换
1、确保已经安装了git工具。2、在鼠标右键中选择“Git Bash Here”打开命令窗口。3、输入命令“cd ~/.ssh/”，进入到.ssh文件夹cd ~/.ssh/如果提示 “ No such file or directory”，就需要你手动创建一个 .ssh文件夹，命令“mkdir ~/.ssh”4、配置全局的name和emailgit config --g...
2019-03-14 16:11:16
2452
原创 windows平台RSA密钥生成
1、安装openssl工具下载安装openssl工具，执行安装目录bin下的"openssl.exe"，执行后会弹出命令窗口。2、生成私钥在命令窗口输入“genrsa -out rsa_private_key.pem 1024”命令，回车执行，成功后bin目录下会多出一个rsa_private_key.pem文件，如下：3、生成公钥同上，继续在命令窗口输入"rsa -in ...
2019-03-14 15:27:06
1915
原创 微信小程序云开发 | 云函数安装依赖
在小程序中发送http请求有两种方式，第一种是直接在小程序前端页面中发送；第二种是在云函数中发送。云函数中发送请求不受域名数量的限制，但是需要我们安装依赖才能使用，如got库。这里记录一下在微信小程序的云函数中怎么安装依赖，本文以安装got库为例，安装前请确定你的环境中已经安装了nodejs。1、新建云函数在云函数（cloudfunctions）目录上右键，选择“新建Node.js云函...
2019-02-27 15:40:21
11679
6
原创 Google Map API 的基础使用
因为公司业务由国内市场到国际市场，有一些国际性业务的项目需要用到Google Map。项目完成后，把一些常用的方法写出来，供大家参考。一、google地图基础显示（1）引用google map js资源<!--国内可用--><script type="text/javascript" src="http://ditu.google.cn/maps/api/js?k...
2018-12-17 18:20:31
7065
3
原创 在小程序开发路上踩过的小坑
小程序开发点击页面任何区域都会触发转发事件问题说明：正常情况下，我们需要的是点击转发按钮才触发转发事件，但是点击页面任何区域都会触发转发事件，这是什么情况...解决方法：遇到这种情况说明你转发按钮的样式中包含了“position:static”，去掉或者换成其他定位方式就行了。 未完待续！...
2018-11-24 16:37:27
289
原创 关于小程序云开发的一些经典问题处理
小程序云开发才开放给开发者不久，我们在开发过程中难免会踩坑，多总结总结就好了。 问题一：云函数调用失败云函数调用失败的原因不止一个，如果排除自己写的代码没问题，那有可能是腾讯方暂时不支持，如：解决方法：耐心等待腾讯方恢复就可以了。 问题二：上传云函数失败如果你已经为云函数指定了环境，上传云函数还是失败，那仍然有可能是腾讯方暂时不支持，如：解决方法：耐心等待腾...
2018-11-13 14:28:51
2602
原创 微信小程序中阻止事件冒泡
使用场景如上图，这是一个活动的列表页面，当用户点击整个列表时，跳转到活动详情页面，当用户点击“去报名”按钮时，跳转到报名页面。但是当我们用"bindtap"事件绑定，点击“去报名”按钮后，会先跳转到报名页面，再跳转到活动详情页面。 问题分析出现这个问题的原因，就是事件冒泡引起，关于事件冒泡我这里就不多讲了。 解决方法解决方法就是要阻止事件冒泡，把“bindtap”改...
2018-09-21 15:05:17
9197
原创 正则验证车牌号码，包括新能源车牌
正则验证直接上代码// 正则验证车牌,验证通过返回true,不通过返回falsefunction isLicensePlate(str) { return /^(([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领][A-Z](([0-9]{5}[DF])|([DF]([A-HJ-NP-Z0-9])[0-9]{4})))|([京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂...
2018-08-18 10:46:11
36035
15
原创 js读取解析本地Excel文件并分类展示
需求描述在移动端需要做一个汽车品牌和型号的选择页面。考虑到数据比较多，又基本不会变化，决定把车辆信息数据放在一个Excel表格中作为一个静态资源，需要用时通过js读取并展示。下图是Excel的部分内容：最终效果左侧是选择车辆品牌，右侧是选择好车辆品牌之后继续选择车辆型号。关键代码(读取本地Excel数据)1、需要提前引入 xlsx.full.min.js 文件。2、...
2018-08-17 14:33:01
26981
1
原创 vue cli 项目在打包时候报错 API fatal error handler returned after process out of memory
问题描述vue cli 项目在打包时候报错：API fatal error handler returned after process out of memory. 问题分析从给出的提示可以看出是因为内存不足导致打包失败。 解决方法清理释放你电脑的内存，比如关闭不用的软件，网页等等，在顺便看看你的系统盘是否慢了。 ...
2018-08-10 16:14:23
10324
1
原创 WeUI用Toast组件显示Loading
在JQuery WEUI的官网（http://jqweui.com/components#toast）没有看到有显示Loading的用法，只有其他的用法，这里都给大家贴出来。官网已有的用法$.toast("取消操作", "cancel");$.toast("禁止操作", "forbidden");$.toast("纯文本", "text");// 第二个参数可以是时间，单位
2018-08-08 15:40:27
24415
4
原创 使用git将本地项目上传到github
这里给大家介绍一下，在GitHub上新建一个空项目，并把本地的项目代码上传到这个空项目中。前期准备1、GitHub账号，注册地址：https://github.com/2、本地安装git在GitHub上新建项目1、进入Github首页，点击 New repository 新建一个项目。GitHub网址：https://github.com/2、创建好之后，点...
2018-07-30 11:19:52
293
原创 微信小程序根据坐标点解析地址常见报错：请求来源未被授权
功能需求微信小程序提供的接口能够获取到当前位置的坐标（经纬度），但是不能得到当前位置的地址。或者从后台获取到坐标（经纬度）要解析成文字描述的地址小程序也没有对应的接口。 实现思路这时候就需要通过腾讯位置服务来实现，在这之前你得有腾讯位置服务的账号和开发密钥（key）。实现过程我就简单贴出来，大家可以参看官网上的步骤，这里主要给大家解决两个坑（见报错处理）。官网：http://l...
2018-07-26 10:50:19
13560
5
原创 小程序上让随机的两个点都显示在地图可视区域
功能需求如滴滴打车，当用户叫到车之后，会在用户的界面同时显示用户当前位置和车辆位置，这两个点对程序来说都是随机的，怎么让两个点都显示在地图可视区域呢？ 解决方法小程序中不需要我们计算缩放级数，有一个 includePoints 方法可以实现。 关键代码// 第一步// 在页面初次渲染时 使用 wx.createMapContext 获取map上下文onReady:...
2018-07-25 16:31:39
5564
7
原创 vue项目在IE中显示空白，报错：vuex requires a Promise polyfill in this browser
问题描述vue项目在非IE内核的浏览器中显示正常，在IE内核浏览器中报错，并显示空白。报错如下：SCRIPT5022: [vuex] vuex requires a Promise polyfill in this browser.SCRIPT5009: “Promise”未定义.报错原因Babel 默认只转换新的 JavaScript 句法（syntax），而不转换新的 API ，比如 Ite...
2018-06-14 14:34:41
3122
原创 vue cli 项目在打包时候报错解决方法
报错一：打包过程报错：Unexpected token name <i>, expected punc <;>IE浏览中报错：SCRIPT1003: 缺少':'，并显示空白，其他浏览器正常显示。报错二：打包过程报错：Unexpected token: name <$vm>IE浏览中报错：SCRIPT1002: 语法错误，并显示空白，其他浏览器正常。报错原因以上两...
2018-06-14 11:34:17
8104
1
原创 WEUI picker组件无法js动态改变选项
功能需求设备号和摄像头都可以下拉选择，但是具体的摄像头下拉选项是根据设备号而定的。如下图，尾号为352的设备号只有前置摄像头，尾号为657的设备号前置和后置摄像头都有。问题说明一般情况下，这个需求很简单，当选择设备号的时候js动态改变摄像头选项里面的值就可以了，但是WEUI picker和Select组件都不支持动态改变选项，只支持初始赋值。解决方案因为picker和Sel...
2018-06-12 12:28:09
5814
2
原创 ueditor百度编辑器常见报错的解决方法
如果是第一次使用ueditor百度编辑器，或者对它不熟悉的情况下使用，会出现一些常见问题和报错。怎么使用建议参考ueditor官网，这里只谈一些常见错误。问题：‘UE’ is not defind我是在vue中调用UE里面的方法时遇到的这个问题。这是ESlint的代码风格警告，虽然不影响功能的使用，看上去非常不爽，解决方法是在前面用window调用，即：this.ue = window.UE.ge...
2018-06-04 14:34:57
18896
1
原创 基于vue2实现省市联动
在vue中实现级联选择器还是很简单，如果我们用到iview这个UI组件库，其中Cascader级联选择组件中对数据有较严格要求，每项数据至少包含 value、label 两项，子集为 children，以此类推。12<template> <Cascader :data="provs" v-model="city"></Cascader></tem...
2018-05-23 11:58:56
8527
2
原创 vue-preview动态获取图片宽高并增加旋转功能
vue-preview是一个常用的图片查看器，微博网页版就是用的这个插件：我在项目中也用过这个插件，总体来说，还是比较满意。但是缺少一个图片旋转功能。 安装使用第一步：安装npm i vue-preview -S第二步：引用配置import VuePreview from 'vue-preview'Vue.use(VuePreview)Vue.use(pre...
2018-04-25 15:35:15
12097
8
原创 在Vue组件中获取全局的点击事件
使用场景：在Vue组件中点击某元素之外的地方移除该元素需求：如上图所示，“用户列表”页面有三个Vue组件组成，分别是“菜单组件”，“导航组件”和“列表组件”。其中“列表组件”中包含一个“下拉菜单”，当我们点击“下拉菜单”以外的区域隐藏下拉菜单。解决方法一：出现“下拉菜单”的同时，建一个透明的遮罩层，然后只有“下拉菜单”可以点，点击遮罩层就隐藏。缺点：z-index层数要控制好，还有就是如果点击其他...
2018-03-17 16:51:24
29107
8
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人