jQuery Mobile在微信建站方面的应用

news/2024/5/9 7:49:01/文章来源:https://blog.csdn.net/caowen414/article/details/42245053

jQuery Mobile在微信建站方面的应用

感谢这个不断变革的时代,让我这个三十六岁的IT老兵重新拾起武器开始微信建站,拥抱移动互联网。大概有两年多的时间已经没有正式参与建站工作了,原本我们自己服务网站也是我意气风发时的得意之作,但移动互联网的发展速度太惊人了,手机浏览器和手机平台本身的特性,让原本面向PC端用户设计的网站变得并不太友好,所以为了让网站保持活力和竞争力,我毅然决定重构网站。还好有jQuery Mobile让我在短时间内完成了基于移动客户端网站重构。虽然只是基础层面的应用,但已经可以满足用户和网站管理的要求,毕竟技术永无止境,对技术的过于痴迷或给网站添加过于花哨的功能,都是以牺牲易用性为代价的,这会让网站陷入另一个漩涡。

虽然手机浏览器也可以正常浏览传统网页,但传统网页对手机浏览器的兼容性并不理想,显示比例就是最常见的问题,如果你想看网页的整体,那网页显示的文字和图片就会变得很小,阅读变得异常困难,即便是6寸的大屏手机,也同样面临这种问题;但如果用户放大显示,那又无法看到网页的整体,所以面向手机浏览器应发布结构简洁明了且适应多种手机平台和屏幕分辨率的网页;另一方面,UI设计更应注重多触控,而尽量减少让用户输入信息,手机输入的便捷程度是无法达到PC水平;再就是减少网页的体积并减少与服务器不必要的数据交互,毕竟在没有wifi的情况下,用户希望尽可能少的流量与快速的访问。以上我罗嗦了这么多,无法就是再讲一个问题面向移动互联网重构网站是很有必要的。

你喜欢在互联网行业里工作,就必须有个拥抱变化的心态。但我们每个人也都没有足够的精力去熟悉每个技术层面,framework确实是我在IT职业生涯后半段非常喜欢的家伙,这伙计帮我了很多,让我也能做出来看起来很酷的作品。由于这次要改造的主要是网页显示和交互部分,所以选择一个JavaScript frameworks是势在必行的,jQuery Mobile走入我的视线,jQuery本身就是最流行的JavaScript frameworks,我想jQuery Mobile也不会让我失望,经过简单阅读教程并使用了一下DEMO之后马上开工。不久基于手机浏览器的在线下单功能就做好了,看上去还不错,至少比原来让用户直接使用传统网页在线下单功能要好得多。

Screenshot

以上是基于jQuery Mobile构建的网上订单系统,下面在谈谈微信,如今大家对微信的使用频率仿佛比QQ还要高,所以一个企业,尤其是服务或媒体型企业如果没有个微信公众账号,是不是有点不好意思呢,微信很封闭,连淘宝外链都给你屏蔽了,所以现阶段为了生存和市场,还是要进入微信这个生态圈,注册企业微信公众号后微信后台会提供一个自定义菜单,可以链接网页,也可以直接在微信系统中编辑文字、图片或语音。当然如果通过微信认证后,可能还会获得更多深层次的功能。所以我们只要把在线订单通过自定义菜单进行连接就完成了微信的接入。菜单更新后,微信用户通过手机访问我们的公众号时就可以看到导航菜单中的在线下单功能。

当然目前我仍然是两套前端UI并存,PC用户还是浏览传统网页,手机用户或微信用户直接访问移动端网页, jQuery Mobile在移动端为我们设计用户交互提供了很好的解决方案。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_877708.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

NMPA可以解析了 国家药品监督管理局网站

国家药品监督管理局网站有很多药品、保健品数据,很多人需要相关数据所以才去采集。但是,NMPA网站的反爬一直走在最前线,爬虫的程序一直无法很好工作。 现在,搞定了。 目前可以使用程序打开药监局网站,然后到药品页面…

scrapy爬取某视频网站的部分视频信息

此次爬取的信息有: 1、视频名称 2、在线观看人数 3、弹幕内容 4、弹幕发送时间 5、弹幕在视频中的位置 6、点赞 7、收藏 8、投币数 由于b站的很多信息是动态加载的。所以部分信息,需要自己抓包,进入对应的网址抽取信息。例如在线观看视频人…

一个将多线程多进程结合爬取图片网站的示例

在图片网站爬取图片时候,我们需要取得具体每张图片的url地址,然后下载到电脑保存下来。这其中,对时间消耗最多的步骤是保存图片到本地硬盘,机械硬盘的读写性能速度较慢。如果采取单线程单进程的话,在读写的同时没法进行…

将代码提交到github的两种方式(其他项目管理网站类似)

首先先去git官网下载git,现在就去. 下载完成之后,右键git bash 使用命令行配置你的git的用户名和邮箱,因为git是分布式系统,所以每个用户都是独立的 命令行输入: git config --global user.name "Your Name"git config --global user.email "emailexample.com…

​​​资源分享 | 一、盘点高清壁纸网站​​

​​​资源分享 | 一、盘点高清壁纸网站​​​​​​​​​​ ​​1. wallroom​​ ​​​​2. 极简壁纸​​​ ​​​​3. 高清壁纸库​​ ​​​​4. 动漫图片和壁纸​​ ​​​​5. Wallpaper Abyss​​​​ 资源分享 | 一、盘点无版权图片网站 作者:1024导…

微信开放平台申请网站应用

前言: 这是一篇我想严重吐槽的文章,我需要做一个微信扫码功能,我看了下文档,发现没有那么难,结果一开始我就卡壳,申请网站应用我申请了四次,我很奔溃,关键是我搞不懂的是为什么审核…

让你的网站应用加上微信扫码功能

前言: 继上篇文章在微信开放平台申请网站应用以后,我们就可以正式开始做微信扫码登录这个功能了,接下来这篇文章我将用最通俗易懂的话语让大家掌握整个微信扫码开发的流程,其实真的很简单,只要认真阅读官方文档,一步步…

python3.2 自动登录网站

让我帮写个小程序,查了查资料,用python写了一个,以前没用过,都是现查的资料,比较粗糙,放到这里留作备用。 1 import urllib.parse 2 import urllib.request 3 4 # ------------------------------需…

Python 自动登录网站(处理Cookie)

Python 自动登录网站(处理Cookie) 博客分类: Python Python代码 def login(): cj cookielib.CookieJar() opener urllib2.build_opener(urllib2.HTTPCookieProcessor(cj)) login_url rhttp://zhixing.bjtu.edu.cn/memb…

Python 最近因开发项目的需要,有一个需求,就是很多SNS网站都有的通过 Email地址 导入好友列表,不过这次要导入的不是Email 列表,而是QQ的好友列表。 实现方式: 通过goog

Python 最近因开发项目的需要,有一个需求,就是很多SNS网站都有的通过 Email地址 导入好友列表,不过这次要导入的不是Email 列表,而是QQ的好友列表。 实现方式: 通过google一搜,实现的方式大概有下面这篇文…

wordpress搜索引擎蜘蛛统计插件SEO

索引擎蜘蛛统计插件可以实时对搜索引擎来访进行统计,指导站长的运营,来访的蜘蛛类型和访问的页面都能在后台一目了然! 免费使用下载https://yomeiyo.lanzouw.com/ifh5300s4p7a安装即可 插件安装方法 上传压缩包安装插件 如果是付费插件的话…

用Django建一个网站

目标:用最短的步骤在本机创建一个网站。 第一步 安装好Django之后,在放置网页的目录下打开命令行,输入 django-admin startproject mysite 即可自动创建一个名为mysite的文件夹。 进入mysite文件夹,创建第一个web程序app01(任意):…

提升大型网站并发访问性能

应用服务器 网络应用 中国电信 Linux配置管理 一个小型的网站,可以使用最简单的html静态页面就实现了,配合一些图片达到美化效果,所有的页面均存放在一个目录下,这样的网站对系统架构、性能的要求都很简单。随着互联网业务的不断丰…

requests 正则表达正式基础爬虫案例二:爬取网站数据

要求:爬取https://ssr1.scrape.center/ 网站中所有电影标题、类型、地区、电影时长、上映日期、评分、简介; 分析:网站共有两个页面组成,电影列表和详情,我们所需要的内容都在详情页面里面可以找到。 列表页面共10页&a…

PC端网站 rem适配方案

以1920设计稿为准 1、使用sass语法 转换px rem , vscode编辑器安装插件easy-scss 安装之后打开插件setting.json, 在setting.json里配置转换后css的路径 “easysass.targetDir”: “./css” 创建css文件、scss文件: 项目中如何使用index.sc…

给大家分享下织梦网站模板

最近需要用到一个官网模板,作为一个后台程序员来说写前端和专业的差了远了,所以想找个模板学习下,可是我这面是一顿搜一顿找找了好多都快绝望了因为都不是免费下载的不过最终还是找到了,在这里分享给大家 模板一 红色大气响应式重…

网站案例,成功案例--我的个人作品

西南贝思建筑图书连锁店网上书店成都美可快餐诚信促进会 成都商务投资网中国西部土工材料网广东劳斯丹顿卫浴设备有限公司盛世外贸服装批发城西南时报成都免费网站中国检察网成都乐于健康护理成都顺世文化传播有限公司西南大学生联盟成都川国味餐饮有限公司成都市科技进修学院…

vue 微软插件实现根据第三方网站链接预览word、pd、excelf等文件

一开始做的时候没想到会预览不了,报错 File not found The URL of the original file is not valid or the document is not publicly accessible. Verify the URL is correct, then contact the document owner.如下: 我在微软官网查到: 官…

世界第五大外包公司(CGI group inc)能够做出来多烂的网站,通过系分的课程设计我对于人机交互和团队合作的几个总结

文章目录 前情提要为开始刨祖坟模式做准备CGI inc发家史什么是外包公司CGI group inc看看CGI公司外包的网站你以为CGI做的网站这就算差了?听说你想自己改成好记的密码,想多了吧信息填写一次过,听说你想写到一半保存?我是随便的人吗…

小型网站到大型网站的演化过程

本文摘自书籍《大型网站技术架构.核心原理与案例分析》 1. 初始阶段: 应用程序、数据库、文件等所有资源都在一台服务器上。 2. 应用服务与数据服务分离 应用和数据分离后整个网站使用三台服务器:应用服务器、文件服务器和数据库服务器。这三台服务器对…