前端造地基-js-1-《js dom编程艺术》

  这本书可以作为前端入门书,我是入了门之后再会过来看,所以会快很多。

  看书最重要的是知道整体的脉络,全书可以说是围绕了这几个核心的概念,“渐进增强”、“平稳退化”、“以用户为用心”。首先明白这本书的定位,不是参考类的书,作者只重点介绍几种最有用的 dom 方法和属性,真正精华的地方在于关于 js 和 dom 脚本编程的基本原则、良好习惯和正确思路。最好是能通过书中的案例领悟这些原则、习惯和思路,这样肯定能让编程技术上一个台阶。
  第二版新增了 jQuery 的章节,在了解底层代码工作原理的基础下,讲明了使用库为什么能节省精力和时间。

  代码是思想和概念的体现。保持思考和探索,不要止步于代码,更重要的是思考代码背后的意义。

js 简史

起源
  js 是 netscape 公司和 sun 公司合作开发的。js 的出现,增加了页面的可交互性,可以通过 js 调用 dom api 来修改页面。js 1.0 版本出现于1995年的 netscape navigator2 浏览器中。与此同年,微软在追赶网景。面对微软的追赶,netscape 和 sun 联合 ecma 对 js 进行标准化,于是出现了 ECMAScript 语言标准。1996年,网景和微软发布了 netscape navigator3 和 ie3,支持 js1.1 版本。这一年,微软的 js1.1 叫做 JScript,同时推出了VBScript语言。

  js 是一种脚本语言,只能依赖于浏览器这样的环境完成一些操作,不能像普通意义上的程序那样独立运行。也正是因为这样的特性,js 不被认为是真正的编程语言。

DOM
  dom 是一种方法、机制,将文档内容进行抽象和概念化,将网页内容转换为一个对象,作为宿主对象提供给开发者使用,这个对象以树形结构来描述网页中的信息。具体实现为一套 api,js 可以调用这套 api 来访问页面元素或修改页面。

  第一代 dom(DOM0) 仅用于反转图片和表单验证。1997年,第4代浏览器(netscape navigator4、ie4)发布。至此,这两大厂商已经对 dom 进行了很多扩展,能提供更多的功能给 js。但是这给开发带来了噩梦,一份代码需要编写多个分支,来满足多个浏览器上的 dom 调用方式。
  DHTML,Dynamic HTML,是描述 html、css 和 js 技术组合的术语,用 html 将网页内容标记为元素,css 为网页内容设置样式和显示位置,js 可以实时的操作页面和样式。

  两个厂商为了竞争市场,在扩展 dom 时采用各自的实现策略,造成了极大的差异和不兼容。为了终结这苦难的浏览器世界,w3c 携手各大浏览器厂商制定了 dom 标准。1998年根据 dom 标准发布了第二代 dom(DOM1)。

  w3c 的理念是通过标准 dom,任何一种语言都可以操作用标记语言编写的文档。与浏览器不同,他们站在更高远的位置制定 dom。w3c 对 dom 的定义是一个与平台、语言无关的应用编程接口,程序和脚本都可以通过这个接口动态的访问文档的内容、结构、样式。

  浏览器市场大战最终以微软的胜利结束,专有的 dom、html、js 都不能使网景战胜微软,微软能决胜是因为使用 windows 操作系统的个人电脑都预装了 ie。

  早期浏览器大战结束,网景浏览器消失于江湖,新的面孔渐渐展露头角,safari、firefox、chrome、opera。这些新一代浏览器基于 webkit、gecko 引擎,ie 基于 trident 引擎。新一代浏览器都几乎实现了 w3c 制定的标准 dom。开发者不用每份代码都写多个分支,但是代码要运行在早期浏览器上时还是需要解决兼容性问题。

  后续 ajax 引发了 dom 编程的学习狂潮,h5 dom 的新特性(audio、canvas)让 web 编程焕发更蓬勃的生机。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值