热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

jQMnote:开发工具的选择

不知道其他的开发人员是否和我一样,在学习一些新的技术时,有对于开发工具的迷茫。这是一个节奏无比快的时代,对于学习周期,除了一门全新的技术或是深奥的研究,都不能太长。就如phpdevshell,在有一定

不知道其他的开发人员是否和我一样,在学习一些新的技术时,有对于开发工具的迷茫。这是一个节奏无比快的时代,对于学习周期,除了一门全新的技术或是深奥的研究,都不能太长。就如phpdevshell,在有一定php知识的基础上,留给技术人员的学习时间,一个周就很合适了。

废话太多,切入主题。

关于基于jquery mobile的移动web开发,使用什么样的工具呢?特别是对于刚开始的学习者。以下是我的个人经历,也算是一些建议。

去年的某个时候,在jqm还是1.0a版本的时候,我接触了它。兴致勃勃的开始学习docs。使用notepad++写下第一个页面,放在moto上运行了,挺开心。于是决定继续深入学习,可是,当我看到data attribute的时候,愣了。这么多的属性,首次接触,每次写下一个,都要打开api确认,这让代码的产出量严重受阻。对于我这样的并非专注于前端的人来说,已经不愿再继续了。

后来工作开始密集,除了零星的看一下docs外,就没有在写下第三个页面。究其原因,还是因为开发工具没有选择好。

直到有一天,需要对一个html页面进行样式调整,而我对于css的书写,也是个半吊子,只好打开dw了。在完成工作后,忽然想,dw应该有jqm的支持吧,果断的寻找,嘿嘿,果不其然。首先是dw增加了对html5的支持,更有对jqm框架的支持。这好了,于是,我将docs再次读了一遍。翻出当时在ppulr上下载的两本关于jqm的书(我是穷书生,只好这么干了),jqm first look,还有一本,就叫jqm。开始重新加深学习。

这也是我喜欢的学习法方式,先把对整个技术的框架搭好,然后大致浏览一遍,最后在细读一次,这个时候,代码是demo级别的,最后,拿出一个实际需求,整体完成一次开发。增量式,就像封装一个类。

ok,那就让我们图文来感受下dw开发jqm移动web的快乐吧。

1 打开dw5.5 ,新建空文档,选择doctype html5:


这里需要多说一句,关于css和js文件,由于是本地开发,需要速度,那就把他们下载了放在你的统一的开发目录吧。

2 不用说,码代码吧。


如上图,左边的代码书写区域,我最喜欢的就是提示功能。而在右边,还有鼠标操作哦。怎么样,比一个字符一个字符的敲打,成本要低吧。有些人说,高级程序员就是喜欢用vim等一个字符一个字符的敲打啊。不过,我一切以成本计算,所以,要视具体情况定。

3 预览。绝对的爽啊。就像不必每次svn ci一下那般,直接预览效果【Multiscreen】。——当然,这只是静态页面的制作。这里的意思是,不必每次都上传打开浏览器,或者更新至手机用实际环境测试。——开发过程中。看看下图,其中屏幕大小是可以自定义的【Viewport Sizes...】。


怎么样,多方便啊。

特别是代码提示功能,这对于快速开发,是不可或缺的。jqm中那一堆data-*的属性,那一堆ui-*的class,那一堆Methods,有了dw,都会显得容易许多的。

当然了,这些,都只是初步开发。但是,不得不说,如果入门时候,选对了工具,阻碍心理悉数小了,那么,继续学习,学好的念头就强烈了。

希望你也爱上jqm,爱上移动web!

以下是这个实例的代码:
















推荐阅读
  • 包含phppdoerrorcode的词条 ... [详细]
  • 如果应用程序经常播放密集、急促而又短暂的音效(如游戏音效)那么使用MediaPlayer显得有些不太适合了。因为MediaPlayer存在如下缺点:1)延时时间较长,且资源占用率高 ... [详细]
  • 用阿里云的免费 SSL 证书让网站从 HTTP 换成 HTTPS
    HTTP协议是不加密传输数据的,也就是用户跟你的网站之间传递数据有可能在途中被截获,破解传递的真实内容,所以使用不加密的HTTP的网站是不 ... [详细]
  • Python 数据可视化实战指南
    本文详细介绍如何使用 Python 进行数据可视化,涵盖从环境搭建到具体实例的全过程。 ... [详细]
  • 本文介绍了如何利用 `matplotlib` 库中的 `FuncAnimation` 类将 Python 中的动态图像保存为视频文件。通过详细解释 `FuncAnimation` 类的参数和方法,文章提供了多种实用技巧,帮助用户高效地生成高质量的动态图像视频。此外,还探讨了不同视频编码器的选择及其对输出文件质量的影响,为读者提供了全面的技术指导。 ... [详细]
  • 服务器部署中的安全策略实践与优化
    服务器部署中的安全策略实践与优化 ... [详细]
  • Web开发框架概览:Java与JavaScript技术及框架综述
    Web开发涉及服务器端和客户端的协同工作。在服务器端,Java是一种优秀的编程语言,适用于构建各种功能模块,如通过Servlet实现特定服务。客户端则主要依赖HTML进行内容展示,同时借助JavaScript增强交互性和动态效果。此外,现代Web开发还广泛使用各种框架和库,如Spring Boot、React和Vue.js,以提高开发效率和应用性能。 ... [详细]
  • 2020年9月15日,Oracle正式发布了最新的JDK 15版本。本次更新带来了许多新特性,包括隐藏类、EdDSA签名算法、模式匹配、记录类、封闭类和文本块等。 ... [详细]
  • 本文详细介绍了在 CentOS 7 系统中配置 fstab 文件以实现开机自动挂载 NFS 共享目录的方法,并解决了常见的配置失败问题。 ... [详细]
  • Ext JS MVC系列一:环境搭建与框架概览
    本文主要介绍了如何在项目中使用Ext JS 4作为前端框架,并详细讲解了Ext JS 4的MVC开发模式。文章将从项目目录结构、相关CSS和JS文件的引用以及MVC框架的整体认识三个方面进行总结。 ... [详细]
  • javascript分页类支持页码格式
    前端时间因为项目需要,要对一个产品下所有的附属图片进行分页显示,没考虑ajax一张张请求,所以干脆一次性全部把图片out,然 ... [详细]
  • Framework7:构建跨平台移动应用的高效框架
    Framework7 是一个开源免费的框架,适用于开发混合移动应用(原生与HTML混合)或iOS&Android风格的Web应用。此外,它还可以作为原型开发工具,帮助开发者快速创建应用原型。 ... [详细]
  • 解决Bootstrap DataTable Ajax请求重复问题
    在最近的一个项目中,我们使用了JQuery DataTable进行数据展示,虽然使用起来非常方便,但在测试过程中发现了一个问题:当查询条件改变时,有时查询结果的数据不正确。通过FireBug调试发现,点击搜索按钮时,会发送两次Ajax请求,一次是原条件的请求,一次是新条件的请求。 ... [详细]
  • 在JavaWeb开发中,文件上传是一个常见的需求。无论是通过表单还是其他方式上传文件,都必须使用POST请求。前端部分通常采用HTML表单来实现文件选择和提交功能。后端则利用Apache Commons FileUpload库来处理上传的文件,该库提供了强大的文件解析和存储能力,能够高效地处理各种文件类型。此外,为了提高系统的安全性和稳定性,还需要对上传文件的大小、格式等进行严格的校验和限制。 ... [详细]
  • 在CentOS 7环境中安装配置Redis及使用Redis Desktop Manager连接时的注意事项与技巧
    在 CentOS 7 环境中安装和配置 Redis 时,需要注意一些关键步骤和最佳实践。本文详细介绍了从安装 Redis 到配置其基本参数的全过程,并提供了使用 Redis Desktop Manager 连接 Redis 服务器的技巧和注意事项。此外,还探讨了如何优化性能和确保数据安全,帮助用户在生产环境中高效地管理和使用 Redis。 ... [详细]
author-avatar
卍扯淡的爱卍_989
这个家伙很懒,什么也没留下!
Tags | 热门标签
RankList | 热门文章
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有