一、知识点
(一)html与css
1、相关介绍及作用:
- html
- css
2、一些常用的html标签及表单元素
- 文本标签:
- 超链接和图片标签:
- 表格标签:
- input表单元素:
了解更多更详细的标签,参考:
https://www.runoob.com/html/html-tutorial.html
3、css
- css的三种使用方式
详细使用参考:
https://www.runoob.com/html/html-css.html
- css的选择器
css的选择器种类很多,详细参考博客:
https://blog.csdn.net/weixin_62255399/article/details/126030848
(二)js(JavaScript)
1、简介
JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数式编程范式。
2、js常用知识点
3、数组
- 创建数组:
创建数组的几种方式:
let arr1 = new Array(); //创建一个空数组
let arr2 = new Array(20); // 创建一个包含20项的数组
let arr3 = new Array(“lily”,“lucy”,“Tom”); // 创建一个包含3个字符串的数组
let arr4 = []; //创建一个空数组
let arr5 = [20]; // 创建一个包含1项的数组
let arr6 = [“lily”,“lucy”,“Tom”]; // 创建一个包含3个字符串的数组
- 数组的一些常用方法:
4、自定义对象创建方式
new Object
自定义构造器函数
json格式的对象 :{key:value, key1:value1} , key-string , value-任意数据类型
(三)jquery框架
1、简介
jQuery是一个快速、简洁的JavaScript框架。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
2、 vscode下载jquery框架
- 右键文件夹,选择Open in Integr…打开终端
- 在终端中输入 npm init -y
- 再输入npm i jquery -S
- 下载成功
3、jquery APi文档
https://jquery.cuishifeng.cn/index.html
二、总结
在完成java高级的学习后,我们花了两周左右的时间完成了对前端的一个基础习,我们主要学习了三个部分的内容:html与css、js(JavaScript)、jquery框架。经过两周时间的学习,我发现前端确实比java要简单得多,但是学习的内容并不比java少,前面我总结的一些知识点只是其中部分比较常用的,所以要想对这两周学习的内容熟练掌握还是的花时间多写写代码。