- 博客(20)
- 收藏
- 关注
RSS订阅转载 微信小程序（三）-小程序引用md5.js
md5.js代码贴下面 直接复制到项目的utils/md5.js即可/* * A JavaScript implementation of the RSA Data Security, Inc. MD5 Message * Digest Algorithm, as defined in RFC 1321. * Version 1.1 Copyright (C) Paul Johnston 1999 - 2002. * Code also contributed by Greg Holt
2021-04-16 11:56:08
799
原创 微信小程序（二）-请求接口
官方给出的方式是wx.request，请求方式比较简单，下面是官方给出的请求实例。wx.request({ url: 'test.php', //仅为示例，并非真实的接口地址 data: { x: '' , y: '' }, header: { 'content-type': 'application/json' }, success: function(res) { console.log(res.data) }})url：请求的接口地
2021-04-16 11:55:12
933
原创 微信小程序（一）-搭建小程序
工具：微信开发者工具、Visual Studio Code下面开始搭建一、下载 微信开发者工具，傻瓜式安装。二、进入 微信公众平台，登录后找到小程序的AppId，复制下来。三、打开安装好的微信开发者工具，登录后选择小程序项目。四、 将AppId复制到AppId输入框里，选择项目构建目录，点击确定。五、出现如下图所示的界面，微信开发工具已经帮我们搭建了一个简单的项目了，到此你的第一个项目就搭建成功了~六、下面来看一下项目的目录结构和文件pages主要存放文件信息它包含4个文件：j
2021-04-16 11:53:43
2067
原创 hexo添加卡通人物（看板娘）
输入如下命令获取live2dnpm install --save hexo-helper-live2d 这可能需要点时间，耐心一点…下一步选择喜欢的卡通角色 ↓模型预览传送门然后输入如下命令npm install <packagename>将packagename换成你挑选的模型名称即可。最后一步 打开根目录下_config.yml 添加如下代码live2d: enable: true scriptFrom: local model: use: live2d-w
2021-04-16 11:48:39
668
原创 vue-video-player 实现广告视频轮播和播放直播
要实现的是类似于我们等电梯时，小屏幕上播放的广告效果，一个接一个播放。准备工作安装vue-video-player依赖$ npm install vue-video-player$ yarn add vue-video-player引用2.1 全局引用，在main.js导入并引用import VideoPlayer from 'vue-video-player'import 'vue-video-player/src/custom-theme.css'import 'video.
2021-04-16 11:47:03
1498
4
原创 Vue无缝滚动插件-vue-seamless-scroll
我的需求是实现从下往上滚动，所以本文也只实现这一个，其余效果请见官方文档准备工作安装vue-seamless-scroll依赖$ npm install vue-seamless-scroll$ yarn add vue-seamless-scroll在main.js导入并引用import scroll from 'vue-seamless-scroll' // 滚动插件Vue.use(scroll)实现从上往下滚动注意：需要给父容器一个height和:data='Array
2021-04-16 11:43:13
278
原创 uniapp-离线打包apk
一、基础环境下载Android Studio配置好环境。下载Android离线版SDK并解压。导入UniPlugin-Hello-AS项目，导入后需下载依赖包。二、生成本地打包app资源HBuilder X > 发行 > 原生App-本地打包 > 生成本地打包app资源导出成功三、SDK配置点击路径打开文件夹，复制__UNI__37D3898文件夹到：UniPlugin-Hello-AS > app > src > main > asset
2021-04-16 11:41:31
548
原创 uniapp-自定义uni.navigateTo
官方提供跳转方法就是：uni.navigateTo({ url: 'xxx?name=xx&age=xx...'})如果需要传递多个参数，?后面就得跟很长一串，看起来很乱，所以想要把它改成使用json格式传参。创建文件navTo.js代码：/** * @export * @param {*} url 跳转地址 * @param {*} data 参数 json格式 * @returns */const go = function(url, data){ url +=
2021-04-16 11:30:53
686
原创 uniapp-根据经纬度获取汉化地址
方法如下：/** * @export 根据经纬度获取汉化地址 * @param {*} gnssLon * @param {*} gnssLat * @returns */export function getCNAddress (gnssLon, gnssLat) { return new Promise(function(resolve) { var CN = '' var point = new plus.maps.Point(gnssLon, gnssLat) plus.
2021-04-16 11:29:08
583
1
原创 uniapp-axios真机无法发送请求问题
我的项目中没有使用官方提供的uni.request，而是使用了axios，但遇到了一个问题是在我本地调试没问题，但真机运行时无法发送请求，会提示adapter is not a function。解决方案：配置axios适配器（axios-adapter-uniapp）。Using npm:$ npm install axios-adapter-uniappUsing yarn:$ yarn add axios-adapter-uniappaxios-adapter-uniapp传送门
2021-04-16 11:23:54
3008
转载 Markdown基本语法
原文链接：https://www.jianshu.com/p/191d1e21f7ed作者：高鸿祥来源：简书Markdown是一种纯文本格式的标记语言。通过简单的标记语法，它可以使普通文本内容具有一定的格式。相比WYSIWYG编辑器优点：1、因为是纯文本，所以只要支持Markdown的地方都能获得一样的编辑效果，可以让作者摆脱排版的困扰，专心写作。2、操作简单。比如:WYSIWYG编辑时标记个标题，先选中内容，再点击导航栏的标题按钮，选择几级标题。要三个步骤。而Markdown只需要在标题.
2021-04-09 16:37:39
72
原创 layui-单元格自定义元素点击事件
代码如下：{ field: 'addrId', title: '收货地址', },{ fixed: 'right', title: '操作', width: 200, templet(d) { if (d.state === 0) { return `<span class="setUp" data-id=${d.id} data-type=${1}>设为已处理</span><span class="setUp" data-id=${d.
2021-04-09 16:31:17
1544
原创 wangEditor 一款非常牛啤的富文本编辑器
wangEditor官方文档最近用jQuery做一个小项目，需要用到富文本编辑器，找了一些但总是会出现各种小问题，直到我发现了wangEditor…这款编辑器界面清爽、功能强悍，写起来简单易用、代码简洁，而且是开源免费的。上代码：生成编辑器CDN引入wangEditor.min.js<script src="https://cdn.jsdelivr.net/npm/wangeditor@latest/dist/wangEditor.min.js"></script>
2021-04-09 16:25:55
315
原创 ionic在Android下状态栏显示异常问题
ionic打包Android .apk后，手机安装运行发现状态栏黑漆漆一片，时间、手机信号等信息都不见了。解决办法就是降低statusBar版本，找到项目根目录下config.xml,翻到最下面可以看到cordova-plugin-statusbar的版本，我们需要把版本降低到2.2.1。运行命令：ionic cordova plugin remove cordova-plugin-statusbarionic cordova plugin add cordova-plugin-statusbar@
2021-04-09 16:15:12
172
原创 ionic 相机拍照上传与相册上传
准备工作安装两个cordova插件相机插件ionic cordova plugin add cordova-plugin-cameranpm install @ionic-native/camera相册插件ionic cordova plugin add cordova-plugin-telerik-imagepickernpm install @ionic-native/image-picker关键代码import { Injectable } from '@angular/core
2021-04-09 16:14:16
340
原创 ionic + Angular环境搭建
本机操作系统：Windows 10安装node & npm访问node.js官网，下载node，node与npm捆绑安装的，无需单独安装。安装后查看node、npm版本，终端输入：node -v(-version)npm -v(-version)输出版本号代表安装成功。安装 ionic CLI终端输入：(sudo) npm install -g ionic验证版本号：ionic -v安装Cordova终端输入：(sudo) npm install -g cordov
2021-04-09 16:12:53
224
原创 git修改已提交的commit注释
修改注释分为两种情况：代码未push到远程仓库， 还在本地仓库中。已经将代码push到远程仓库了。第一种情况比第二种情况要多操作一步。代码未push到远程仓库修改最后一次注释在项目路径下打开终端，输入：git commit --amend回车，出现界面如下，第一行是你的注释，输入i，进入编辑模式，将注释改好后按Esc退出编辑模式，输入:wq保存并退出，这时候你的注释就已经改好了，git push即可。修改之前的注释输入：git rebase -i HEAD~2最后的数字2指
2021-04-09 16:11:25
427
原创 el-upload组件 多图片下标删除
官方文档并没有提供按照下标删除图片池中图片的方法，所以自己想了个办法实现。html部分<el-upload action list-type="picture-card" :on-remove="handleRemove" :http-request="uploadImg"> <i class="el-icon-plus"></i></el-upload>上传图片部分uploadImg (fileObj) { console.l
2021-04-09 16:05:37
1499
原创 canvas初体验-图片上画方框
开发环境：ionic + typeScript需求：手机拍车牌号照片传至后端，后端返回对应车辆信息以及车牌号在图片位置，前端用方框框出来。先看一下后端返回格式：[{ rect: [11, 22, 33, 44], // x1, y1, x2, y2 p: 0.876543, // 车牌准确率 license: '鲁A12345' // 识别内容}]html部分<div class="canvasStyle"> <canvas id="myCanvas" h
2021-04-09 15:55:32
1249
1
原创 图片base64编码转Blob VUE
图片base64编码转Blob VUE项目框架是vue+ElementUI// 上传回调upload () { let baseUrl = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABDgAAAhwCAYA.......' this.base64ToBlob(baseUrl) let blob = this.upload.base64ToBlob(baseUrl), formData = new FormData() // 组
2021-04-09 15:39:28
711
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人