热门标签 | 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!

以下是这个实例的代码:
















推荐阅读
  • 本文详细介绍了JQuery Mobile框架中特有的事件和方法,帮助开发者更好地理解和应用这些特性,提升移动Web开发的效率。 ... [详细]
  • publicclassBindActionextendsActionSupport{privateStringproString;privateStringcitString; ... [详细]
  • 调试利器SSH隧道
    在开发微信公众号或小程序的时候,由于微信平台规则的限制,部分接口需要通过线上域名才能正常访问。但我们一般都会在本地开发,因为这能快速的看到 ... [详细]
  • 本文介绍了如何通过C#语言调用动态链接库(DLL)中的函数来实现IC卡的基本操作,包括初始化设备、设置密码模式、获取设备状态等,并详细展示了将TextBox中的数据写入IC卡的具体实现方法。 ... [详细]
  • 深入探讨前端代码优化策略
    本文深入讨论了前端开发中代码优化的关键技术,包括JavaScript、HTML和CSS的优化方法,旨在提升网页加载速度和用户体验。 ... [详细]
  • spring boot使用jetty无法启动 ... [详细]
  • 本文详细介绍了如何正确设置Shadowsocks公共代理,包括调整超时设置、检查系统限制、防止滥用及遵守DMCA法规等关键步骤。 ... [详细]
  • 深入体验Python的高级交互式Shell - IPython
    IPython 是一个增强型的 Python 交互式 Shell,提供了比标准 Python 控制台更为强大的功能,适用于开发和调试过程。它不仅支持直接执行 Linux 命令,还提供了丰富的特性来提高编程效率。 ... [详细]
  • 回顾两年前春节期间的一个个人项目,该项目原本计划参加竞赛,但最终作为练习项目完成。独自完成了从编码到UI设计的全部工作,尽管代码量不大,但仍有一定的参考价值。本文将详细介绍该项目的背景、功能及技术实现。 ... [详细]
  • 如何在PHP中安装Xdebug扩展
    本文介绍了如何从PECL下载并编译安装Xdebug扩展,以及如何配置PHP和PHPStorm以启用调试功能。 ... [详细]
  • Android与JUnit集成测试实践
    本文探讨了如何在Android项目中集成JUnit进行单元测试,并详细介绍了修改AndroidManifest.xml文件以支持测试的方法。 ... [详细]
  • Kafka入门指南
    本文将详细介绍如何在CentOS 7上安装和配置Kafka,包括必要的环境准备、JDK和Zookeeper的配置步骤。 ... [详细]
  • CentOS7通过RealVNC实现多人使用服务器桌面
    背景:公司研发团队通过VNC登录到CentOS服务器的桌面实现软件开发工作为防止数据外泄,需要在RealVNC设置禁止传输文件、访问粘贴板等策略过程&# ... [详细]
  • 在开发板的启动选项中看到如下两行:7:LoadBootLoadercodethenwritetoFlashviaSerial.9:LoadBootLoadercodethenwri ... [详细]
  • 本文介绍了 Oracle SQL 中的集合运算、子查询、数据处理、表的创建与管理等内容。包括查询部门号为10和20的员工信息、使用集合运算、子查询的注意事项、数据插入与删除、表的创建与修改等。 ... [详细]
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社区 版权所有