Web前端学习
HTML重点:表格、超链接、表单
CSS重点:三种方式、选择器
独饮敌敌畏丶
做自己该做的事,并接收它的事与愿违!
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Web从小白到大神Day15 2020.10.20
一.JSON 1.什么是JSON?有什么用? JavaScript Object Notation(对象标记),是一种标准的轻量级的数据交换格式,在JS中以JS对象的形式存在。 JSON最主要的作用是进行数据交换:它是一种标准的数据交换格式(目前非常流行,90%以上的系统,系统A与系统B交换数据的话,都是采用JSON) 2.特点:体积小,易解析 3.XML和JSON 在实际的开发中有两种数据交换格式使用最多,其一是JSON,另一个是XML ①XML体积较大,解析麻烦,但是语法相当严谨(通常银行相关的系统之原创 2020-10-20 11:33:02 · 192 阅读 · 0 评论 -
Web从小白到大神Day14 2020.10.19
一.复选框的全选和取消全选 <!DOCTYPE html> <html> <head> <title>复选框的全选和取消全选</title> </head> <body> <script type="text/javascript"> window.onload=function(){ //获取全选框 var checkAll = document.getElem原创 2020-10-19 11:42:31 · 163 阅读 · 0 评论 -
Web从小白到大神Day13 2020.10.18
一.字符串的trim函数 <!DOCTYPE html> <html> <head> <title>字符串的trim()方法</title> </head> <body> <script type="text/javascript"> //低版本的IE浏览器不支持字符串的trim()函数,怎么办? //可以自己对String类扩展一个全新的trim()函数 String原创 2020-10-18 17:27:52 · 187 阅读 · 0 评论 -
Web从小白到大神Day12 2020.10.17
一.DOM和BOM介绍 1.JavaScript包括三大块: ①ECMAScript:JS的核心语法。(ES规范/ECMA-262标准) ②DOM:Document Object Model(文档对象模型,对网页当中的节点进行增删改的过程)HTML文档被当作一棵DOM树来看待。 ③BOM:Browser Object Model(浏览器对象模型) 比如关闭浏览器窗口,打开一个新的浏览器窗口,后退、前进、浏览器地址栏上的地址等,都是BOM编程 2.BOM和DOM的区别和联系 BOM的顶级对象是window D原创 2020-10-17 10:15:47 · 176 阅读 · 0 评论 -
Web从小白到大神Day11 2020.10.16
一.JS捕捉回车和Esc事件 <!DOCTYPE html> <html> <head> <title>捕捉回车键</title> </head> <body> <input type="text" id="myText"/> <script type="text/javascript"> window.onload=function(){ function原创 2020-10-16 11:39:43 · 143 阅读 · 0 评论 -
Web从小白到大神Day10 2020.10.15
一.JS数据类型之Object类型 <!DOCTYPE html> <html> <head> <title>Object类型</title> </head> <body> <!--1.Object类型是所有类型的超类,自定义的任何类型,默认继承Object 2.Object类只需要掌握prototype属性即可 3.自己定义的类默认继承Object,所以自己定义的类中也有prototy原创 2020-10-15 09:25:49 · 141 阅读 · 0 评论 -
Web从小白到大神Day09 2020.10.14
ES6版本之前的数据类型有6种,ES6版本及之后包括的数据类型有7种 一.JS数据类型之Undefined <!DOCTYPE html> <html> <head> <title>Undefined类型</title> </head> <body> <!--Undefined类型只有一个值,这个值就是undefined 当一个变量没有手动赋值,系统默认赋值undefined原创 2020-10-14 20:45:11 · 138 阅读 · 0 评论 -
Web从小白到大神Day08 2020.10.13
一.JS函数初步1 <!DOCTYPE html> <html> <head> <title>JS函数初步1</title> </head> <body> <!-- 语法格式 function 函数名(形式参数列表){ 函数体 } 或者 函数名=function(形式参数列表){ 函数体; } --> <script原创 2020-10-13 15:13:22 · 148 阅读 · 0 评论 -
Web从小白到大神Day07 2020.10.12
一.JavaScript介绍 1.定义 JavaScript是运行在浏览器上的脚本语言,简称JS。 2.作用 JavaScript是网景公司(NetScape)的布兰登艾奇(JavaScript之父)开发的,最初叫做LiveScript。LiveScript的出现让浏览器更加的生动了,不再是单纯的静态页面了,使得页面更具有交互性。 3.背景介绍 ①在历史的某个阶段,SUN公司和网景公司他们之间有合作关系,SUN公司把LiveScript的名字修改为JavaScript(和Java没有任何关系,只是语法上有点原创 2020-10-12 11:34:50 · 232 阅读 · 0 评论 -
Web从小白到大神Day06 2020.10.10
1.什么是CSS? CSS(Cascading Style Sheet):层叠样式表语言。 2.CSS的作用? 修饰HTML页面,设置HTML页面中的某些元素的样式,让HTML页面更好看。 CSS好比是HTML的化妆品一样。 HTML还是主体,CSS依赖HTML。CSS的存在就是修饰HTML,所以新建的文件还是xx.html文件 3.在HTML页面中嵌套使用CSS的三种方式? ①在标签内部使用style属性来设置元素的CSS样式,这种方式称为内联定义方式。 语法格式: <标签 style="样式名:样原创 2020-10-10 20:07:59 · 164 阅读 · 0 评论 -
Web从小白到大神Day05 2020.10.10
1.id <!DOCTYPE html> <html> <head> <title>id</title> </head> <body> <!-- 1.在HTML文档当中,任何元素(节点)都有id属性,id属性是该节点的唯一标识。所以在同一个HTML文档当中id值不能重复(注意表单提交数据的时候只和name有关系,和id无关)。 2.id是为了让我们更方便的获取这个元素或节点。我们后面要学的Java原创 2020-10-10 10:56:47 · 133 阅读 · 0 评论 -
Web从小白到大神Day04 2020.10.9
表单 1.表单有什么用处? 收集用户信息,表单展现之后,用户填写表单,点击提交按钮提交数据给服务器 2.使用 使用form标签画表单。 表单最终是需要提交数据给服务器的,form标签有一个action属性,这个属性用来指定服务器地址。和超链接中的href属性一样,都可以向服务器发送请求(request) 3.使用示例1.0 <form action="http://191.222.222.2:8080/a/a"> <!--画一个提交按钮,这个按钮可以提交表单--> <原创 2020-10-09 10:57:31 · 187 阅读 · 0 评论 -
Web从小白到大神Day03 2020.10.8
1.背景色和背景图片 <!DOCTYPE html> <html> <head> <!--告诉浏览器采用哪一种字符编码方式打开当前文件,并不是设置当前页面的字符编码方式,一般来说文件是什么编码,这里就写什么编码--> <meta charset="utf-8"> <title>背景颜色和背景图片</title> </head> <body bgcolor="red" background=原创 2020-10-08 10:08:34 · 175 阅读 · 0 评论 -
Web从小白到大神Day02 2020.10.7
1.我的第一个HTML程序 <!--注释,加上以下代码的第一行就表示HTML5语法,去掉就表示HTML4.0--> <!doctype html> <!--根--> <html> <!--头--> <head> <!--网页的标题--> <title>标题</title> </head> <!--体--> <body&g原创 2020-10-08 09:08:36 · 127 阅读 · 0 评论 -
Web从小白到大神Day01 2020.10.6
一.了解系统架构 1.B/S架构(也是我以后走的方向) Browser/Server(浏览器/服务器的交互形式) ① Browser支持:HTML CSS JavaScript 写HTML CSS JavaScript的这伙人,职位就是WEB前端开发工程师 ② Server支持的语言有很多:c c++ Java python等等(我们主要是用Java来完成服务器端的开发) ③B/S架构的优点:升级方便:只需要升级服务器端的代码即可。维护成本低 缺点:速度慢、体验不好,界面不炫酷 但是企业内部的解决方案基本原创 2020-10-06 18:15:57 · 260 阅读 · 0 评论
分享