近来的设计是业余时间进修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/ht…
BootStrap的中文网
http://www.bootcss.com
自身自身是做android开辟的,至于为何要进修java,一方面android是依赖于Java开辟的,自身自身的Java基础也不差,假如进修了这方面今后找工作很定会加分的,说白了主假如因为照样穷,哈哈哈~,总之多进修java照样有优点的。
Java并发口试,幸而有点道行,不然又被忽悠了,特别是在口试的时刻,线程池和并发题目是非常重要的,上面是之前遇到过的一个关于并发线程池的题目。
总结
现在web前端须要进修的东西还许多,这里只是冰山一角,因为精神题目,这里我就不逐一列出的, 这里我只进修了两天,现在完全能应对平通的界面开辟,有时间照样须要进修的。为了疾速进入web背景的开辟 ,我也要加速 脚步了!