DOJO开发: 入门介绍
决定写么这么一个前端框架的系列文章, 还是很需要勇气的. 因为从现在软件开发岗位分工来说, 我一是个标准的后台开发岗, 所以前端的知识(html, css, javascript)还是捉襟见肘的, 所以大家还是多多包涵下, 如果文中有什么问题, 请帮忙指出来. 一般很多后端的同学有这样的需求: 一个人要开发完一个完整的管理系统, 而又没有前端开发资源, 这时候只能一切靠自己了. 嗯, 做一个全栈工程师, 我骄傲! 首先我介绍下我的前端知识体系. 对于html, css, javascript的基础知识, 该了解的还是要熟悉下, 这也是学习一些前端框架必需要掌握的. 虽然后台工程师不用抠每个细节, 但是基本知识不清楚, 往往在框架层次的理解永远都是面对一个完全的黑盒子. 就像你说完全不了解java语言特性, 能把spring学习好吗. 所以, 我总结了一些必需要掌握的基础知识点出来, 如果大家还不熟悉的, 可以学习一些简单的在线教程, 如w3cschool. 你应该了解的一些基础知识:
- html的一些基本标记, 如h1,h2...h6, table, div, a, form...我想这些对大家都没有问题的.
- css选择器(id, class选择器), 字体样式, 文本样式, 表格单元, 框模型(什么内边距padding, 外边距: margin, 边框: border), div元素的定位(什么浮动, 相对定位,绝对定位)[CSS权威指南]
- javascript的数据类型(简单类型,引用类型), 函数(如闭包, 原型链, 这些是重点); BOM, DOM模型, 事件模型, Ajax原理.[javascript权威指南], [javascript高级程序设计]
其实了解这些基础知识, 我觉得基本上应该可以干一些活了. 我在每个知识点的后面给了一些书的链接, 这是我个人推荐的, 网上有电子版下载. 我是买的纸质书, 因为我比较喜欢读纸质书些.
有了上面一些基础知识点后, 再进入学习DOJO的学习, 就像学会了java语言编程, 我们使用Sturts,SpringMVC一样. 我们除了要更加扎实的加强基础知识的巩固, 还要重点学习系统框架的设计. 我把DOJO看成一个UI套件, 也可以看成一个前端MVC框架, 或者是一个很实用, 高效, 优雅的工具集. 但是大家使用它的最终目的还是使用它的UI套件来完成我们的系统开发. 所以我准备按照介绍DOJO基础工具(dojo核内包), 再到digit(UI组件)的顺序来记录. 只有了解了DOJO的核心包中的每个细节后, 再去学习UI层次上的东西, 才更会得心应手.
DOJO, 正式的介绍就不用说了, 我们只要把看成一套很强大, 很牛X的基于javascript的前端UI框架就行了. 用DOJO更适合用来做一些One Page的项目, 就是单个页面入口, 然后所有操作都是基于这个页面的富交互操作. 所以用来做后台管理系统最佳了. 如下效果图:
我们想要引用DOJO, 只要引入一个js文件即可:
|
1 |
<script src="http://ajax.googleapis.com/ajax/libs/dojo/1.9.2/dojo/dojo.js"
data-dojo-config="async: true"></script> |
可能你会说, dojo下这么多js文件, 为什么只需要引入一个? 其实dojo.js只是一个入口文件, 就像java中的main方法一样, 在java中我们都是从main方法进入, 如果需要引用别的类, 用import引入相关的类就行了. DOJO中实现了模块化管理, 所以只要从dojo.js中启动, 然后通过require引入各模块文件. 详细的介绍下节的文章会介绍到.
好了, 这篇就算是一个介绍DOJO的文章, 也指出了学习DOJO前我们要掌握的一些基础知识点.