HTML 前端开发学习
文章平均质量分 79
世界的隐喻
我是个在黑暗中大雪纷飞的人啊
展开
-
HTML 前端学习(8)—— JQauery简介及事件
JQuery简介JQuery 介绍内部封装了原生的 JS 代码能够写更少的代码,完成 JS 操作类似于 python 中的 模块,在前端中模块不叫模块,叫 ”类库“兼容多个浏览器,不需要考虑兼容问题宗旨:write less do morepython 导入模块发生了几件事? 导入模块需要消耗资源JQuery 在使用时也需要导入,但文件非常小,基本不影响JQuery 导入两种导入方式在官网将 JQuery 文件下载到本地,并且导入 直接引入 JQuery 提供原创 2022-05-18 23:39:50 · 243 阅读 · 0 评论 -
HTML 前端学习(8)—— JavaScript 学习之 DOM 操作
HTML 前端学习(8)—— JavaScript 学习之 DOM 操作DOM 简单介绍查找标签命名规范直接查找间接查找节点操作,创建标签img 标签a 标签innerText 和 innerHTML 的区别获取值操作class 操作CSS 操作事件两种绑定方式第一种第二种开关灯案例input 框获取、失去焦点实时展示当地时间省市联动DOM 简单介绍DOM 文档对象模型 Document Object Model JS 代码操作标签DOM 树的概念所有的标签都可以称之为是节原创 2022-05-01 16:27:58 · 1165 阅读 · 2 评论 -
HTML 前端学习(7)—— JavaScript 学习之 BOM 操作
JavaScript 学习之 BOM 操作BOM 操作简介当前页面操作当前页面高度和宽度打开网站关闭当前页面window 子对象history 对象location 对象弹框警告框确认框提示框计时器相关过几秒触发每过一段时间循环触发BOM 操作简介BOM 操作 浏览器对象模型 Browser Object Model 利用 JS 代码操作浏览器当前页面操作当前页面高度和宽度window.innerWidth; // 982window.innerHeight; // 72原创 2022-04-30 13:34:39 · 680 阅读 · 0 评论 -
HTML 前端学习(6)——JavaScript 学习(1)
HTML 前端学习(6)——JS 学习(1)JS 简单介绍JS 注释单行注释多行注释JS 引入方式JS 代码结构JS 变量定义变量变量命名规范JS 中常量JS 书写位置JS 数值类型数值类型(number)类型转换注意字符串类型字符串拼接字符串中常用方法布尔值null 和 undefined 的区别对象数组数组常见方法自定义对象字典形式关键词声明其他 JS 内部对象Date 对象JSON 对象比较运算符逻辑运算符赋值运算符运算符流程控制if 判断for 循环while 循环switch 语句三元运算符函数无原创 2022-04-28 21:33:12 · 1713 阅读 · 0 评论 -
HTML 前端学习(5)—— 静态简易博客页面搭建
HTML 前端学习(5)—— 静态简易博客页面搭建HTML 代码CSS 代码演示结果HTML 代码<!DOCTYPE html><html lang="en"><head> <meta charset="gbk"> <title>博客页面搭建</title> <link rel="stylesheet" href="08-博客页面搭建.css"></head><body&原创 2022-04-20 12:00:13 · 1223 阅读 · 0 评论 -
HTML 前端学习(4)—— CSS 属性相关
HTML 前端学习(4)—— CSS 属性相关设置长宽块级标签设置长宽行内标签设置长宽代码演示设置长宽块级标签设置长宽'''块级标签的宽度默认占浏览器一整行,默认情况下,块级标签的高度由标签内容决定,但可以利用 CSS 样式调整块级标签的高度和宽度''' <head> <style> .d1 { background: red; } .d2 {原创 2022-04-20 11:49:34 · 1130 阅读 · 0 评论 -
HTML 前端学习(3)—— CSS 选择器
HTML 前端学习(3)—— CSS 选择器CSS 注释CSS 语法结构二级目录三级目录CSS 注释/*单行注释*//* 多行注释 多行注释 多行注释 ... */通常我们在写 CSS 样式的时候也会用注释来划定样式区域(因为 HTML 代码多所以对应的CSS代码会很多) /* 这是首页的 CSS 样式文件 */ /*顶部导航栏样式*/ ... /*左侧菜单栏注释*/ ...原创 2022-04-19 19:18:49 · 214 阅读 · 0 评论 -
HTML 前端学习(2)—— 表格、表单标签
HTML 前端学习(2)—— 表格、表单标签表格标签表单标签form 标签和 label 标签input 标签介绍select 标签介绍textarea 标签介绍表单标签其他内容代码演示表格标签 <table border="2"> <!-- border 相当于表格显现框架线 --> <thead> <!--相当于表头--> <tr> <!--分行--> &l原创 2022-04-10 11:51:34 · 776 阅读 · 0 评论 -
HTML 前端学习(1)—— 初识HTML
HTML 前端学习(1)—— 初识HTML浏览器输入网址回车后发生了几件事?1. 浏览器朝服务端发送请求2. 服务端接收请求(eg:请求百度首页)3. 服务端返回相应的响应(eg:返回一个百度首页)4. 浏览器接收响应,根据特定的规则渲染页面展示给用户看如何做到浏览器能和多个客户端之间进行数据交互1. 浏览器可以自动识别不同服务端做出不同的处理2. 制定一个统一的标准,即 HTTP 协议HTTP协议超文本传输协议1. 用来规定服务端和浏览器之间的数据交互格式2. 该协议可以不遵循原创 2022-04-07 14:11:16 · 594 阅读 · 0 评论