作者：卍扯淡的爱卍_989 | 来源：互联网 | 2023-09-16 17:37
不知道其他的开发人员是否和我一样，在学习一些新的技术时，有对于开发工具的迷茫。这是一个节奏无比快的时代，对于学习周期，除了一门全新的技术或是深奥的研究，都不能太长。就如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！
以下是这个实例的代码：
京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有 