前端--html/CSS/JavaScript/jQuery
做网页界面
放纵fly
这个作者很懒,什么都没留下…
展开
-
1.前端之HTTP协议
HTTP协议概念,HTTP四大特性 浏览器对服务器请求格式,服务器对浏览器响应格式 浏览器访问py服务器案例1.HTTP协议基本概念: 超文本传输协议 用来规定服务端和浏览器之间的数据交互的格式 要用浏览器当客户端时就要遵守http协议2.HTTP四大特性 (1)基于请求响应 (2)基于7CP/IP作用于应用层之上的协议 (3)无状态即不保存用户的信息 (4)无/短链接 请求来一次响应一次之后两端就没有任何链接和关系了 .原创 2021-11-11 23:32:18 · 424 阅读 · 0 评论 -
2.前端html之常用标签
标签分类,head/boday内基本标签 特殊符号,id(锚点)与class标记方式 常用标签1.引入 (1)标签分类 a.单双: 双标签:<h1></h1>,<a href=""></a> 单标签:<img src="" alt="" b.占位: 块儿级标签:独占一行(块) h1-h6,p div.原创 2021-11-11 23:51:58 · 998 阅读 · 0 评论 -
3.前端html之表格标签与表单标签
目录1.表格标签2.表单标签(form数据提交,input-type等,select)1.表格标签1.作用:表格标签顾名思义用于存放表格信息2.属性要点:colspan="" 水平方向占多行 rowspan="" 垂直方向占多行 border="" 表格外边框3.格式: <table border="1"> <thead> 头字段 <tr> .原创 2021-11-13 15:00:02 · 291 阅读 · 0 评论 -
4.前端CSS之选择器
1.CSS书写格式,CSS引入方式1.css的语法结构 选择器 { 属性1:值1; 属性2:值2; 属性3:值3; 属性4:值4; }2css的三种引入方式 1.style标签内部直接书写(head内,调试阶段) <style> hi{ color: yellow; } </st....原创 2021-11-13 16:29:28 · 345 阅读 · 0 评论 -
5.前端CSS之基本属性(长宽,字体,文体,背景图片,阴影,border画圆,display)
1.块儿标签长宽 height,width 块儿标签可以设置长宽,设置长宽后依然独占一行 h1-h6,p,div 行内标签无法设置长宽 写了 也不会生效 i,u,s,b span2.字体 样式:font-family:"微软雅黑"; 大小:font-size: 26px; 通常12,14,16,38,48 深浅:font-weight: bolder; 加粗.原创 2021-11-15 20:24:45 · 567 阅读 · 0 评论 -
6.前端CSS之布局属性(盒子,float,overflow,opsition,z-index,opacity)
目录1. 盒子模型(margin,padding)2.浮动(float)3.溢出属性(overflow)4. 定位(position)【relative,absolute,fixed】5.z-index模态框6.opacity透明度1. 盒子模型(margin,padding)1.盒子模型(margin,padding) (1)概念 margin: 外边距,标签与标签之间的距离 或 标签与浏览器边缘距离 border: .原创 2021-11-15 21:10:27 · 339 阅读 · 0 评论 -
7.前端JavaScript之入门(引入方式,语法结构,变量,常量)
JavaScript引入方式语法结构定义变量定义常量原创 2021-11-16 22:59:21 · 401 阅读 · 0 评论 -
8.前端JavaScript之数据类型
1.数值类型(number)2.字符类型(string)3.布尔值(boolean)4.null与undefined5.数组(object)6.自定义对象(object)【{}】7.内置对象(object)【日期,json,RegExp,math】原创 2021-11-17 00:06:14 · 436 阅读 · 0 评论 -
9.前端JavaScript之运算符&流程控制
目录1.运算符2.流程控制1.运算符1.算术运算符(++表示自增1 类似于python +=1) var x = 10; var res1 = x++; //++在后面,先赋值再自增 var res2 = ++x; //++在前面,先自增再赋值 res1 10 res2 122.比较运算符 1 == '1' // 弱等于 内部自动转换成相同的数据类型比较了 true 1 === '1'原创 2021-11-17 17:48:38 · 483 阅读 · 0 评论 -
10.前端JavaScript之【函数】&【全局变量与局部变量】
目录1.函数2.函数的全局变量与局部变量1.函数1.定义 (1)在python定义函数需要用到关键字def 在js中定义函数需要用到关键字function (2)格式:function 函数名(形参1,形参2,形参3...){函数体代码}2.无参函数 function func1(){ // 定义 console.log('hello world') } func原创 2021-11-17 19:03:08 · 716 阅读 · 0 评论 -
11.前端JavaScript之【BOM操作】&【DOM操作】
目录1.BOM与DOM操作基本概念2.BOM操作 (window对象,window子对象,弹出框,计算器)3.DOM操作(查标签,操作标签,操作class与css,获取值)1.BOM与DOM操作基本概念1.BOM: 浏览器对象模型 Browser Object Model js代码操作浏览器2.DOM: 文档对象模型 Document Object Model js代码操作标签2.BOM操作 (windo..原创 2021-11-18 16:35:18 · 1335 阅读 · 0 评论 -
12.前端JavaScript之原生js事件【DOM事件】
目录1.事件绑定两种方式2.DOM常用对象及其模型1.开关灯模型(两个状态转变)2.input框获取焦点失去焦点模型(输入提示信息)3.实时展示当前时间模型(控制时钟)4.省市联动模型(多级输入框)1.事件绑定两种方式1.通过id与Dom操作绑定 <button id="d1">点击警告python</button> // 设置id <script> let btnEle .原创 2021-11-18 17:26:37 · 2465 阅读 · 0 评论 -
13.前端jQuery之【入门要点】【选择器】【筛选器】
1.jQuery基本要点2.jQuery选择器3.jQuery筛选器原创 2021-11-25 19:18:03 · 678 阅读 · 0 评论 -
14.前端jQuery之操作标签
1.操作选择器类class2.操作样式css3.操作属性4.获取数据操作5.操作标签的位置6.文档处理原创 2021-11-28 14:33:18 · 993 阅读 · 0 评论 -
15.前端jQuery之【jQuery事件】
1.引入jQuery事件方法(绑定id)2.常用jQuery事件3.常用jQuery模型原创 2021-11-28 16:11:30 · 1291 阅读 · 0 评论 -
16.前端jQuery之【阻止/委托事件】【页面加载,动态属性】【each与data】
1.jQuery阻止事件2.jQuery事件委托3.页面加载问题4.jQuery动态属性5.jQuery的each与data方法原创 2021-11-28 18:51:02 · 866 阅读 · 0 评论