![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
H5+MUI
文章平均质量分 51
Aftery的博客
不断创新,勇于拼搏,给社会带来更美好的蓝天!
展开
-
IDEA安装Flutter之基础知识
这一章我们重点阐述Flutter的一些安装以及基础知识,在MAC上进行部署等;macOS 安装Flutterhttps://docs.flutter.dev/get-started/install/macosIDEA创建第一个Flutter项目应用程序https://docs.flutter.dev/get-started/test-drive1.要更新 Flutter SDK,请使用以下flutter upgrade命令:$ flutter upgrade2.Flutter 有四个发布原创 2021-11-29 08:49:33 · 1691 阅读 · 0 评论 -
微信小程序访问云服务器接口的详细操作(三步实现)
今天就重点讲述uniapp微信小程序进行访问云服务器JSON接口的相关信息;如下三步骤:一:云服务空间的配置1,HBuilder项目上创建unicloud阿里云服务开发环境2.在unicloud上右击关联“云服务空间或项目”,如果你有创建则选择,如果没有创建空间项目,那么就“打开unicloud控制台”,创建一个新的服务空间;如果有:如果没有服务空间:3.此时看一看自己的栏目,新建云函数,如:我新建了“testOym”4.再在这个云函数上创建个js的文件,编写入口方式这里就以一个登原创 2021-09-02 14:07:30 · 8678 阅读 · 0 评论 -
uniapp组件之间传值(2021.7)
此篇文章以组件传值为核心,两个方面讲解;1:兄弟界面之间传值(如:组件music1.vue传值给组件music2.vue)2:index.vue主页面传值给组件值或列表超级简单的两个步骤:一:创建music1.vue(传数据的组件)<template> <view><button @click="transferToMuisc2">传递到音乐二的数据</button></view></template><s原创 2021-07-12 10:27:02 · 2967 阅读 · 3 评论 -
uniapp顶部选项卡左右切换栏目(微信小程序)
此次阐述的内容是使用uniapp小程序端实现顶部选项卡的功能。如下三步即将实现:一:view层<scroll-view class="tab" scroll-x="true" :scroll-left="scrollLeft"> <block v-for="(item,index) in tabData" :key="index"> <!-- 标签动态样式 --> <view class="tab-item" :class=" [currentTab==原创 2021-05-28 10:00:18 · 2435 阅读 · 1 评论 -
uniapp小程序端点击预览图片并且左右手势切换图
前言此篇文章主要讲述如何在uniapp端通过点击图片进入预览,手指外扩放大缩小图,左右手势切换下一张图。1.点击图片进入预览2.手指外扩放大缩小图3.左右手势切换下一张图4.长按保存图片到相册5.uni.previewImage预览图片,uni.saveImageToPhotosAlbum保存图片核心区域:<view class="uni-list" v-for="(item, index) in displayList" :index="index" :key="index">原创 2021-01-06 09:19:36 · 2338 阅读 · 3 评论 -
uniapp小程序端适配屏幕宽度/图片居中
前言:在Uniapp项目开发之中,如果在小程序上需要做屏幕的宽度适配,如:做image的时候,让宽度拉伸到所有image标签,左右隔10px。用width=“100%”是不行的,只能显示一半。因此,按如下去获取宽度:<view class="journa_view" v-show="item.isImageShow"><image :style="{'width':xw_whith-20+'px'}" :src="item.allimage" @click="TanPreviewIm原创 2021-01-06 08:57:08 · 6784 阅读 · 0 评论 -
APP上传图片Sevrlet服务器获取并存储到本地
此章阐述如何在移动端,把图片上传到服务器上,再存储到本地的文件夹之中,这种需要在当今比比皆是,比如,当用户使用设备时,或者购买东西时,遇到了问题,就可以通过拍照,用图片的方式上传到服务器接口,从而服务器可以看到客户上传反馈的某些事。所以归根结底,从以下几点逻辑说:App写一个表单,一个上传按钮;Js获取到传入的图片,然后传到ajax服务器接口;将图片转Base64格式,发送到Sevrle...原创 2019-08-02 11:42:47 · 485 阅读 · 0 评论 -
icomoon使用详细介绍
此篇博文讲述如何利用icomoon导入图标,从而把自己想要的都通过icomoon方式进行,大家都知道,网站以及移动端,用图标还是尽量选择这种。因为直接用image有些图标会失真,从而也是前端开发之中,需求去掌握的一项,很简单的就几个步骤。一,icomoon官网链接:https://icomoon.io/app/#/select进入官网,默认会生成一套图标文件,如果不需要可以将所有的文件进行删除...原创 2019-06-18 11:12:51 · 21310 阅读 · 8 评论 -
Web之page分页表格数据
本篇博文重点讲述在Web开发中,用Page分页把所有数据进行分页展示,这种需求在如今很普遍,如:总数为:50,那么每页显示10条,分5页;实现步骤分为如下:1,创建表格数据html;2,CSS相关样式;3,导入JQ文件包,如:<script src="js/jquery-1.10.2.min.js"></script>。4,逻辑数据的编写,以及服务器的数据列表获取...原创 2019-06-17 15:35:40 · 1686 阅读 · 0 评论 -
Serlvet+Json接口+Ajax获取
1,此次文章讲述如何利用Serlvet服务端接口,给客户端ajax获取; 2,Serlvet实现服务器json数据并显示; 3,一个user类文件,一个主message类文件,一个web配置文件; 4,利用的是eclipse开发者工具 5,jar相关文件和ora.json文件网上有,可以找找,配置到web文件上以及iib文件下一:利用Serlvet实现服务器json接口数据,简单的实现...原创 2018-06-19 14:41:02 · 381 阅读 · 0 评论 -
HBulider移动端之webview左右滑动禁止切换判断事件
MUI框架之webview左右滑动组件;实现可以上下滑动,禁止左右切换滑动逻辑处理;本博主尝试了多种方法方式,苦苦挣扎了好几个小时,得出的心得体会分享给各位。用到了touchmove事件和touchstart的监听列表滑动事件;var btn = document.getElementById("cg_list"); //绑定到列表id va...原创 2018-04-23 10:58:39 · 1814 阅读 · 0 评论 -
H5 实现类似QQ消息列表(已读,未读)拖拽点击事件功能
HBulider实现消息列表,右侧滑动拖拽进行(已读,未读,删除)点击事件功能详情 首先第一步列表界面,并且列表上添加一个显示消息的标注;如:mui-badge; 对列表滑动拖拽事件; 拖拽事件上的标签进行监听以及逻辑的判断处理; 此功能牵涉到底部导航栏,类似QQ,底部会显示未读消息的总数; 通过事件的监听到总数,再进行本地存储,传给底部选项卡的标注处显示; 点击...原创 2018-04-09 10:18:05 · 9508 阅读 · 1 评论 -
H5扫描设备二维码
**主要分为以下几点:****1,界面div部分详细如下,可参考:**"barcode" style="margin-top:45px;background-color: #000000;">"height:40%">"tip">...载入中..."fbt" onclick="mui.back()" style="background-color: #000000;">原创 2018-02-01 18:49:40 · 803 阅读 · 0 评论 -
H5 切换界面返回传值
主要阐述下返回传值的知识,在做项目之中遇到不少坑和困惑,因此这里为大家总结以下几点:1.html文件必不可少的,监听到点击切换事件(A界面);li class="mui-table-view-cell" id="cheziinfo"> a class="mui-navigate-right">img src="images/aichename/car.png"/ style原创 2018-02-01 18:40:06 · 3371 阅读 · 0 评论 -
mui点击触发确定取消缓存事件
1,首先定义一个样式文件;ul class="mui-table-view"style="background-color:#2F3A4C;"> liid="huancun" class="mui-table-view-cell data-rel"id="plist"> aclass="mui-navigate-right">清理缓存a>原创 2018-01-08 16:43:00 · 1090 阅读 · 0 评论 -
CSDN-markdown编辑器常用操作指南
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I原创 2018-01-31 18:35:16 · 199 阅读 · 0 评论 -
H5 扫描二维码绑定设备信息
主要分为以下几点:1,界面div部分详细如下,可参考:...载入中...<img src="images/22.png" style="height:28px;margin-top: 5px; display: none; float: left;margin-left: 10px;" />如无法扫描,请手动绑定手动绑定2,JS部分,也就是扫描二原创 2018-01-30 19:50:15 · 8458 阅读 · 0 评论 -
js 注册界面 获取手机验证码
首先,给大家介绍下注册界面以及获取手机验证码的一些原理和规则逻辑,方便大家在今后更好的使用此功能,分别注意以下几点:(代码写的怎么样看看就知道,不含糊);1,界面div这个必不可少的;(输入账户、输入密码、验证码获取、点击注册按钮) 账号 验证码原创 2018-01-30 19:33:07 · 13983 阅读 · 0 评论 -
app 请求服务器json数据
请求服务器json数据格式代码,详细如下;var url=obj.serUrl; //此处为请求服务器的路径url,放上自己的请求路径;var data = {//date里面携带参数,根据服务器要求填写好参数,看清楚是字符串类型,还是整型。action:'getUser',username:loginInfowode,password:passwordwode};原创 2018-01-30 19:07:50 · 1548 阅读 · 0 评论