Java Web 学习之前端技术介绍
jinhucheung opened this issue · comments
HTML
HTML的概念
超文本标记语言（HyperText Markup Language，HTML）是一种用于创建网页的标准标记语言。HTML是一种基础技术，常与CSS，JS一起被众多网站用于设计令人赏心悦目的网页、网页应用程序以及移动应用程序的用户界面。以上摘抄着wiki
我的理解，HTML一种标记语言，不同一般文本(超越233)。Markdown也是标记语言，Markdown的文本会转成HTML或XHTML。
HTML常用标签
- div标签：页面布局 我理解成div~Android.RelativeLayout
- h1~h6, p, span, strong, em等标签： 设置文本格式 （span标签之间有空格）
- ul, li, ol, dl, dt, dd标签：此类标签用于设置带有列表内容的，比如导航栏的下拉菜单，多视频的缩略图等
- form标签：form标签在UI显示上可以理解成div，透明的，用于提交数据
- table标签：表格结构，尽量用div代替
- img, canvas标签：图像容器，但是通常不直接操作，而是在其外层嵌套div，span标签（你问span是什么？span 用来组合元素，没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化。）
- a标签：链接跳转
详细请看~前端工程师手册
HTML低保真图设计
低保真图便于用户了解整个项目的前端设计，快速开发出HTML页面原型图。
使用工具：Axure
CSS
CSS的概念
一种用来为结构化文档（如HTML文档或XML应用）添加样式（字体、间距和颜色等）的计算机语言，由W3C定义和维护。摘自Wiki
我理解成控制html标签的属性
常用CSS属性
- 定位Position: 属性值 relative 相对定位（相对与元素正常显示状态的偏离定位 其正常显示的区域空间仍然占据）
属性值absolute 绝对定位（元素脱离整个文档，相对与最近的已定位祖先元素，可以定位到其任何位置，并显示在最上层，其不占据原本显示的空间）
属性值 fixed 效果与absolute相同 - 元素居中： 布局容器内元素水平居中 容器的text-align:center; 容器内垂直居中容器的line-height=容器的height
- 列表水平： float：left
- 浮动float：可以定位元素 脱离文档流 当元素因为被浮动的元素影响其的布局时，该元素使用clear:both 清除浮动 显示该元素的原本位置
JavaScript
JavaScript的概念
我的理解是前端脚本语言，实现一些用户交互功能，如弹出对话框，修改html、css属性等
JS中构造对象
在JS中可以这样构造对象
funcation Persion(name,age){this.name=name;this.age=age;};
Persion Jack=new Persion("Jack",20);