最近的计划是业余时间学习Java后台方面的知识，发现学习的过程中，要学的东西真多啊，让我一下子感觉很遥远。但是还好我制定了计划，自己选择的路，跪着也要走完！关于计划是《终于，我还是下决心学Java后台了》。关于第一阶段，我这边分享一下自己的总结和笔记~
第一的阶段主要是Web前端的界面，因为自己有前端h5和js的基础，再加上之前开发过小程序，这次学习起来也是如鱼得水。
HTML+CSS:
HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、
JavaScript基础：
Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、BOM、定时器和焦点图。
JS基本特效：
常见特效、例如：tab、导航、整页滚动、轮播图、JS制作幻灯片、弹出层、手风琴菜单、瀑布流布局、滚动事件、滚差视图。
JQuery：基础使用
悬着器、DOM操作、特效和动画、方法链、拖拽、变形、JQueryUI组件基本使用。
bootstrap的了解和应用
具体小结
html
1、概述
HTML: Hyper Text Markup Language 超文本标记语言
超文本: 比普通文本功能更加强大,可以添加各种样式
标记语言: 通过一组标签.来对内容进行描述. <关键字> , 是由浏览器来解释执行
2、html文件主要包含两部分. 头部分和体部分
头部分 : 主要是用来放置一些页面信息
体部分 : 主要来放置我们的HTML页面内容
3.HTML语法
b : 加粗
i : 斜体
strong: 加粗, 带语义标签
em: 斜体, 带语义
img 标签:
常用的属性;
width : 宽度
height: 高度
src : 指定文件路径
alt: 图片加载失败时的提示内容
列表标签:
无序列表: ul
type: 小圆圈,小圆点, 小方块
有序列表: ol
type: 1,a ,A,I,
start : 指定是起始索引
点击链接,跳转去指定网站
a 超链接标签
常用的属性:
href: 指定要跳转去的链接地址
如果是网络地址需要加上http协议 ,
如果访问的是本网站的html文件,可以直接写文件路径
arget : 以什么方式打开
_self: 默认打开方式,在当前窗口打开
_blank: 新起一个标签页打开页面
- 字体标签 font
- color: 颜色
- size: 大小 1~7
- face: 改变字体
- p 段落标签
- h标题标签 : 1~6
- br 换行
- hr 水平线
- b 加粗
- i 斜体
- strong : 加粗 包含语义
- em : 斜体 包含语义
- 网站图片案例
- img标签
- src : 指定图片的路径
- width: 宽度
- height: 高度
- alt : 图片加载错误时的提示信息
- 相对路径:
- ./ 代表的是当前路径
- ../ 代表的上一级路径
- ../../ 代表的上上一级路径
- 友情链接:
- ul: 无序列表
- type :
- ol: 有序列表
- type : 样式
- start : 起始索引
- li : 列表项
- a 超链接标签
- href : 要访问的链接地址
- target : 打开方式
- table标签
- border: 指定边框
- width : 宽度
- height : 高度
- bgcolor : 背景颜色
- align : 对齐方式
- tr标签
- td标签
- colspan: 跨列操作
- rowspan: 跨行操作
- 表格单元格的合并
- 表格的嵌套
注意: 跨行或者跨列操作之后,被占掉的格子需要删除掉什么是javascript: JavaScript一种直译式脚本语言，
什么是脚本语言?
java源代码 ----> 编译成.class文件 -----> java虚拟机中才能执行
脚本语言: 源码 -------- > 解释执行
js由我们的浏览器来解释执行
HTML: 决定了页面的框架
CSS: 用来美化我们的页面
JS: 提供用户的交互的
JS的组成:
ECMAScript : 核心部分 ,定义js的语法规范
DOM: document Object Model 文档对象模型 , 主要是用来管理页面的
BOM : Browser Object Model 浏览器对象模型, 前进,后退,页面刷新, 地址栏, 历史记录, 屏幕宽高
JS的语法:
变量弱类型: var i = true
区分大小写
语句结束之后的分号 ,可以有,也可以没有
写在script标签
- 基本类型
- string
- number
- boolean
- undefine
- null
- 引用类型
- 对象, 内置对象
- 类型转换
- js内部自动转换
- 运算符和java 一样
- "===" 全等号: 值和类型都必须相等
- == 值相等就可以了
- 语句和java 一样
- alert() 直接弹框
- document.write() 向页面输出
- console.log() 向控制台输出
- innerHTML: 向页面输出BootStrap
- bootstrap: Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架，用于开发响应式布局、移动设备优先的 WEB 项目。
- 全局CSS样式: css样式
- 栅格系统:
- 将屏幕划分成12个格子,12列
- class='row' 当前是行
- 行里面放的是列 col-屏幕分辨率-数字 (每一种分辨率后的数字总和必须是等于12,如果超过12,另起一行)
- col-lg-数字: 在超宽屏幕上使用
- col-md-数字: 在中等屏幕上,PC电脑
- col-sm-数字: 在平板电脑上
- col-xs-数字: 在手机上
- 组件: 导航条 , 进度条, 字体
- javascript插件 : 轮播图学会文档，走遍天下
Html和CSS的学习文档
http://www.w3school.com.cn/html/index.aspBootStrap的中文网
http://www.bootcss.com
自己本身是做android开发的，至于为什么要学习java,一方面android是依赖于Java开发的，本身自己的Java基础也不差，如果学习了这方面以后找工作很定会加分的，说白了主要是因为还是穷，哈哈哈~，总之多学习java还是有好处的。
Java并发面试，幸亏有点道行，不然又被忽悠了，特别是在面试的时候，线程池和并发问题是非常重要的，上面是之前遇到过的一个关于并发线程池的问题。
总结
目前web前端需要学习的东西还很多，这里只是冰山一角，由于精力问题，这里我就不一一列出的， 这里我只学习了两天，目前完全能应对平通的界面开发，有时间还是需要学习的。为了快速进入web后台的开发 ，我也要加快 脚步了！