《HTML+CSS3+JavaScript项目开发》笔记
《HTML+CSS3+JavaScript项目开发》读书笔记
itzyjr
Stay hungry,Stay foolish!
展开
-
第13章-跨平台移动App开发
一、HTML5 Plus规范:HTML5 Plus移动App简称5+App,是一种基于HTML、JavaScript、CSS编写的运行于手机端的App,这种App可以通过扩展的JS API任意调用手机的原生能力,实现与原生App同样强大的功能和性能。通过HTML5开发移动App时,会发现HTML5很多能力不具备。为弥补HTML5能力的不足,在W3C的指导下成立了www.html5plus....原创 2019-08-02 21:02:24 · 216 阅读 · 0 评论 -
第12章-jQuery基础
一、jQuery的由来及简介jQuery是一个快速、简洁的JavaScript库,能够简化阅读HTML文档、处理事件、实现动画以及向网页添加Ajax互动等过程。jQuery改进了编写JavaScript的方式。jQuery作为JavaScript的第三方类库,补充了JavaScript的不足,提供了更多方便的函数供调用者使用。绝大多数网站开发者都会用到第三方类库,这些类库会极大地方便我们的...原创 2019-08-02 20:33:39 · 348 阅读 · 0 评论 -
第11章-本地存储
一、Web Storage在HTML5中,除了引入canvas绘图元素之外,另一个新增的重要特性就是本地存储。HTML5复用Web Storage可以实现在客户端本地保存数据的功能。在HTML5中将使用Web Storage存储机制代替cookies。目前,Safari5+、Chrome、Firefox、Opera以及IE8+都已支持Web Storage。Web Storage的常用属性...原创 2019-08-01 00:04:58 · 175 阅读 · 0 评论 -
第10章-Canvas画布
一、绘制基本图形:HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进,以支持这一点,如video、audio和canvas标签。HTML5还引进了新的功能,可以真正改变用户与文档的交互方式。Safari4+、Chrome、FireFox、Opera以及IE9+都已支持HTML5。1.认识CanvasHTML5的canvas元素是为了客户端矢量图形而设计的。需要注意的是...原创 2019-07-31 23:47:12 · 679 阅读 · 0 评论 -
第9章-DOM文档对象模型
一、认识DOM对象:文档对象模型(Document Object Model,DOM)是W3C组织推荐的处理可扩展标志语言的标准编程接口。HTML DOM是W3C标准,定义了用于HTML的一系列标准的对象,以及访问和处理HTML文档的标准方法。HTML DOM把HTML文档呈现为带有元素、属性和文本的树结构(节点树)。通过DOM,可以访问所有的 HTML元素,连同它们包含的文本和属性。可以...原创 2019-07-30 23:40:59 · 246 阅读 · 0 评论 -
第8章-JavaScript对象
一、内置对象:认识JavaScript内置对象:JavaScript的一个重要特点就是它是一种面向对象的语言。通过基于对象的程序设计,可以更直观、模块化和可重复使用的方式进行程序开发。一组包含数据的属性和对属性中包含的数据进行操作的方法称为对象。例如,要设定网页的背景颜色,针对的对象就是document,所用的属性名是bgcolor。例如,document.bgcolor="blue"...原创 2019-07-30 20:22:16 · 364 阅读 · 0 评论 -
第7章-JavaScript基础
一、JavaScript简介:1.组成部分:完整的JavaScript实现包含3个部分:ECMAScript、文档对象模型(DOM)、浏览器对象模型(BOM)。a.ECMAScript描述了该语言的语法和基本对象。b.文档对象模型描述处理网页内容的方法和接口。c.浏览器对象模型描述与浏览器进行交互的方法和接口。2.基本特点:JavaScript脚本语言具有以下特点:...原创 2019-07-30 14:57:10 · 807 阅读 · 0 评论 -
第6章-CSS3动画
一、Animation动画:Animation即动画,我们能够通过创建Animation动画取代动画图片、Flash动画以及JavaScript。使用CSS3 Animation动画,只需要定义几个关键帧,就可以生成连续的动画。1.定义关键帧:在CSS中,当需要创建动画时,首先要了解@keyframes属性。@keyframes属性规定了动画的关键帧,关键帧定义了元素在各个时间点的...原创 2019-07-29 02:11:25 · 300 阅读 · 0 评论 -
第5章-CSS盒子模型
一、盒子相关属性:盒子模型是实现网页布局的基础,经常会使用内容(content)、内边距(padding)、边框(border)、外边距(margin)等属性。I.内边距与外边距:1.外边距:边距(margin)属性,根据上、下、左、右4个方向可细分为margin-top、margin-bottom、margin-left、margin-right。{margin:1p...原创 2019-07-27 23:05:23 · 693 阅读 · 0 评论 -
第4章-CSS基础
CSS(Cascading Style Sheets)的中文意思是层叠样式表或级联样式表,它的作用是控制页面里每一个元素的表现形式,如字体样式、背景、排列方式、区域尺寸、边框等。使用CSS具有以下3个优势:1.CSS将Web前端代码与HTML页面中负责布局、美化及一些特殊效果的代码分隔开。2.实现了样式重复使用。3.有利于搜索引擎的搜索CSS语句格式:1.内联样式:<...原创 2019-07-26 02:29:01 · 657 阅读 · 0 评论 -
第3章-HTML5新增元素和属性
HTML5废除了很多元素,主要包括:1.可以用CSS代替的元素big、center、font、strike、basefont、s、tt、u等元素,它们均是纯粹地定义显示效果的元素,而在HTML5中,提倡把定义显示效果的代码统一放在CSS样式表中,因此以上元素在HTML5中不再使用,而是使用CSS样式替代。2.frame、frameset她noframes由于frame框架对网页可用...原创 2019-07-23 15:06:29 · 453 阅读 · 0 评论 -
第2章-HTML基础
中文乱码问题:<meta charset="utf-8">告诉浏览器以UTF-8字符集显示文字,保存的时候也需要把文件保存为UTF-8格式,否则如果文档中声明的字符集与保存的不一致,就会产生乱码。浏览器总是会截短HTML页面中的空格,如果文本中有多个连续空格,只会保留1个,换行、缩进也是只保留1个空格。在HTML中,某些字符是预留的。如果希望正确地显示预留字符,必须在HTML源...原创 2019-07-21 17:37:33 · 205 阅读 · 0 评论