![](https://img-blog.csdnimg.cn/5e49e7fa0f5b42f5a6b4b77a972ee1b8.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
文章平均质量分 64
前端技术点
伟衙内
这个作者很懒,什么都没留下…
展开
-
uni-app使用蓝牙
原因是公司要搞个共享单车给内部员工使用,所以需要用手机连接锁蓝牙,然后扫码开锁。这个时候就要看看uni-app的蓝牙模块了。uni-app的蓝牙模块看起来只支持低功耗蓝牙,即ble蓝牙。然后公司就找了个厂商,这个厂商就给了我一份文档,如下图所示,这份文档呢有一些指令,指令如下图,可以看到这些指令呢都是一些16进制的数据,即发送给蓝牙的数据为,0xfe 0x66 0x00 0x21 0x00 (app-车锁的模块)最后的CRC是将前面的数据加密。最后车锁会返回给APP数据,即 车锁-app模块。原创 2023-01-09 11:10:22 · 6305 阅读 · 1 评论 -
关于uni-app小程序接入微信登录
在HbuilderX中使用wx.login获取到code,然后调用后台接口,获取到openId,code是一个临时会话,是会改变,而openId则是不变的。在后端获取到openId后返回给前端,此处的appId和appSecret是在小程序管理平台获取的。小程序调试的时候,用微信开发者工具,其他是会报wx.login()的错误的。官网上有关于uni.login()的说明,如果是要微信登录,则需要wx.login()。原创 2022-11-29 15:54:50 · 2245 阅读 · 0 评论 -
uni-app接入mPaas扫码
此时如果是手机调试,那么还需要打自定义基座,也是在打包处,点击自定义基座打包,传统打包即可。成功后会有一个android_debug.apk生成。此时就可以在手机上调试了,如果出现package name和包名不匹配,就需要检查一下是不是在包名填错了,重新下载配置即可。我出现过包名正确,但是依旧提示的问题,将云端插件删除,然后重新添加,并重新上传APK到mPaas平台后重新下载配置,才正常使用。原创 2022-11-29 09:42:29 · 1537 阅读 · 0 评论 -
定制堆叠图一
如上图所示,此处定制的是鼠标悬浮上去后,展示的不是Y轴的内容,而是额外的内容。原创 2022-08-16 15:33:56 · 78 阅读 · 0 评论 -
echarts饼图定制一
定制化饼图原创 2022-08-16 15:18:31 · 359 阅读 · 0 评论 -
watch和setTimeout的一个应用技巧
使用watch和setTimeout可以监听输入框内容,输入内容停止后搜索。效果如下所示,在停止输入后,就执行搜索方法。<div id="app"> <input v-model="content"/> </div> <script> var vm = new Vue({ el:"#app", data:{ conte原创 2022-03-28 10:12:13 · 1106 阅读 · 0 评论 -
父子组件间数据通信(2)
前言在 https://blog.csdn.net/lw18751836671/article/details/123571072中写了父子组件通讯的第一种方式,还有一种方式,使用 $parent 和 $refs 来完成父子间通讯。父子间传递数据主要依靠 this.$parent.method/data 和 this.$refs.childName.method/data子组件定义一个全局组件,如下,组件名称是my-son,里面有两个方法,sonFatherSay中可以通过 this.$原创 2022-03-28 09:51:09 · 131 阅读 · 0 评论 -
Vue基本基础_基本指令
v-cloak它的作用是等待vue.js加载完毕后就消失。这样可以防止vue.js没有加载时,页面出现vue的元素。<view v-cloak>{{msg}}</view>[v-cloak]{ display: none;}比如上面这样,如果vue.js没有加载,页面就不会显示{{msg}},因为有v-cloak属性的标签是display:none。v-cloak在vue.js加载后,就会消失,此时标签就会展示。v-pre带有这个指令的标签,内容不会被vue接原创 2022-03-24 15:41:36 · 728 阅读 · 0 评论 -
Vue基础_基本指令01
vue指令以下指令使用的是hbuilderX中uni-app运行的。v-show用来控制标签是否展示的指令,其实就是控制display属性<view v-show="false"></view>等同于<view display:none></view>如果是v-show=true,那么就不加display:none;v-if这个也是用来控制元素是否展示的数据,只不过这个是将dom中的元素移除,效率比v-show慢。配合使用的还有v-el原创 2022-03-24 15:39:47 · 866 阅读 · 0 评论 -
Vue基础知识_结构和组件
vue结构<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title&原创 2022-03-24 15:35:15 · 1110 阅读 · 0 评论 -
uni-app父子组件传递数据
新建项目新建组件<template> <view> edit </view></template><script> export default { }</script><style scoped lang="less"></style>组件里面没啥内容,就一个纯粹的模板。在index.vue中引入并注册组件,<script> import user原创 2022-03-18 11:57:19 · 9609 阅读 · 0 评论 -
使用vue的v-for循环输出map
前言首先需要输出如下图所示的界面样子,观察下面输出数据的列表,发现是一个时间,下面是这个时间的数据。如果在java中那么就是表现为Map<String,List<Object>> 这种样子的数据格式,不过现在后端返回的是一个数组,需要前端自己转变为Map这种格式。使用的是uni-app的模型输出列表,开发工具是hbuilderX。代码首先后端返回数据样式为如下json格式,这里就是以update_time_fmt为Key进行分类。...原创 2022-03-14 09:43:50 · 10993 阅读 · 0 评论 -
元素类型为 "include" 的内容必须匹配 "EMPTY"。
今天写mybatis的select 语句时使用了include节点然后报如下错误Error creating document instance. Cause: org.xml.sax.SAXParseException; lineNumber: 25; columnNumber: 14; 元素类型为 "include" 的内容必须匹配 "EMPTY"。 原因是mybatis的jar包...原创 2018-03-11 10:52:55 · 3698 阅读 · 2 评论 -
CKEditor和CKFinder
在JSP里使用CKEditor和CKFinder 最近在做一个新闻发布平台,放弃了很早的FCKEditor,使用CKEditor和CKFinder,尽管免费的CKFinder是Demo版本,但是功能完整,而且用户都是比较集中精神发新闻的人,不会在意这个。按照官网的document一步一步配置,虽然并不难,但是有些东西特别分散,还是全英文的,所以我就整理了一下安装过程和配置,以及需要注意的一些问题。转载 2015-09-08 19:46:26 · 745 阅读 · 0 评论 -
DevStore一键锁屏源码学习
项目结构:代码MainActivity.javapackage com.test.lockscreen;import com.test.lockscreen.LockReceiver;import android.os.Bundle;import android.app.Activity;import android.app.admin.DevicePolicy原创 2015-02-10 14:16:13 · 1192 阅读 · 0 评论 -
慕课网图形锁学习笔记
程序结构:代码:MainActivity.javapackage com.lw.patternlock;import com.lw.patternlock.LockPatternView.Point.OnPatternChangeListener;import android.app.Activity;import android.os.Bundle;impor原创 2015-02-04 16:55:21 · 814 阅读 · 0 评论 -
粗糙的级联选择
项目的结构:代码部分:ChildAdapter.javapackage com.example.cascade;import android.content.Context;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;impor原创 2015-02-02 20:47:57 · 1093 阅读 · 0 评论 -
json生成与解析实例
重点类:JsonWriter,JsonRead,JSONObject,JSONTokener,JSONArray.流程:1. 首先在MainActivity.java类中的四个按钮对应的是前面两个是利用JsonParserUtil.java这个类来生成或者解析json数据后面两个是利用JsonParserUtil2.java这个类来生成或者解析json数据;原创 2015-02-02 20:20:48 · 2125 阅读 · 0 评论 -
慕课网ListView分页笔记(简化的Adapter)
1. 设置分页加载更多的提示页面footer_layout.xml:原创 2014-11-09 17:06:58 · 903 阅读 · 0 评论 -
慕课网QQ侧滑界面一
1. QQ侧滑原理(第一种):HorizontalScorllView如图,中间黑色的是手机屏幕,左边绿色的是手机的Menu,右边紫色的是手机的Content,在HorizontalScorllView中,当一开始是可以是手机的Menu在手机屏幕中,也就是黑色区域,如果向左滑动手机屏幕则紫色区域被拖进手机屏幕,用HorizontalScorllView的好处是当有ListView原创 2014-10-18 16:32:08 · 742 阅读 · 0 评论 -
慕课网高仿微信学习笔记
1. 微信中的点击这种的效果图,tab1.xml中:android:orientation="horizontal"> android:text="聊天"/> android:text="发现"/> and原创 2014-10-16 19:41:26 · 1871 阅读 · 0 评论