【前端开发工程师 - 03.DOM编程艺术 - 第1章.基础篇(上)】的更多相关文章

前端开发工程师 - 03.DOM编程艺术 - 第1章.基础篇(上)

第1章.基础篇(上) Abstract:文档树.节点操作.属性操作.样式操作.事件 DOM (Document Object Model) - 文档对象模型 以对象的方式来表示对应的html,它有一系列的规范 i.e. 在浏览器中,DOM是通过JS实现的. DOM: DOM Core:核心结构.API的定义 DOM HTML: 定义HTML如何转化成对象(HTML对应的对象)-- 操作节点 DOM Style:样式转换成对象 -- 操作样式 DOM Event:事件对象的模型 -- 响应用户的操…

前端开发工程师 - 03.DOM编程艺术 - 第1章.基础篇(下)

第1章.基础篇(下) Abstract: 数据通信.数据存储.动画.音频与视频.canvas.BOM.表单操作.列表操作 数据通信(HTTP协议) HTTP事务: 客户端向服务器端发送HTTP请求报文:服务器端接收到HTTP请求报文后,经过处理,向浏览器返回一个包含事务结果的HTTP响应报文 请求报文: i.e. 请求行:GET music.163.com HTTP/1.1 请求方法   主机地址   HTTP版本 请求头:由很多键值对构成 Accept:浏览器端可接受的媒体类型 Accept-…

前端开发工程师 - 03.DOM编程艺术 - 期末考试

期末考试客观题 返回    倒计时: 01:24 1 单选(2分) 以下选项中不是节点类型的是 A. COMMENT_NODE B. DOCUMENT_NODE C. BODY_NODE D. ELEMENT_NODE 2 单选(2分) 如果html元素 <div>欢迎<a href="/profile">Jerry</a>同学!</div> 对应的DOM节点是element,那么element.childNodes.length的值…

JavaScript取消默认控件并添加新控件（DOM编程艺术第11章）

这一章实现的这个功能我研究了好久,这个思路我感觉已经是现在的我要膜拜的了,我感觉我的逻辑还是有些问题. 第一个问题:vid.height与vid.videoHeight vid.height = vid.videoHeight; vid.weight = vid.videoWidth;//移除边框-配合实现无边框效果 vid.parentNode.style.height = vid.videoHeight + "px"; //将vid的父元素(那个div)也贴合vid // vide…

JavaScript DOM编程艺术第四章 — JavaScript图片库案例研究

这一章通过JavaScript图片库案例,学习了一些DOM属性. HTML代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>图片库</title> <link rel="stylesheet" href="styles/layout.css" media="screen"…

javascript DOM编程艺术 第10章问题记录

为什么moveElement函数调用时,必须加字符串的拼接符 var repeat = "moveElement('"+elementID+"',"+final_x+","+final_y+","+interval+")"; // var repeat = "moveElement('"elementID"',"final_x","final_y&…

《DOM编程艺术》读书笔记<概述>

作为一名前端开发工程师,学习的过程中总少不了各种各样的书籍,作为新手如何在众多书籍中选到适合自己的呢,我们今天先来谈谈<DOM编程艺术>这本书. 其实呢大部分书都是好书,就像LOL中大部分英雄都很厉害,只有不强悍的召唤师.先了解一本书,然后认真的读下去你一定会有所收获的.在网上搜索书单时,你大概率会看到标题中这本书,但是又会看到褒贬不一的评论,那么这本书到底适不适合入门阅读呢,且听我慢慢道来. 读完这本书的第一感觉就是这本书里面好多内容已经过时了,比如里面大量的 js 对浏览器兼容性的检查,会…

JavaScript DOM编程艺术读后感（1）—— 平稳退化

最近,在读<JavaScript DOM编程艺术(第二版)>这本书,想着将自己的读后感记录下来,作为记忆吧. 其实我并不是最近才刚开始读这本书的,我读了有一段时间了.我是一名web前端开发人员,喜欢前端,但是我不喜欢只知其然而不知其所以然的这个感觉,它让我感觉到恐惧.所以我决定充实一下自己的大脑.现在的人一说学习,都跑去网上看视频,跟着视频敲代码,说实话,这是一种快速入门的方法,能让我们快速的掌握这些开发技巧.但是也只有这点作用了,这就像工厂里面的工作一样,假如你是让别人告诉你第一步做什么,第…

前端开发工程师 - 06.Mini项目实战 - 项目简介

第6章--Mini项目实战 项目简介 Mini项目简介-Ego社区开发 回顾: 页面制作 页面架构 JavaScript程序设计 DOM编程艺术 产品前端架构 实践课Mini项目--Ego: 主题:漫画阅读.二次元文化.漫画创作者 产品背景:爱画漫画的用户基数大.展示作品可以获得认可关注从而提高画技.寻找同好.寻找灵感 用户背景:爱画漫画的用户.青少年群体.科班或者业余爱好者 现有途径:QQ空间.朋友圈.贴吧.微博等--不够专业.针对性不强 竞品:半次元.P站.苹果树下等 功能模块: 首页 登录…

JavaScript DOM编程艺术（第2版）的简单总结

介绍 JavaScript DOM编程艺术(第2版)主要讲述了 JavaScript.DOM 和 HTML5 的基础知识,着重讲述了 DOM 编程,并通过几个实例演示了具有专业水准的网页开发. 下面介绍一下各章节的讲到的内容. 第1章 JavaScript简史 本章主要讲解JavaScript的发展简史.不同的浏览器会采用不同的办法来完成一样的任务,这会影响JavaScript的发展,而DOM标准化,让这种情况有所改变.而本书要讲的就是JavaScript和DOM一起完成的任务,不需要讨论浏览器…