javascriptdom编程艺术-学习笔记(第十二章)

     2022-03-12     630

关键词:

第十二章

1.本章是综合前面章节的所有东西的,一个综合实例

2.流程:①项目简介:a.获取原始资料(包括文本、图片、音视频等)

                    b.站点结构(文件目录结构)

                    c.页面(文件)结构

        ②设计(切图)

        ③css -  base.css用于引入使用的css文件

               color.css  - 用于设置样式   

               layout.css - 用于设置布局

               Typography.css - 用于设置版式

3.题外话:①在实际开发中,即使是一个空白项目也往往不会从一无所有做起,而借助的平台一般会提供目录结构,所以需要把自己的目录结构和借助的平台的目录结构相互结合。

      ②有时候感觉,初级的工作只是在大框架下去粘贴复制,"搬来搬去",正是所谓的"代码的搬运工"。如何不去思考,不去突破,安于现状,每天如此搬来搬去。最后无非是被裁掉。除了日益加深的度数、驼背、鼠标手,和扯淡的回忆。还会留下什么。

4.cdn 内容分发网络,ps : "cdn中的每台服务器都包含共享库(包括查询,图片视音频等)的一份复本,这些服务器分布在世界上的不同国家和地区,以便达到利用带宽和加速下载的目的。

   浏览器访问库使用的是一个公共的url,而cdn的底层则通过地理位置最近、速度最快的服务器提高响应的文件,从而解决下载速度问题"

干货javascriptdom编程艺术学习笔记7-9

七、动态创建标记在文档中不写占位图片和文字代码,在能调用js的情况下动态创建,文档支持性更好。在原来的addLoadEventprepareGalleryshowPic的基础上增加函数preparePlaceHolder最后调用preparePlaceHolder和prepareGallery两个函数functionpreparePl... 查看详情

javascriptdom编程艺术(第2版)学习笔记1(1~4章)

第一章一些基本概念HTML(超文本标记语言),构建网页的静态结构,由一系列的DOM组成;CSS(层叠样式表),给网页各部分结构添加样式;JavaScript,通过获取DOM给静态结构加上动作,使用户能够与静态网页进行交互;DOM,一种A... 查看详情

干货javascriptdom编程艺术学习笔记1-3

从7月29号到8月8号,断断续续地看完了这本书,做了部分实践联系。总体感觉本书真的只能算是个入门,学完之后看到库的那一章才感觉是个大坑,实践中大部分应该都是用的现成的库吧,所以还要重新学习一个库,但是这本书... 查看详情

javascriptdom编程艺术读书笔记16/04/01

愚人节快乐 开始用webstorm了,随着学习深入,代码越来越长,因为不借助ide还真是挺难的今天发现了一个严重的误区,text和textNode是完全不同的两个概念,之前没有特别注意,写代码很容易跳过createTextNode直接用parentNode.appendChild(... 查看详情

javascriptdom编程艺术(第二版)读书笔记——

  学习和工作中经常会通过搜索引擎的引导进入到博客园中,技术大牛们的知识概括往往一针见血解决了困扰我很久的大大小小的问题。可是一直都是看别人写的博客,自己一直没动过手,直到看到一个博客说到,从简到繁地... 查看详情

《javascriptdom编程艺术》读书笔记

 1.javascript弱类型语言,解释性语言。2.javascript数据类型:字符串(String)、数字(Number)、布尔(Boolean)、数组(Array)、对象(Object)、空(Null)、未定义(Undefined)。  javascript内建对象和用户自定义对象。 宿主对象(... 查看详情

javascriptdom编程艺术笔记

第一章:JavaScript简史1.1javascript的起源  JavaScript是一种脚本语言,通常只能通过web浏览器去完成一些操作而不能像普通意义上的程序那样独立运行,需要由Web浏览器进行解释和执行。1.2DOM  DOM是一套对文档的内容进行抽象和... 查看详情

javascriptdom编程艺术读书笔记

第十章实现动画效果varrepeat="moveElement(‘"+elementID+"‘,"+final_x+","+final_y+","+interval+")";第一个参数是个字符串,所以需要单引号!!!move_elem=setTimeout(repeat,interval);  //复制给一个变量,当我们想取消一个正在排队等待执行的函数,可... 查看详情

javascriptdom编程艺术笔记之图片库的改进

dom的操作要遵守的原则1.平稳退化2.分离javascript3.向后兼容4.性能考虑 改进后的显示图片方法 functionshowpic(whichpic){if(!document.getElementById("placeholder"))returnfalse;varsource=whichpic.getAttribute("href");varplaceholde 查看详情

javascriptdom编程艺术读书笔记16/03/26

更新时间 2016-03-27 01:14:15  外设javascript文件操作的标准模板归纳 javascript不需要事件必须在HTML文档处理,可以在外部javascript的文件把一个事件添加到HTML的某个元素上element.event=atciotn关键是如何把这个元素确定... 查看详情

《javascriptdom编程艺术》

前几天京东买了一本书,在豆瓣上好评如潮,买下了啃一啃,书名《JavaScriptDOM编程艺术》,在好好深造一下javaScript。一边啃,一边敲。当然应该要做好笔记。一些简单的就看看就的了。 JavaScript语句DOM  查看详情

javascriptdom编程艺术读书笔记16/04/02

 最后更新 2016-04-02 16:14:06前言:前面都是讲用jsp语法改变html现有的内容,本节讲一下如何动态得给html插入内容如果深入理解dom节点树,我们了解html内容其实是以节点树的方式存在,改变内容,就是给节点树添加新的... 查看详情

javascriptdom编程艺术第二版学习(1/4)

---恢复内容开始---接下来项目需要网页相关知识,故在大牛的指引下前来阅读本书。当前水平:HTML&CSS&JS基本掌握,能在阅读文档以及Google查找的情况下完成前端代码编写,但是学习不深,HTML5&CSS3新特性、JS基础&框... 查看详情

javascriptdom编程艺术读书笔记第3章dom-文档对象模型

DOM是一套对文档的内容进行抽象和概念化的方法。(p2)DOM是一种API。简单来说,API就是一组已经得到有关各方共同认可的基本约定。(p4)W3C对DOM的定义是:“一个与系统平台和编程语言无关的接口,程序和脚本可以通过这个... 查看详情

艺术编程-技术之声第十期(代码片段)

艺术编程-技术之声第十期技术未来:1.怎样写出漂亮整洁的代码2.技术大牛的养成指南,成长鸡汤3.小公司的前端应该怎么做4.阿里感悟-怎么判断一个人是否聪明5.美团点评SQL优化工具SQLAdvisor开源6.7大Python深度学习框架哪... 查看详情

javascriptdom编程艺术读书笔记第4章案例研究:javascript图片库

方案:把整个图片库的浏览链接集中安排在图片库主页里,只要在用户点击了这个主页里的某个图片链接时才去加载相应的图片内容。。创建一个链接清单,不需要排序的话,使用无序清单元素(<ul>)来列出那些链接。当... 查看详情

电子书javascriptdom编程艺术.pdf

是Web开发中重要的一门语言,它强大而优美。无论是桌面开发,还是移动应用。都是必须掌握的技术。W3C的DOM标准是开发Web应用的基石。已经得到所有现代浏览器的支持,这使得跨平台Web开发成了一件轻松惬意的事。《DOM编程艺... 查看详情

javascriptdom编程艺术

HTML文档分为元素节点 属性节点 文本节点获得元素节点DOM方法:getElementById getElementsByTagName getElementsByClassName创建元素节点方法:createElement  插入一个节点方法:appendChild获得属性节点的方法:getAttribute ... 查看详情