坚持:学习Java后台的第一阶段,我学习了那些知识

最近的计划是业余时间学习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后台的开发 ,我也要加快 脚步了!


终端研发部
一条执着于技术+职场经验之路,从人工智能,Android,FFmpeg音视频解码,前端开发及微信小程序,同时覆...
1.2k 声望
74 粉丝
0 条评论
推荐阅读
Github重磅教程!从0到1,边学边实战!
据我所知,刚开始入门编程的都止步开始和选择,可选的很多,java,Python,前端,golang等等,如果没有好的选择可以和于小二来说话。如果没有什么好的选择,我建议你去学习java吧

爱编码的coder阅读 1.1k

封面图
Spring事务传播行为详解
Spring在TransactionDefinition接口中规定了7种类型的事务传播行为。事务传播行为是Spring框架独有的事务增强特性,他不属于的事务实际提供方数据库行为。这是Spring为我们提供的强大的工具箱,使用事务传播行可...

JerryTse242阅读 122.7k评论 97

正则表达式实例
收集在业务中经常使用的正则表达式实例,方便以后进行查找,减少工作量。常用正则表达式实例1. 校验基本日期格式 {代码...} {代码...} 2. 校验密码强度密码的强度必须是包含大小写字母和数字的组合,不能使用特殊...

寒青56阅读 8.4k评论 11

JavaScript有用的代码片段和trick
平时工作过程中可以用到的实用代码集棉。判断对象否为空 {代码...} 浮点数取整 {代码...} 注意:前三种方法只适用于32个位整数,对于负数的处理上和Math.floor是不同的。 {代码...} 生成6位数字验证码 {代码...} ...

jenemy48阅读 7k评论 12

从零搭建 Node.js 企业级 Web 服务器(十五):总结与展望
总结截止到本章 “从零搭建 Node.js 企业级 Web 服务器” 主题共计 16 章内容就更新完毕了,回顾第零章曾写道:搭建一个 Node.js 企业级 Web 服务器并非难事,只是必须做好几个关键事项这几件必须做好的关键事项就...

乌柏木75阅读 7.1k评论 16

再也不学AJAX了!(二)使用AJAX ① XMLHttpRequest
「再也不学 AJAX 了」是一个以 AJAX 为主题的系列文章,希望读者通过阅读本系列文章,能够对 AJAX 技术有更加深入的认识和理解,从此能够再也不用专门学习 AJAX。本篇文章为该系列的第二篇,最近更新于 2023 年 1...

libinfs42阅读 6.8k评论 12

封面图
从零搭建 Node.js 企业级 Web 服务器(一):接口与分层
分层规范从本章起,正式进入企业级 Web 服务器核心内容。通常,一块完整的业务逻辑是由视图层、控制层、服务层、模型层共同定义与实现的,如下图:从上至下,抽象层次逐渐加深。从下至上,业务细节逐渐清晰。视图...

乌柏木45阅读 8.5k评论 6

1.2k 声望
74 粉丝
宣传栏