- 博客(68)
- 收藏
- 关注
RSS订阅原创 微信小程序之跳转其他小程序 wx.navigateToMiniProgram
wx.navigateToMiniProgram 打开另一个小程序wx.navigateBackMiniProgram返回到上一个小程序（只有在当前小程序是被其他小程序打开时可以调用成功）
2021-06-16 17:49:20
4926
原创 app判断版本号大小
app更新的时候需要判断当前的版本是否大于更新版本，如1.0.1与1.0.2的判断，又或者是1.0 与 1.0.1大小的判断/** 比较两个版本号的大小 @param v1 第一个版本号 @param v2 第二个版本号 @return 版本号相等,返回0; v1小于v2,返回-1; 否则返回1. */ compareVersion(v1,v2){ // 都为空，相等，返回0 if (!v1 && !v
2020-09-17 14:47:31
1230
原创 WebSocket 的使用
看代码Talk is cheap. Show me the codelinkWebSocket(){ var that = this var ws = new WebSocket("ws://xxxx:2000"); //申请一个WebSocket对象，参数是服务端地址，同http协议使用http://开头一样 //WebSocket协议的url使用ws://开头，另外安全的WebSocket协议使用wss://开头 ws.onopen = function(){ /
2020-09-14 17:45:58
358
原创 js-base64版本3及以上IE11报错
新写了个项目，到IE11中不能显示，一片空白。最后发现是base64版本的问题，之前用的是2.6.2，现在安装的版本是3.4.5。来看看3.4.5的介绍感觉还是挺正常的，再看看其他的版本，3.1.0。不支持IE！！！好了，找到问题了。把3.4.5的版本卸载，安装2的版本就行啦卸载：npm uninstall js-base64安装2.x.x版本npm install js-base64@2.6.2安装指定版本npm install插件名称@2.6.2 --sa.
2020-09-04 10:06:27
1808
原创 js基本数据类型
基本数据类型有：number、String、Boolean、null、undefined、Object1.let a = 2console.log(typeof a)//number2.let a = 'aaa'console.log(typeof a)//string3.let a = trueconsole.log(typeof a)//boolean4.let a = nullconsole.log(typeof a)//object5.
2020-08-24 16:13:44
197
原创 uni-app中授权微信登录（app）
1.模块授权2.填写上面的信息需要在微信公众平台申请一个应用，获取相应的appid和appsecret；3.代码appLogin: function() { uni.getProvider({ service: 'oauth', success: function(res) { //支持微信、qq和微博等 if (~res.provider.indexOf('weixin')) {
2020-08-17 16:54:32
11324
4
原创 字符串中空格相关操作
1.判断字符串是否为空或全部都是空格isNull( str ){ if ( str == "" ) return true; var regu = "^[ ]+$"; var re = new RegExp(regu); return re.test(str);}, let a = this.isNull(' ')console.log(a)//true2.删除字符串中所有的空格let str = ' a b c 'let str_1 = str.repla.
2020-08-15 16:02:22
1524
原创 git commit message 规范
1. typetype为必填项，用于指定commit的类型，约定了feat、fix两个主要type，以及docs、style、build、refactor、revert五个特殊type，其余type暂不使用。# 主要typefeat: 增加新功能fix: 修复bug# 特殊typedocs: 只改动了文档相关的内容style: 不影响代码含义的改动，例如去掉空格、改变缩进、增删分号build: 构造工具的或者外部依赖的改动，例如webpack，n
2020-08-06 11:35:09
204
原创 JS 计算几个月后的日期 与 两个日期相差几个月
1.获取n个月后的日期（指定日期）/** * @description: 获取n个月后的日期 * @param {String} dtstr 日期 * @param {String} n 几个月 * @return: 日期 */addmulMonth(dtstr, n){ let s = dtstr.split("-"); let yy = parseInt(s[0]); let mm = parseInt(s[1]); let dd = parseIn
2020-08-03 22:26:31
2230
原创 vue 路由守卫
正如其名，vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的, 单个路由独享的, 或者组件级的。记住参数或查询的改变并不会触发进入/离开的导航守卫可以使用router.beforeEach注册一个全局前置守卫：import router from './router'router.beforeEach((to,from,next)=>{ //无论是刷新还是跳转路由，第一个进入的就是这个路由前置钩子}) to:...
2020-06-07 12:17:26
616
原创 vue中使用mock
1.安装axiosnpm install axios2.安装mocknpm install mockjs3.新建config.jsimport axios from 'axios'//创建一个axios实例const service = axios.create({ //请求超时 timeout:60000})// 请求拦截器service.interceptors.request.use( config => { return conf
2020-06-03 23:20:50
446
原创 vue.use() 添加全局方法
通过全局方法 Vue.use() 使用插件1.global.jsimport api from './index'export default { install (Vue) { Vue.prototype.$http = api }}2.在main.js中引入import globalApi from './api/global'Vue.use(globalApi)3.在任意组件中使用this.$http.xxx()...
2020-05-26 23:21:42
1014
1
原创 vue中使用阿里图标
1.到阿里图标库下载你的字体图标2.在assets下建iconfont文件夹并放入3.在main.js中引入import './assets/iconfont/iconfont.css'4.使用<i class="iconfont icon-icon_attestation"></i>
2020-05-20 22:09:21
188
原创 element自定义主题色
修改element的主题色，提供以下两种方法1.在项目中改变 SCSS 变量Element 的 theme-chalk 使用 SCSS 编写，如果你的项目也使用了 SCSS，那么可以直接在项目中改变 Element 的样式变量新建一个样式文件，例如element-variables.scss，写入以下内容：/* 改变主题色变量 */$--color-primary: teal;/* 改变 icon 字体路径变量，必需 */$--font-path: '~element-ui/li.
2020-05-20 21:36:11
1249
原创 element 结合 Vue i18n 实现多语言切换
1.npm 安装 Vue I18nnpm install vue-i18n2.在src目录下新建i18n文件夹。在i18n文件夹内添加基础配置index.js及各语言文本配置文件（如：en.js）3.index.js配置如下import Vue from 'vue';import VueI18n from 'vue-i18n';Vue.use(VueI18n);// 引入各个语言配置文件import zh from './config/zh';import en from.
2020-05-20 14:21:40
1005
原创 export default 与 export const
1.export default每个文件都可以有一个默认导出 export default，导入此类文件时需要指定一个任何你喜欢的名称1.2.2.export const：命名导出每个文件可以有多个命名导出 export const，然后将你要导入的名称用花括号包住1.....
2020-05-19 16:01:19
708
原创 关于vue为什么兼容到 ie9 及以上
vue不兼容ie8及以下。因为 vue 使用了 ES5 中 Object.defineProperty() 这个属性，该方法第一个被实现是在 ie8 中，但是存在诸多限制：只能在DOM对象上使用这个方法，而且只能创建访问器属性（数据属性无法访问）。因此在 ie8 以及以下的浏览器，vue程序无法运行。vue官网上也说明了：其他：Object.defineProperty() 的作用就是直接在一个对象上定义一个新属性，或者修改一个已经存在的属性语法：Object.defin...
2020-05-13 23:33:44
1130
原创 reduce的小例子
reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。语法：array.reduce(function(total, currentValue, currentIndex, arr), initialValue)参数 描述 function(total,currentValue, index,arr) 必需。用于执行每个数...
2020-04-30 18:02:13
253
原创 uniapp中使用字体图标
从阿里图标库中下载，并放入项目中打开iconfont.css，添加~@/static/iconfont。注意：圈起来的这行不用在App.vue中引入使用
2020-04-12 17:56:37
5010
原创 修改wamp80端口
可以先测试一下80端口是否被占用被占用了，打开这个文件进行修改搜索80，把80替换为你想要改的端口号，比如说80802.在wamp安装目录下找到打开，搜索Localhost。由于版本的问题，并不需要修改这里。有些版本localhost后面是80而不是一个变量，需要手动自己修改。重启运行，即可还有一种打开任务管理器，可以发现有两个mysq...
2020-04-12 12:48:08
646
原创 css3滤镜使网站变灰色调
其实就是滤镜的效果html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); -webkit-f...
2020-04-04 19:42:46
507
原创 uni-app导航栏使用自定义图标的两种方式
一是使用iconfont图标，二是自己重绘。1.iconfont从阿里图标库中将字体图标下载，把iconfont.ttf放入static目录中。选择unicode，找到想要的图标在pages.json中配置，把  后面的数字换到 \u 中就可以通过onNavigationBarButtonTap 可以监听用户点击onNavigationBarB...
2020-03-29 23:12:21
10286
1
原创 uni-app使用axios
1.下载插件地址：地址一 或者 地址二2.将其放入项目中3.在main.js引入4.设置baseURL5.发起请求getData(){ this.axios.request({ url:'/demo/public/admin/school/querySchoolList', method:'get', par...
2020-03-22 22:53:37
27165
8
原创 22.微信小程序之富文本转化的两种方式
后端返回带样式的字符串，要求将具体样式正确显示在页面上。这时候有两种解决方式，一是使用wxParse插件，而是使用小程序自带的组件rich-text一、wxParse1.wxParse插件地址：https://github.com/icindy/wxParse2. 将其放入小程序项目中3.在js文件夹中引入4.在赋值的地方：数据绑定：var article =...
2020-03-22 13:46:29
1525
1
原创 git设置忽略文件不上传
提交代码时，总是有些需要忽略不上传的文件，比如说你打包的内容之类的。1.在项目中打开git并输入 touch .gitignore图片这时候你就可以看见图片打开并输入要忽略的文件夹图片这样就完成啦啦啦...
2020-03-22 11:48:48
1911
原创 github配置SSH Key
一、获取shh key逐行解释命令：1. cd ~/.ssh 进入文件夹2. ls 查看文件夹中的文件即可看到这三个文件3. cat id_rsa.pub 获取ssh key拷贝秘钥 ssh-rsa开头如果没有ssh key ,需要生成一下ssh-keygen -t rsa -C "xxx@qq.com"小提示：id_rsa(私钥) ; id_r...
2020-03-17 23:46:22
133
原创 vscode同步插件设置
步骤：1、生成github的token2、安装同步插件Settings Sync3、上传个人设置4、同步个人设置一、生成github的token1.2.3.4.输入 token 描述（备注）-> 勾选gist -> 点击Generate token5.6.7.8.此处记得复制并保存好token值，之后无法再看到这个值。若之后不慎丢失了toke...
2020-03-10 16:22:21
436
原创 AntV G2 柱状图 改变柱子颜色+柱子上方显示文字与图标
AntV G2，对柱状图进行一些自定义：1.柱子颜色自定义2.柱子上方显示文本3.柱子上方显示图标具体代码如下：<template> <div id="mountNode"></div></template><script> import G2 from '@antv/g2' export d...
2019-08-06 16:51:11
16958
1
原创 ECharts 柱状图 改变柱子颜色+柱子上方显示文字与图标
ECharts，对柱状图进行一些自定义：1.柱子颜色自定义2.柱子上方显示文本3.柱子上方显示图标具体代码如下：<template> <div> <div id="main" style="width: 1000px;height:600px;"></div> </div></templa...
2019-08-06 16:46:16
18125
原创 Vuex的使用
(。^。) 来扯一扯Vuex呗~Vuex：是一个专为vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。一．什么情况下使用vuex?多个视图依赖于同一状态 来自不同视图的行为需要变更同一状态二．Vuex核心概念1.store（仓库）：就是一个容器，它包含着应用中大部分的状态；状态存储是响应式的...
2019-08-01 17:48:47
97
原创 vue杂记
1.ERRORinCannot findmodule'node-sass'错误表示找不到node-sass模块解决：cnpm install node-sass@latest2.cnpm install 与 npm installcnpm install安装的包会在node_modules里创建两个文件夹，其中一个是另一个的引用，这样就会导致项目依赖比较多的时候...
2019-07-07 12:48:47
117
原创 vue-cli3.0脚手架使用
一、准备1.首先看看自己的版本2.不是3.xx就把它卸载3.安装vue-cli34.很遗憾，由于npm服务器在国外，下载东西很慢，慢到失败。。。由此我们可以使用它们cnpm来安装，输入npm install -g cnpm --registry=https://registry.npm.taobao.org5.查看是否安装成功6.OK，再来安装...
2019-04-08 12:54:35
506
原创 RESTful 风格 api 设计
一、什么是RESTful?是目前流行的api设计规范，用于web数据接口的设计REST全称为：Representational state transfer 表述性状态转移。表述性就是指客户端请求一个资源，服务器拿到这个资源，就是表述。二、为什么会出现RESTful呢？在RESTful之前的操作：http://127.0.0.1/user/query/1 GET 根据...
2019-03-30 14:07:14
249
原创 1.vue如何新建一个项目
新年好，猪事顺利(＾Ｕ＾)ノ~ＹＯ1.安装node首先确保已安装了node，安装步骤略。可以使用 " node -v " 查看；再者，node安装成功后会将npm（包管理工具）自动添加至系统的环境变量。输入命令“npm -v”查看2.全局安装vue-cli在命令行使用命令 “npm install --global vue-cli” ,即可安装 3.创建一个基于we...
2019-02-06 14:05:39
898
原创 es6之class（4）
传统的javascript中只有对象，没有类的概念，所以来看看es6呗1.传统构造函数示例//函数名和实例化构造名相同且大写（非强制，但这么写有助于区分构造函数和普通函数） function Person(name,age) { this.name = name; this.age = age; } Person.prototype...
2019-01-24 00:04:23
108
原创 es6之Map（3）
写在开始的题外话：大佬晚上说测试，没错，就是晚上╮(╯▽╰)╭翻翻记录，大佬曾说一般开发流程是：需求收集-》需求确定-》需求评审-》技术方案落地-》开发-》自测-》冒烟测试-》提测-》测试介入测试-》UT和showcase（就是产品和业务员验收用例的意思）-》发布上线突然想到这算不算加班？！Set类似于数组，而Map就类似于键值对（Key, Value）；ES6 提供了 Map 数...
2019-01-22 22:52:56
135
原创 21.微信小程序之动画animation
从学校回来后，已经连上了9天的班。。白天写代码，晚上回家大佬组织在线测试。。。从双休→单休→不休 [○･｀Д´･ ○]好了，说说动画吧。实现一个动画效果以开红包为效果。点击旋转着出现，再点旋转着消失一.效果图1. 2. 二、代码1.redPackte.wxml<button bindtap='takeReaPacket' class="btn"&...
2019-01-20 00:10:25
1004
原创 20.微信小程序之从子页面退回父页面时的数据传递 wx.navigateBack()
凌晨十二点半。。。磨磨蹭蹭开了电脑的后果废话少说，要实现：1.在【父级页】调用wx.navigateTo方法到【子级页】2.然后从【子级页】返回【父级页】，并将【子级页】中的数据传回【父级页】这样做的好处是【父级页】输入的信息不会因为跳转而被清空 一.效果图1. 2. 3. 二、代码1.first.wxml<view class=...
2019-01-17 00:47:18
2820
原创 19.微信小程序之canvas绘制多行文本（更新版：绘制时间更短）
之前绘制完成了canvas绘制多行文本，实现自动换行，支持换行符换行。（详情看这里：https://blog.csdn.net/panzina/article/details/85953466） 但是由于每个字要调用measureText，这样太消耗性能了，导致绘制的速度有点慢。所以在此改进 var initHeight = nowHeight+265; var tit...
2019-01-14 17:50:55
714
原创 es6之Set（2）
脑阔痛Ծ‸Ծ，我终于又开始学es6啦~es6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。什么是set?大致长这样var s = new Set(["a","b","c"]);console.log(s);Set 实例的方法分为两大类：操作方法（用于操作数据）和遍历方法（用于遍历成员）。下面先介绍四个操作方法。1.add(value)...
2019-01-12 00:39:41
271
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人