在微信开发H5页面的时候,往往借助于WeUI或者Jquery WeUI等基础上进行界面效果的开发,由于本人喜欢在Asp.net的Web界面上使用JQuery,因此比较倾向于使用 jQuery WeUI,本篇随笔结合官方案例和自己的项目实际开发过程的经验总结,对在H5页面开发过程中设计到的界面控件进行逐一的分析和总结,以期能够给大家在H5页面开发过程中提供有用的参考。

1、资源参考

一般情况下,我们使用后者Jquery WeUI,在结合一些用于页面的图标和H5页面模板就可以快速开发相关的页面效果了。

2、界面控件的使用

1)文本控件的使用

文本控件是我们实际项目使用最多的界面控件了,文本控件一般包括常规的Input单文本框类型和TextArea多文本框类型。

文本框的录入,一般可以把提示标题放在左侧,如有后缀信息放在右侧,如下所示。

它的定义HTML代码,主要就是设置好布局和样式即可。

完整加上布局的HTML代码如下所示。

流程标题

h5聊天页面 jquery_基于Jquery WeUI的微信开发H5页面控件的经验总结(1)相关推荐

  1. Android端h5不能选择图片,weui公众号开发h5部分手机不能选择图片及拍照问题

    在使用weui采用h5进行公众号开发时,input file选择图片控件,在部分安卓手机不能拍照.不能选择图片. 经过创软公众号开发团队分析,将input代码设置如下方式即可选择图片或者拍摄图片,成功 ...

  2. 企业微信开发H5页面授权 使用接口的问题

    企业微信 h5踩坑指南 企业微信开发H5页面授权 使用接口的问题 开发企业微信的时候 h5页面需要获取登录用户的信息,这个时候就需要jsdk里面的 [开发文档] (https://work.weixi ...

  3. RAD Studio 10.4.1新的基于Chromium的Microsoft Edge浏览器的TEdgeBrowser控件用法

    目录 RAD Studio 10.4.1新的基于Chromium的Microsoft Edge浏览器的TEdgeBrowser控件用法 一.TEdgeBrowser安装部署说明 1.1.TEdgeBr ...

  4. jquery easyui 弹出对话框被activex控件遮挡问题

    为什么80%的码农都做不了架构师?>>>    参考:http://bbs.csdn.net/topics/390375764 本人遇到jquery easyui 弹出对话框被act ...

  5. 微信开发h5支付功能,配置单价和商品信息无法更新问题解决方法!

    微信开发h5支付功能,配置单价和商品信息无法更新是因为没有开通h5支付的问题,登录微信商户平台后台开通h5支付产品即可.

  6. JQuery专栏之十五————利用文件框控件file实现文件的上传

    15. 利用文件框控件file实现文件的上传. 文件上传的方法有很多,jQuery也有许多文件上传控件.本例采用最基本的HTML文件框(<input type='file')实现文件上传,不限制 ...

  7. 微信开发h5图片上传(拍照、图片压缩、IOS照片旋转)

    微信开发h5图片上传 开发环境 vue.js,原生h5 input file, 微信公众号网页 依赖安装 exif-js:IOS下拍照照片的方向有问题, 需要exif-js来读取照片信息进行旋转处理: ...

  8. 基于jquery的ajax聊天室系统,基于jQuery的Ajax聊天室应用毕业设计(含外文翻译)...

    基于jQuery的Ajax聊天室应用毕业设计(含外文翻译) 毕业设计(论文) I 基于基于 jQuery 的的 Ajax 聊天室应用聊天室应用 摘摘 要要 随着网络的逐渐普及,以及网络技术的不断发展, ...

  9. php产品效果图,jQuery_基于JQuery制作的产品广告效果,效果图.如下: 动画效果介绍 - phpStudy...

    基于JQuery制作的产品广告效果 效果图.如下: 动画效果介绍:这组广告效果是打开页面后图片会自动播放,从1-5共计5张图片,如果属标放到右下角的1.2.3.4.5列表上,可以自由进行切换到自己想看 ...

  10. php相同数据合并单元格,jQuery_基于jQuery的合并表格中相同文本的相邻单元格的代码,ONE 已经生成的数据表格大致 - phpStudy...

    基于jQuery的合并表格中相同文本的相邻单元格的代码 ONE 已经生成的数据表格大致内容如下: 地区 地区 商品代码 商品名称 数量 有效期至 距效期(月) 产品批号 规格 单位 条形码 广东 深圳 ...

最新文章

  1. 200秒=超算1万年,谷歌实现“量子霸权”论文上架随即被撤回,引发全球热议...
  2. UVA10827球面上的最大和
  3. Eclipse(STS) 初次搭建Spring Cloud项目之断路器Hystrix(五)
  4. ustc小道消息20211215
  5. java调用打印预览_急求一个用Java实现的打印及打印预览功能的Demo
  6. Xuggler教程:转码和媒体修改
  7. docker 虚悬镜像 ( 悬空镜像 ) :镜像没有仓库名或没有标签
  8. odps mapreduce学习笔记
  9. 解决SQL查询总是 超时已过期
  10. cisco防火墙(Cisco防火墙型号asa)
  11. win10桌面未找到计算机,win10系统保存文件时找不到桌面选项的处理步骤
  12. FFmpeg+SDL纯语音播放器
  13. RTX 4070TI和RTX 3090TI性能哪个好 RTX 4070ti和RTX3090ti 差距
  14. ASEMI代理AD8603AUJZ-REEL7原装ADI车规级AD8603AUJZ-REEL7
  15. 成就一亿技术人,我和CSDN的九年记忆
  16. 京东快递开接外单偏平台商户
  17. 双11阿里数据中心,把机器当“媳妇”的守夜者
  18. iisnbsp;访问输入用户名和密码问题
  19. 在GSYVideoPlayer中实现VLC 内核
  20. 分享一个PC端一键分享功能

热门文章

  1. 鲸鱼优化算法_鲸鱼优化算法:一种群体智能最优化方法
  2. python反转一个三位数_反转Python整数的位
  3. ip地址在c语言中长度是多少_c语言中(++i)+(++i)+(++i)究竟等于多少?
  4. java jsonobject_Java调用groovy及如何使用springBean
  5. 订阅发布延时_Redis实时队列和延时队列的php实现
  6. 不存在_别傻了,根本就不存在缘分天定
  7. 当xshell关闭时如何保持一个jar包程序在后台运行
  8. solr配置oracle数据源,Solr索引Oracle数据库的基本配置
  9. numpy数组某一行求和 python_【Python】No.2 Numpy和Matplotlib初体验
  10. ProGuard编译与使用