![](https://img-blog.csdnimg.cn/88f8f68da335456584325fb67661063a.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
1.前端
文章平均质量分 86
加油学习
开局签到Python基础
知识, 需要我们数十年如一日的积累.
展开
-
17.前端框架之SweetAlert
1.简介SweetAlert是一款很好用的弹出框框架需要jQurey 与 bootstrap文件https://github.com/lipis/bootstrap-sweetalert2.准备环境<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>SweetAlert</title> <!--0. 令牌--原创 2022-03-16 16:55:10 · 2161 阅读 · 0 评论 -
16.jQuery
1.jQuery1.1 介绍jQuery是一个轻量级的、兼容多浏览器的JavaScript库jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程它的宗旨就是:Write less, do more.1.2 优势1.轻量级的JS框架jQuery核心js文件才几十kb,不会影响页面加载速度2.丰富的DOM选择器,jQuery的选择器用起来很方便,比如要找到某个DOM对象的相邻元素,JS可能要写好几原创 2022-03-15 00:30:41 · 1203 阅读 · 0 评论 -
15.JavaScripBOM&DOM操作
文章目录1. BOM操作1.1 窗口操作1. 获取大小2. 开启/关闭网页3. window子对象4. history子对象5. location子对象6. 弹框1.2 计事器1. 常用方法2. 单次触发3. 单次关闭3. 循环触发4. 多次触发2. DOM操作2.1 查找标签1. 标签查找代码2. 直接查找3. 间接查找2.2 结点操作1. 案例12. 案例23. 标签内容信息2.3 获form标签信息1. 获取input框数据2. 获取select单选项框数据3. 获取输入文本信息4. 获取文件数据2原创 2022-02-24 21:41:57 · 313 阅读 · 0 评论 -
14.JavaScript基础
文章目录1.js简介2.引入方式3.语法3.1注释3.2结束符4.变量4.1命令规范4.2关键字4.3let演示5.常量6.数据类型7.数值类型7.1定义数值类型7.2数值计算7.3常用方法8.字符类型8.1字符串的定义8.2格式化输出8.3字符换的拼接8.4常用方法1.获取长度2.移除空白3.索引取值4.查找索引5.切片6.大小写转换7.切分8.拼接9.布尔值10.null与undefined11.对象12.数组12.1定义数组12.2常用方法1获取长度2.元素增删3.排序4.拼接5.配合回调函数使用1.原创 2022-02-20 22:32:12 · 608 阅读 · 0 评论 -
13.在Pycharm中编写js代码
文章目录1.下载nodejs2.安装nodejs3.创建Node项目4.新建js文件5.测试1.下载nodejshttp://nodejs.cn/download/2.安装nodejs全部下一步就行了检查下载安装好了3.创建Node项目添加解释器的路径不要修改这个4.新建js文件5.测试...原创 2022-01-10 14:12:25 · 14733 阅读 · 16 评论 -
12.CSS定位
文章目录1.文本溢出2.标签定位2.1静态定位2.2相对定位2.3 绝对定位2.4固定位3.脱离文档流3.1浮动3.2相对定位3.3绝对定位3.4固定定位4.index模态宽5.透明度1.文本溢出一个块级标签没有设置固定大小,内容会将占多大,标签也会对应的被撑多大。如果固定了标签的大小,内容过多会溢出属性范围。overflow:hidden; 内容溢出,超出部分不显示。overflow:scroll; 上下滚动条形式查看内容。<!DOCTYPE html><html lan原创 2022-02-17 20:41:45 · 368 阅读 · 0 评论 -
11.CSS浮动
文章目录1.网页布局方式2.标准流排版3.浮动流排版1.浮动元素的脱标2.浮动元素排序规则3.浮动元素帖靠现象4.浮动元素的字围现象5.浮动练习4.塌陷4.1塌陷现象4.2清除塌陷方式14.3清除塌陷方式24.4margin-top失效原因4.5清除塌陷方式31.外墙法2.内墙法4.6清除塌陷方式44.7清除塌陷方式54.8清除塌式通用方式4.9防止父标签塌陷5.登入界面1.网页布局方式网页布局方式是指浏览器是如何对网页中的元素进行排版。1.标准流(文档流/普通流)排版方式 ==》 水平排版/垂直排原创 2022-02-17 20:40:09 · 294 阅读 · 0 评论 -
10.CSS边距
文章目录1.边框属性1.1同时设置四边1.2分别设置边框(方式一)1.3分别设置边框(方式二)1.4分别设置边框(方式三)1.5练习1.6边框制作图形2.边距2.1内边距2.2外边距1.注意2.外边距合并现象(水平方向)3.外边距合并现象(垂直方向)3.盒子模型3.1内容宽高3.2元素内容宽高3.3元素空间宽高3.4盒子box-sizing属性3.5盒子模型练习1.方式一2.方式二3.方式三3.6盒子居中与内容居中3.7清除默认边框4.行高4.1行内容垂直居中(单行)4.2行内容垂直居中(多行)5.还原页面原创 2021-12-09 08:31:59 · 1650 阅读 · 0 评论 -
8.CSS特性&标签显示模式
文章目录1.谷歌浏览器开发者工具2. CSS三大特性2.1继承性1.介绍2.演示3.分析2.2层叠性1.介绍2.演示3.分析2.3优先级1.判定方式2.直接选中3.间接选中4.不相同选择器5.提升优先级6.优先级的权重1.id多的优先2.类名多优先3.标签名多优先4.个数都相等3.div/span标签3.1介绍3.2分类3.3演示1.div页面布局2.span局部更改样式3.错误结构4.display模式转换4.1介绍4.2属性&值4.3标签演示1.块级元素2.行内元素3.行内块级元素4.4标签显示原创 2022-02-16 17:12:51 · 158 阅读 · 0 评论 -
7.CSS文字样式
文章目录1.font标签1.1介绍1.2属性1.3演示2.文本样式2.1字体倾斜1.属性&值2.演示2.2字体粗细1.属性&值2.演示2.3字体大小1.属性&值2.演示2.4文本字体1.属性&值2.演示1.字体备用方案2.中英文字体方案2.5缩写格式1.格式2.演示2.6字体颜色1.属性&值2.演示2.7字体装饰1.属性&值2.演示2.8水平对齐1.属性&值2.演示2.9字体缩进2.演示1.font标签1.1介绍<font>标签规定文原创 2022-02-16 17:08:31 · 222 阅读 · 0 评论 -
6.CSS介绍&选择器
文章目录1.CSS1.1简介1.2语法结构1.3引入方式1.直接书写2.外部引入3.行内书写1.4css注释2.基本选择器2.1标签选择器1.介绍2.格式3.演示2.2id选择器1.介绍2.格式3.演示2.3类选择器1.介绍2.格式3.演示2.4通用选择器1.介绍2.格式3.演示3.组合选择器3.1后代选择器1.介绍2.格式3.演示1.标签组合2.id组合3.类名组合4.混合组合3.2儿子选择器1.介绍2.格式3.演示3.3毗邻选择器1.介绍2.格式3.演示3.4弟弟选择器1.介绍2.格式3.演示1.指定弟原创 2022-02-16 17:05:31 · 935 阅读 · 0 评论 -
5.HTML视频音频播放滚动条
文章目录1.查看所有的标签2.video视频标签2.1muted静音2.2controls控制条2.3poster封面2.4loop循环播放2.5height/width高/宽2.6.视屏格式问题3.audio音频标签4.详情/概要标签5.marquee滚动条6.HTML5废弃的标签7.字符实体1.查看所有的标签HTML 标签参考手册 (w3school.com.cn) https://www.w3school.com.cn/tags/index.asp部分标签主流的浏览器都不支持。2.vide原创 2021-12-08 09:50:56 · 1253 阅读 · 0 评论 -
4..HTML 表单
文章目录1. 表单2. input输入框标签3. type属性4. value默认值属性5. radio单选框属性6.checked默认选择属性7. checkbox多选框属性8. 多选框默认选中9. 按钮10. action属性11. midded隐藏域12. label 光标聚焦13. datalist单选列表标签14. email邮箱15. URL地址16. number数字17. date日历18.color颜色19.select下拉列表20.optgroup下拉列表分组21.textarea 文本原创 2021-12-08 09:48:13 · 358 阅读 · 0 评论 -
3.HTML表格
文章目录1.表格标签2.宽度和高度的属性3.水平对齐4.垂直对齐5.外边距和内边距的属性6.表格/单元格背景色7.表格中的其他标签8.表格练习9.表格的完整结构10.单元格合并10.1单元合并练习1.表格标签为数据添加表格,以清晰形式展示。<table> 标签为整个表格。<tr> 标签为表格的一行。<td> 标签为表格一个中的一个单元格。这三个标签是一个组合,都是同时出现,不会出现一个。* 注意点:<table>表格标签有一个bo原创 2021-12-08 09:46:12 · 107 阅读 · 0 评论 -
2.HTML常用标签
文章目录0.快捷键/模板设置0.1快捷键0.2模板设置1.注释2. body标签3.标题标签4.段落标签5.基本标签6.图像标签6.1图像属性6.2图片路径7.链接标签7.1属性7.2base标签7.3假链接7.4锚点8.列表标签8.1无序列表8.2无序列表练习1.图书列表2.物品清单8.2有序列表8.3定义列表8.4定义标签练习0.快捷键/模板设置0.1快捷键在pycharm中按下快捷键ctrl + alt + insert 弹出新建文档ctrl + d 快速复制光标所在行。ctrl +原创 2021-12-08 09:44:22 · 244 阅读 · 0 评论 -
1.HTML介绍&在PyCharm中编写HTML
文章目录1.HTML1.1版本1.2区别2.HTML文档2.1HTML标签2.2元素2.3属性2.4基本结构2.5标签分类2.6标签关系分类1.HTMLHTML:超文本标记语言,使用一套标记标签来描述网页。1.1版本详细:https://blog.csdn.net/qq_46137324/article/details/1203820791.2区别0. HTML:语言是分非常宽松,容错性强。1. XHTML:更为严格,要求标签必须小写,必须严格闭合··· 太过严格被抛弃2. HTML.原创 2021-12-08 09:40:25 · 17253 阅读 · 2 评论 -
0.前端HTTP通信
文章目录1.客户端/服务端简介2.浏览器2.1常用浏览器3.访问网页3.1浏览器请求数据原理3.2浏览器请求数据过程4.URL5.HTTP协议5.1HTTP与HTTPS6.补充1.客户端/服务端简介客户端:负责和用户的交互,也就是屏幕显示(UI/UE)。服务端:负责数据存储,提供用户访问。(运行服务端的电脑被称为服务器,24 * 365天运行,关机则用户则无法访问。)2.浏览器浏览器:客户端软件,主要功能:1.将网页内容进行渲染并呈现给用户查看。2.让用户与网页交互。2.1常用浏览器.原创 2021-12-08 09:38:45 · 443 阅读 · 0 评论