- 博客(36)
- 资源 (5)
- 收藏
- 关注
原创 VUE生成批量生产二维码(太阳码)并压缩下载,微信扫一扫或者小程序内扫一扫
租车场景:需要用户使用微信扫一扫直接打开小程序,携带车辆参数。前景颜色就是文字的样子,背景颜色就是整体背景色、把正方的太阳码图片裁剪成圆形方法中有实现过程(注:我没有看详细看文档不知道能否生成圆形的图片,我的后端是给我我一个正方的╮(╯▽╰)╭ )。
2024-04-09 15:27:17
1687
原创 摇骰子设计与实现(uni-app微信小程序)
手机摇一摇可以摇骰子,上划可查看结果,震动加声音等功能。本章底部会贴出所有代码,图片资源以及音频资源很简单,自己找一下就行了。
2023-07-03 17:59:54
4948
9
原创 从0到1实现单机记账APP原理与细节uniApp内含源码 (一)
本章描述记账功能的实现,内含有源码下载。安卓手机的还可以下载APP进行查看效果。
2023-02-21 15:45:56
3549
21
原创 记录时间字符转时间戳(小程序苹果端)会出现问题
业务需要显示倒计时效果,需要截止时间和当前时间进行计算,后端返回时间格式“2022-11-26 19:07:45”转换时间戳在苹果端出现问题。
2022-12-01 10:37:05
550
原创 未配置在app.json的(uni发行微信小程序)
uniapp发行小程序提示未配置在app.json的wx.choosePoi接口。项目中只使用到了wx.choosePoi,却需要配置两个调用。
2022-07-19 16:33:42
4965
原创 指尖轮盘小游戏设计与实现(uniapp实现微信小程序)
指尖轮盘设计与实现,内有视频演示。记录触摸位置:用户触摸屏幕时显示图片,离开的时候移除图片。自动倒计时:当满足游戏条件的时候,开始倒计时。运行游戏:倒计时结束运行游戏。游戏结束:游戏结束显示重置按钮。...
2022-07-14 08:44:23
4509
6
原创 小程序手持弹幕的原理及实现(uni-app)
通过本篇的文章,可以使用HBuilder写一个手持弹幕,一步一步编写出来。如果想直接运行,发布到自己小程序,在我的资源中有手持弹幕的资源。
2022-06-02 15:21:18
3817
5
原创 第三章 函数(深入理解ES6)
文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:这里可以添加本文要记录的大概内容:例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下(示例):import numpy as npimpor
2022-04-15 17:58:44
423
原创 第一章 块级绑定(深入理解ES6)
一、var声明与变量提升使用var关键字声明的变量,无论其实际声明位置在何处,都会被视为声明于所在函数的顶 部(如果声明不在任意函数内,则视为在全局作用域的顶部)let 声明的语法与 var 的语法一致,但会将变量的作用域限制在当前代码块中。上代码 // var变量提升 if(false){ var value = 40 } console.log(value) // undefined // 上面的代码经过JS引擎在后台的调整,实际上像这样 // var value // if(
2022-03-10 16:03:25
317
原创 video禁止拖拽进度条(uni-app)
需求:用户不可以快进视频,但是看过的就可以快进解决思路描述:这里使用了UNI中video组件,该组件中有@timeupdate方法播放进度变化时触发。用户拖拽进度条的时候一定会触发,通过对进度条变化的大小可以得到是自然播放还是用户操作,
2022-03-04 17:00:23
5433
6
原创 自定义tabBar底部导航栏(uni-app,Vue)
项目场景:要求:根据用户登录的账号权限,底部tabBar显示不同的入口。解决方案一:提示:该方案需要Hbuilder是3.2.10+。这个版本以上在tabBar的list数组对象可以有visible属性用来控制显示和隐藏。// page.json文件"tabBar": { "color": "#7A7E83", "selectedColor": "#3992f0", "borderStyle": "black", "backgroundColor": "#ffffff",
2021-11-03 12:55:50
4437
6
原创 推送uni-Push在IOS端推送失败
前言:这里不说如何配置推送信息,不懂就去看官方文档,那里很详细。问题描述:配置信息正确,设备唯一标识也传递给后端,后端发起推送个推返回的值是推送成功。但是APP就是没有接受到推送信息。然后当你APP关闭的时候,再推送的时候可以收到。解决方案:在App.vue中写好监听信息,先console.log出message信息。然后利用5+API创建通知信息。// #ifdef APP-PLUS onLaunch: function() { // #ifdef APP-PLUS c
2021-10-12 17:44:26
3329
原创 this.deep = !!options.deep语句中!!作用
场景:在看《深入浅出vue.js》的时候。发现了这样的代码思考这个!!作用:自己测试代码如下: let deep const options = { name1:0, name2:'', name3:null, name4:'0', } // 判断该属性是否有值 deep = !!options.name1 console.log(deep + "===数字0") deep
2021-10-11 18:09:47
194
原创 APP强制更新(uni-app)
项目场景:提示:这里简述项目相关背景:例如:项目场景:示例:通过蓝牙芯片(HC-05)与手机 APP 通信,每隔 5s 传输一批传感器数据(不是很大)问题描述:提示:这里描述项目中遇到的问题:例如:数据传输过程中数据不时出现丢失的情况,偶尔会丢失一部分数据APP 中接收数据代码:@Override public void run() { bytes = mmInStream.read(buffer); mHandler.obta
2021-10-09 16:30:12
3283
原创 文字渐隐渐显切换(uni-app)
需求场景:设计师要求文字更换的时候逐渐隐藏再显示,具体效果如下。解决过程:提示:这里描述项目中遇到的问题:例如:数据传输过程中数据不时出现丢失的情况,偶尔会丢失一部分数据APP 中接收数据代码:@Override public void run() { bytes = mmInStream.read(buffer); mHandler.obtainMessage(READ_DATA, bytes, -1, buffer).sen
2021-07-07 11:53:42
1644
2
原创 JS深浅克隆(拷贝)原理
深浅克隆在JS中数据分为 栈 和 堆 两种方式存储:基本数据类型保存在 栈 内存;引用数据类型(对象、数组、函数、正则)保存在 堆 内存中;堆存储时var obj2 = obj,不是复制,而是引用var obj = {a: 1, b: 2, c: [33,44,55]};var obj2 = objobj2.a = 10console.log(obj.a)//输出10浅克隆就是表层克隆,就是用for var k in或者for循环复制对象、数组的一层。如果它的某个属性值又是引用类型值,则
2021-06-09 11:11:08
316
原创 前端面试题系列二(js)
文章目录split() join() 的区别数组方法 pop() push() unshift() shift()call 和 apply 的区别添加 删除 替换 插入到某个接点的方法Javascript 的事件流模型都有什么?split() join() 的区别前者是切割成数组的形式,后者是将数组转换成字符串数组方法 pop() push() unshift() shift()Push()尾部添加 pop()尾部删除Unshift()头部添加 shift()头部删除call 和 ap
2021-06-04 16:28:01
149
1
原创 前端面试题系列一(css)
文章目录什么是外边距重叠?重叠的结果是什么?rgba()和 opacity 的透明效果有什么不同?如何垂直居中一个浮动元素?哪些 css 属性可以继承?css 优先级算法如何计算?浏览器的内核分别是什么?CSS3 新增 伪类有那些?什么是外边距重叠?重叠的结果是什么?外边距重叠就是 margin-collapse。在 CSS 当中,相邻的两个盒子(可能是兄弟关系也可能是祖先关系)的外边距可以结合 成一个单独的外边距。这种合并外边距的方式被称为折叠,并且因而所结合成的外边距称为 折叠外边距。折叠结
2021-06-02 15:53:11
130
原创 H5页面微信分享流程和实现(uni-app)
适用场景:通过uni-app实现的H5页面。要求链接必须在微信端内打开。手机上浏览器打开无效。流程描述:第一步安装js-sdk。方式一:NPM安装方式npm install jweixin-module --save方式二:下载使用方式。(本人用的就是这种)在 uniapp 中可以使用模块方式引用微信 js-sdk ,微信官网直接下载的使用有问题。下载地址:https://unpkg.com/jweixin-module@1.6.0/lib/index.js //npm安装的引
2021-05-31 16:59:31
6106
原创 H5页面原生定位百度转坐标
项目场景:要求:用户点击输入框的时候获取当前地址自动填写适用:手机端页面提示:浏览器出现定位不准确,谷歌浏览器不允许解决方案:需要百度的ak<script type="text/javascript" src="js/jquery.min.js"></script><script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=你的百度AK"></scrip
2021-05-21 17:54:06
435
1
原创 node服务端连接MySql数据库
搭建前后端分离项目(vue+node+mysql)第一章 node搭建服务端第二章 node服务端连接MySql数据库node服务端连接MySql数据库搭建前后端分离项目(vue+node+mysql)一、pandas是什么?二、使用步骤1.引入库2.读入数据总结一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下(示例):import numpy as npimport pandas as pd
2021-03-15 15:19:34
804
原创 node搭建服务端
搭建前后端分离项目(vue+node+mysql)第一章 使用node搭建服务端node搭建服务端搭建前后端分离项目(vue+node+mysql)语言与工具1.创建项目文件夹2.安装experss框架3.建立入口文件4.编写返回数据5.检验是否成功总结语言与工具开发工具用的VScode,语言node.js,框架Express 1.创建项目文件夹新建一个文件夹,进入到此文件夹下打开cmd(shitf+右键),输入npm init 回车,然后输入自己项目名字,随后一直回车,成功后项目配置
2021-03-11 16:31:31
964
原创 uni-app手机号一键登录
提示:手机号一键登录有两种方式。第一种通过调用自有服务器,然后服务器调用云函数登录。第二种可以前端直接调用云函数进行登录(暂不介绍)。提示:在我的项目中使用的是自由服务器登录,下面的案例可供参考手机号一键登录一、自有服务器等录1.uni-app开通账号权限2.部署云函数3.APP端代码总结一、自有服务器等录1.uni-app开通账号权限使用开发者账号登录开发者中心,在左侧导航选择“一键登录”。在使用此功能前需要先完成邮箱及手机号验证,根据开发者中心页面提示完成验证即可。验证后,点击页面上的
2021-01-19 10:49:24
13199
4
原创 uni-app实现app内嵌微信文章
目的:在app内显示微信公众号文章,不采用iframe标签,不采用第三方接口解决方案:app端是支持5+api的所以采用了plus.webview.create()方法。首先在首页点击时跳转到一个新的vue页面。代码如下 lianjie(url){ //注释是uni-app中的条件编译,将注释里面的代码编译到不同平台 //这里是app端会执行的代码 //#ifdef APP-PLUS uni.setStorageSync('wx_articleurl', url);
2020-12-11 16:56:32
4135
7
原创 uni-app导航栏动态设置
uni-app导航栏动态设置uni-app导航栏标题,自定义按钮动态设置,只限于app和h5端导航栏动态设置uni-app导航栏动态设置一、改变导航栏标题二、改变导航栏自定义按钮1.设置自定义字体图标2.动态修改自定义按钮文字3.透明的导航栏结语一、改变导航栏标题在uni-app的示例:接口>界面>默认导航栏中就有这种方法。小提示:如果需要在页面进入时设置标题,可以在onReady()内执行,以避免被框架内的修改所覆盖。如果必须在onShow内执行需要延迟一小段时间uni.se
2020-09-11 16:12:28
7715
原创 将图片路径转成Base64(结合uni-app中uni.chooseImage方法)
将图片路径转成Base64需求一、uni-app是什么?二、图片路径转成base641.引入插件2.调用uni.chooseImage方法3.删除图片的方法总结需求在uni-app项目开发中,需要将图片转成base64格式传递给后端一、uni-app是什么?uni-app实现了一套代码,同时运行到多个平台,例如:iOS模拟器、Android模拟器、H5、微信开发者工具等等;想了解更多网址:https://uniapp.dcloud.io/README二、图片路径转成base641.引入插
2020-09-10 15:46:24
10550
1
原创 输入URL到页面呈现中间发生了什么?
DNS查询当浏览器发送一个URL的请求时,浏览器会开启一个线程用来处理这个请求,这能使浏览器获得请求对应的 IP 地址。这个URL请求也可以是Web页面上的某个资源的URL。HTTP请求与响应浏览器与远程 Web 服务器通过 TCP 三次握手协商来建立一个 TCP/IP 连接。连接建立后,浏览器向远程服务器发送 HTTP 的 GET 请求。远程服务器找到资源并使用 HTTP 响应返回该资...
2020-01-27 01:14:23
3267
原创 什么是闭包?
什么是闭包简单来说:闭包就是能够读取其他函数内部变量的函数。闭包function fn1(){ var m=666;// 局部变量m function fn2(){ alert(m); // 666 } return fn2;}var myfn = fn1();myfn();父对象的所有变量,对子对象都是可见的,反之则不成立,这是Ja...
2020-01-25 21:59:11
431
原创 了解JavaScript this 指针
JavaScript this 指针this:指向调用它的对象。根据以下几种使用场景进行详细介绍。构造函数:function Bai(age){ this = {};//this先指向一个空对象 this.age= age;//对this赋值 return this;//返回this}var B = new Bai('18岁');对象属性:var stude...
2020-01-25 20:19:31
302
原创 渐进增强和优雅降级之间的不同
渐进增强和优雅降级之间的不同渐进增强和优雅降级概念出现的原因:由于CSS3出现,标准还没有确定之前,部分浏览器已经支持CSS3的部分功能。所以产生了的一种解决方式在高级浏览器中使用CSS3,而在低级浏览器只保证最基本的功能。渐进增强(Progressive Enhancement):优先针对低版本浏览器构建页面,完成基本的功能,然后再针对高级浏览器进行效果、交互、追加功能等让用户达到更好的...
2020-01-03 08:47:53
346
原创 Ajax是什么?Ajax有什么作用?Ajax过程,Ajax优缺点
Ajax是什么Ajax 的全称是asynchronous javascript and xml从全称不难发现AJAX = 异步,JavaScript 和 XML。Ajax 并不算是一种新的技术,而是已有技术的组合,主要用来实现客户端与服务器端的异步通信效果,实现页面的局部刷新。为什么需要Ajax在没有使用Ajax情况下:Web站点强制用户进入提交/等待/重新显示(重新加载整个网页),对于...
2019-12-28 22:09:59
15316
原创 JS事件绑定(addEventListener)和普通事件(onclick)有什么区别
JS事件绑定(addEventListener)和普通事件(onclick)有什么区别普通事件(onclick)普通事件就是直接触发事件,同一时间只能指向唯一对象,所以会被覆盖掉。代码如下:var btn = document.getElementById("btn");btn.onclick = function(){ alert("你好111");}btn.onclick = f...
2019-12-26 16:07:55
2726
3
原创 Quirks模式是什么和Standards有什么区别(了解前端历史用)
Quirks模式是什么和Standards有什么区别Quirks模式是什么Quirks模式由来Quirks模式和Standards模式在使用中的区别总结Quirks模式是什么Quirks模式是浏览器的怪异模式(怪癖模式,诡异模式),该模式下浏览器对页面的渲染会比较怪异Quirks模式由来在W3C标准出台以前,浏览器对页面上的渲染没有统一标准的规范,所以产生了Quirks mode;后来W...
2019-12-24 22:23:07
884
记账APP毕设(uniApp+VUE+Echarts)
2023-02-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人