qq_75073393的博客

准备引入Vue模块(官方提供)创建Vue程序的应用实例，控制视图的元素准备元素(div)，被Vue控制- 数据驱动视图准备数据通过插值表达式渲染页面。

DOM(Document Object Model--文档对象模型)是用来呈现以及与任意 HTML或 XML文档交互的API。白话文:DOM是浏览器提供的一套专门用来 操作网页内容 的功能DOM作用：开发网页内容特效和实现用户交互标准属性:标签天生自带的属性 比如classid title等,可以直接使用点语法操作比如: disabled、checked、selected自定义属性:- 在html5中推出来了专门的data-自定义属性- 在标签上一律以data-开头。

目标:掌握对象语法，用它保存多个数据1.对象声明语法let 对象名 = {}let 对象名 = new 0bject()对象本质是无序的数据集合，操作数据无非就是 增 删 改 查 语法:属性-查声明对象，并添加了若干属性后，可以使用.获得对象中属性对应的值，我称之为属性访问。语法:对象名.属性简单理解就是获得对象里面的属性值。属性-改语法:对象名.属性=新值增：对象添加新的数据对象名.新属性名=新值属性-删(了解)语法:delete 对象名.属性。

return 后面代码不会再被执行，会立即结束当前函数，所以return 后面的数据不要换行写。return函数可以没有 return，这种情况函数默认返回值为undefined。在函数体中使用 return 关键字能将内部的执行结果交给函数外部使用。没有名字的函数，无法直接使用。命名建议:常用动词约定。和变量命名基本一致>

【代码】JS基础综合案例之渲染柱形图。

比较结果为boolean类型，即只会得到true 或false。开发中判断是否相等，强烈推荐使用 ======:左右两边是否类型和值都相等。==: 左右两边是否不全等。>=:左边是否大于或等于右边。<=:左边是否小于或等于右边。==:左右两边值是否相等。<:左边是否小于右边C。>:左边是否大于右边。

要想使用变量，首先需要创建变量(也称为声明变量或者定义变量)let 变量名声明变量有两部分构成:声明关键字、变量名(标识)let 即关键字(let: 允许、许可、让、要)，所谓关键字是系统提供的专门用来声明(定义)变量的词语let age我们声明了一个age变量age 即变量的名称，也叫标识符。

目标:能写出常见JavaScript输入输出语法输出和输入也可理解为人和计算机的交互，用户通过键盘、鼠标等向计算机输入信息，计算机处理后再展示结果给用户这便是一次输入和输出的过程。作用:显示一个对话框，对话框中包含一条文字信息，用来提示用户输入文字。注意:如果输出的内容写的是标签，也会被解析成网页元素。document.write('要出的内容')作用:控制台输出语法，程序员调试使用。prompt('请输入您的姓名:)alert('要出的内容')作用:向body内输出内容。作用:页面弹出警告对话框。

媒体查询(MediaQuery)是CSS3新语法- 使用 @media查询，可以针对不同的媒体类型定义不同的样式- @media 可以针对不同的屏幕尺寸设置不同的样式- 当你重置浏览器大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面- 目前针对很多苹果手机、Android手机，平板等设备都用得到多媒体查询。

背景渐变必须添加浏览器私有前缀起始方向可以是:方位名词 或者 度数 ，如果省略默认就是 top。

数值越小，排列越靠前，默认为0.注意:和 z-index不一样。

以上效果，标准流或浮动都无法快速实现，此时需要定位来实现。所以:1.浮动可以让多个块级盒子一行没有缝隙排列显示，经常用于横向排列盒子。2.定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置，并且可以压住其他盒子。

三维坐标系其实就是指立体空间，立体空间是由3个轴共同组成的。x轴:水平向右注意:x右边是正值，左边是负值y轴:垂直向下注意:y下面是正值，上面是负值z轴:垂直屏幕注意:往外面是正值，往里面是负值。

制作动画分为两步1.先定义动画2、再使用(调用)动画1.用keyframes定义动画(类似定义类选择器)

转换(transform)是CS53中具有颠覆性的特征之一，可以实现元素的位移、旋转、缩放等效果转换(lranslorm)你可以简单理解为变形。- transformm:scale(2):只写一个参数,第二个参数则和第一个参数一样，相当于 scale(2.2)- translate中的百分比单位是相对于自身元素的translate:(50%,50%);- sacle缩放最大的优势:可以设置转换中心点缩放，默认以中心点缩放的，而且不影响其他盘子。- xy默认转换的中心点是元聚的中心点(50%50%6)

header>:头部标签:导航标签;内容标签:定义文档某个区域:侧边栏标签:尾部标签。

1.TureType(.ttf)格式,.ttf字体是Windows和Mac的最常见的字体，支持这种字体的浏览器有IE9+、Firefox3.5+.Chrome4+、Safari3+、Opera10+、iOS Mobile、Safari4.2+;SVG(.svg)格式.svg字体是基于SVG字体渲染的一种格式，支持这种字体的浏览器有Chrome4+、Safari3.1+.不同浏览器所支持的字体格式是不一样的,字体图标之所以兼容,就是因为包含了主流浏览器支持的字体文件。精灵图是有诸多优点的，但是缺点很明显。

【代码】HTML+CSS综合案例之学成在线。

CSS 有三个非常重要的三个特性:层圣性、继承性、优先级。

a {a:hover {手机 电话卡

CSS 是层叠样式表(CascadingStyleSheets)的简称.有时我们也会称之为 CSS 样式表或级联样式表,CSS 是也是一种标记语言CSS 主要用于设置HTML 页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式边距等)以及版面的布局和外观显示样式。

标签用于定义描述列表(或定义列表)，该标签会与(定义项目/名字)和(描述每一个项目/名字)一起使用。名词1名词1解径1名词1解释21.和。2.和个数没有限制，经常是一个对应多个关注我们新浪微博

HTML 指的是超文本标记语言(HyperText Markup Language)，它是用来描述网页的一种语言。HTML不是一种编程语言，而是一种标记语言(markuplanguage)。标记语言是一套标记标签(markup tag)。所谓超文本，有2 层含义:1.它可以加入图片、声音、动画、多媒体等内容(超越了文本限制)。2.它还可以从一个文件跳转到另一个文件，与世界各地主机的文件连接(超级链接文本)。