- 博客(33)
- 收藏
- 关注
原创 JS阶段面试题汇总
因为在javaScript中,不同的对象都是使用二进制存储的,如果二进制前三位都是0的话,系统会判断为是Object类型,而null的二进制全是0,自然也就判断为Object跨域:同源策略(Same-Origin Policy)最早由 Netscape 公司提出,是浏览器的一种安全策略。同源: 协议、域名、端口号 必须完全相同。违背同源策略就是跨域如何解决jsonp,cors,搭建临时服务器·······原型对象。
2026-03-06 14:55:35
435
原创 背景样式及雪碧图和渐变色的相关操作!!!(01.07日)!
引入图片,配合调整显示效果;进阶属性分别控制背景填充范围、图片偏移原点,需结合盒模型理解;高级应用中,雪碧图优化性能,渐变背景替代静态图片,是网页美化的核心技巧;background复合属性可简化代码,但需注意的书写顺序(位置 / 大小)。
2026-01-07 20:58:05
969
原创 定位与图标字体知识点全解析!!!(12.31)
相对定位是 “子绝父相” 的基础,绝对定位依赖包含块精准布局;固定定位适配全局固定元素,粘滞定位适配滚动阈值固定场景;定位切忌滥用,普通布局优先用 Flex/Grid,特殊位置才用定位。
2026-01-03 17:00:32
558
原创 浮动的高度塌陷和表格的相关操作!!!(12.30)
浮动是 CSS 中用于让元素脱离普通文档流,向父元素左侧或右侧对齐的布局属性,核心作用是实现图文环绕、多列布局等效果。父元素未设置固定高度,依赖子元素撑开高度时,子元素浮动会脱离文档流,导致父元素高度为 0,下方布局错乱。浮动解决 “横向布局”,但会引发高度塌陷;清除浮动优先使用clearfix伪元素方案(无冗余 DOM);BFC 是解决浮动问题、外边距折叠的 “万能钥匙”。
2026-01-03 16:53:42
722
原创 浮动以及导航条和简单布局!!!(12.29日)
浮动目前来讲它的主要作用就是让页面中的元素可以水平排列通过浮动可以制作一些水平方向的布局浮动的六大核心特性,理解「脱离文档流」对元素排列的影响;浮动实现导航条的关键:列表项垂直居中;三栏布局的核心:浮动元素宽度 + 间距之和等于父元素宽度,避免溢出;浮动布局的常见问题(父元素高度塌陷)需后续结合「清除浮动」解决。
2025-12-29 20:56:56
293
原创 水平布局,垂直布局,外边距的折叠,内联元素的盒子,默认样式,盒子大小!!!
盒模型部分行内元素特性内容区宽高无法自定义,被内容撑开内边距 / 边框可设置,垂直方向会覆盖其他元素(不挤开位置)外边距水平方向生效且叠加,垂直方向完全不生效过度约束的调整规则,利用实现块元素水平居中;overflow处理内容溢出,结合优化滚动体验;垂直外边距重叠的场景与解决方案(BFC / 透明边框 /clearfix 类);行内元素盒模型的特殊性(垂直边距无效,内边距 / 边框覆盖元素);固定盒子尺寸,简化布局计算;
2025-12-29 20:33:02
836
原创 文档流与盒子模型 (12.25日)
文档流中块 / 行内 / 行内块元素的核心特性,以及display实现的元素类型转换;盒模型四大组成部分的作用:内容区控制核心大小,边框定义边缘样式,内边距调整内容与边框间距,外边距控制元素间位置;边框的多值写法、三角形自定义技巧,以及外边距的位置偏移特性;实现圆角 / 圆形的核心用法。
2025-12-25 22:55:50
1243
原创 行间距和文本样式 (12.24)!
行高实现垂直居中、文本行间距控制;文本修饰与间距适配不同排版需求;文本溢出省略号的单行 / 多行实现;垂直对齐解决图文排版问题;阴影效果提升页面视觉层次。实际开发中,需结合场景灵活组合属性,例如「标题居中 + 首行缩进」「图文居中对齐 + 去除图片间隙」「文本溢出省略号 + 行高优化」等,同时注意不同浏览器的兼容性(如多行省略号的 webkit 内核限制)。
2025-12-24 20:04:27
1118
原创 选择器补充和字体样式 (12.23日)
伪元素,表示页面中一些特殊的并不真实存在的元素(元素的位置) ::first-letter 表示第一个字母 ::first-line 表示第一行 ::selection 选中的内容以下伪元素选择器可以在css中修改html结构 ::before 元素的开始位置 ::after 元素的结束位置 before和after必须要结合content使用注意:默认设置宽高是不生效的,需要结合标签
2025-12-23 20:10:53
1364
原创 CSS选择器!!!(续接上文)12.22日
需求一:将class为red的诗句变为红色,同时将class为red的div字体变为24px。语法:祖先元素 后代元素{} (注意两元素之间。伪类选择器:不是固定的类,可变化的,可以根据情况,应用在不同的结构上。需求一:为div的子元素span设置一个字体颜色红色。2、能用子选择器不用后代选择器,:顺序类的,鼠标移入,鼠标点击,否定伪类·······作用:通过祖先元素选中所有的后代元素{}面试题:超链接的4个伪类,设置时,有没有顺序要求?复合选择器包括 1交集选择器 2并集选择器。
2025-12-22 19:12:31
1048
原创 CSS的相关内容操作!!!(简介 语法 书写位置 常用的选择器)
css:层叠样式表可以给结构的每一层设置样式,最终呈现出完整的结果css语言:css书写位置(3种css选择器(40个左右)css具体样式(字体,段落,布局等样式)
2025-12-19 19:01:10
1381
原创 常见的行内块标签!!!(12.18)
行内块标签:特殊的标签,具有自己1、兼具块标签行内标签的特点,不会独占一行,可以设置宽高2、标签与标签之间具有大概3像素左右的间距常用的行内块标签:img,input,button·····
2025-12-18 19:13:52
656
原创 Html中常用的行内标签!!!(12.17)
二.b标签和strong标签都有加粗的默认样式,b标签没有语义,strong标签有强调的语义,一.i标签和em标签都有斜体的默认样式,i标签没有语义,em标签有强调的语义,二. em是斜体强调,强调语音语调,strong是加粗强调,强调内容的重要性。常用的行内标签:em,strong,i,b,span,del,a,·····三.在实际开发中,一般不做区分,遇到强调的部分,都可以使用。1、em、strong都是强调标签,他们的区别是什么?一.em、strong在h5标签中,都有强调的语义。
2025-12-17 17:07:50
683
原创 Html中常用的块标签!!!12.16日
用dl创建列表,dt表示下定义(小标题),dd表示对定义内容补充默认样式:dl上下有16像素的外边距dd左侧有40像素的外边距1、给列表增加type属性,可以修改项目符号(了解一下),但一般我们不用列表的默认的项目符号ol type属性值 可选:1(默认值),A,a,I,i下图所示为有序列表中默认项目符号改为Aul type属性值 可选:disc,默认值,实心的圆点square,实心的方块circle,空心的圆下图所示为无序列表中默认项目符号改为空心的圆。
2025-12-16 20:03:17
1085
原创 Html网页结构的相关操作及内容!12.15日
html语言会提前征用一部分字符(关键字),它用了,程序员就不能直接使用如果程序员需要,只能用一些额外的字符去替代,这些额外的字符就叫实体。
2025-12-15 16:33:42
698
1
原创 子查询(非常重要)!!!
第二步中的dept表表示所有行所有列的一张完整的表,这里可以把dept替换成所有行,但只有dname和loc列的表,这需要子查询。子查询就是嵌套查询,即SELECT中包含SELECT,如果一条语句中存在两个,或两个以上SELECT,那么就是子查询语句了。查询表:emp和dept,分析得出,不需要外连接(外连接的特性:某一行(或某些行)记录上会出现一半有值,一半为NULL值)查询条件:工资高于30部门所有人工资,其中30部门所有人工资是子查询。第一步:去除多表,只查一张表,这里去除部门表,只查员工表。
2025-11-26 13:45:28
1331
1
原创 连接查询!!!
但在左连接中,因为emp表是左表,所以左表中的记录都会查询出来,即“张三”这条记录也会查出,但相应的右表部分显示NULL。两张表的连接查询一定有一个主外键关系,三张表的连接查询就一定有两个主外键关系,所以在大家不是很熟悉连接查询时,首先要学会去除无用笛卡尔积,那么就是用主外键关系作为条件来处理。连接查询会产生笛卡尔积,假设集合A={a,b},集合B={0,1,2},则两个集合的笛卡尔积为{(a,0),(a,1),(a,2),(b,0),(b,1),(b,2)}。内连接的特点:查询结果必须满足条件。
2025-11-26 13:43:49
410
原创 合并结果集和内查询
连接查询会产生笛卡尔积,假设集合A={a,b},集合B={0,1,2},则两个集合的笛卡尔积为{(a,0),(a,1),(a,2),(b,0),(b,1),(b,2)}。那么多表查询产生这样的结果并不是我们想要的,那么怎么去除重复的,不想要的记录呢,当然是通过条件过滤。在多表查询中,在使用列时必须指定列所从属的表,例如emp.deptno表示emp表的deptno列。连接查询就是求出多个表的乘积,例如t1连接t2,那么查询出的结果就是t1*t2。INNER可以省略,MySQL默认的连接方式就是内连接。
2025-11-25 10:48:36
949
原创 数据的完整性
数据的完整性作用:保证用户输入的数据保存到数据库中是正确的。确保数据的完整性 = 在创建表时给表中添加约束完整性的分类:1.实体完整性2.域完整性3.引用完整性。
2025-11-25 10:48:14
951
原创 分组查询和having子句
WHERE是对分组前记录的条件,如果某行记录没有满足WHERE子句的条件,那么这行记录不会参加分组;而HAVING是对分组后数据的约束。1.having是在分组后对数据进行过滤.where是在分组前对数据进行过滤。where后面不可以使用分组函数。注:凡和聚合函数同时出现的列名,则一定要写在。
2025-11-24 08:32:38
456
原创 分组查询和limit子句
查询语句执行顺序:from - where -group by - having - select - order by-limit。查询语句书写顺序:select – from- where- group by- having- order by-limit。当需要分组查询时需要使用GROUP BY子句,例如查询每个部门的工资和,这说明要使用部分来分组。如果一页记录为10条,希望查看第3页记录应该怎么查呢?LIMIT用来限定查询结果的起始行,以及总行数。注意,起始行从0开始,即第一行开始!
2025-11-24 08:32:19
512
原创 MySQL日期函数全解析
2、ADDTIME(t,n):n 是一个时间表达式,时间 t 加上时间表达式 n7、CURRENT_TIMESTAMP():返回当前日期和时间8、LOCALTIME():返回当前日期和时间9、LOCALTIMESTAMP():返回当前日期和时间10、NOW():返回当前日期和时间11、SYSDATE():返回当前日期和时间注意:其中NOW最为常用!练习题:计算emp表中每个员工入职的天数/* MICROSECONDSECONDMINUTE
2025-11-21 16:07:19
1269
原创 MySQL字符串函数大全
SELECT FORMAT(123456.789,2)'格式化数字';SELECT FORMAT(123456.781,2)'格式化数字';
2025-11-20 16:48:47
856
原创 DQL数据查询语言的相关操作!!!
去除重复记录(两行或两行以上记录中系列的上的数据都相同),例如emp表中sal字段就存在相同的记录。comm列有很多记录的值为NULL,因为任何东西与NULL相加结果还是NULL,所以结算结果可能会出现NULL。模糊查询需要使用关键字LIKE。SELECT selection_list /*要查询的列名称*/2.5 查询学号不是S_1001,S_1002,S_1003的记录。2.4 查询学号为S_1001,S_1002,S_1003的记录。FROM table_list /*要查询的表名称*/
2025-11-20 08:32:31
1398
原创 DDL关于操作数据库、表、列等语句
double:浮点型,例如double(5,2)表示最多5位,其中必须有2位小数,即最大值为999.99;char:固定长度字符串类型;varchar:可变长度字符串类型;timestamp:时间戳类型 yyyy-MM-dd hh:mm:ss 会自动赋值。查看服务器中的数据库,并把mydb2的字符集修改为utf8;datetime:日期时间类型 yyyy-MM-dd hh:mm:ss。date:日期类型,格式为:yyyy-MM-dd;time:时间类型,格式为:hh:mm:ss。text:字符串类型;
2025-11-19 09:09:17
962
原创 DML操作中的重要指令(插入,修改,删除)
VALUES(1002,'李四','男','1999-11-11',8500.65,'2025-04-21','一个优秀的孩子');VALUES(1009,'王五2','男','2001-01-01',6588.29,'2025-12-12','好孩子'),(1010,'王五3','男','2002-01-01',6588.29,'2025-10-12','好孩子'),(1011,'王五4','男','2003-01-01',6588.29,'2025-11-13','好孩子'),
2025-11-19 09:08:51
721
原创 如何安装MySQL80数据库,包含安装成功后,2种启动MySQL服务的方式(详细解析)!
方式二:Windows+R-->cmd-->net start mysql80(你的MySQL服务名)/net stop mysql80(你的MySQL服务名)方式一:计算机-->管理-->服务和应用程序-->服务-->MySQL80(你的MySQL服务名不一定叫MySQL80)-->启动/关闭服务。34.新建并输入你的环境变量所在的位置(可在自己的电脑中找到配置的环境变量的位置)38.输入mysql -uroot -p后,登陆成功。24.输入你的MySQL的用户名和密码(自己取)
2025-11-18 08:36:26
687
原创 连接MySQL数据库的3种方式(DOS命令窗口连接、MySQL自带命令窗口连接、SQLyog或Navicat连接)
h:后面写数据库所在服务器的IP地址值,如果连接的是本机上的数据库,后面可以写localhost,或者127.0.0.1,也可以连同-h都省略不写。-P:大写P,写的是数据库的端口号,这个一般在主机上有多个数据库的时候写上,如果只有一个数据库,可以省略不写,因为数据库默认端口号为3306。-p:小写p,写的是数据库的密码,直接在p后面写密码,是明文形式,不安全,通常在p后面回车,然后输入密码,这时候输入密码是用*代替,比较安全。点击「测试连接」,提示 “连接成功” 后,点击「确定」完成连接。
2025-11-18 08:35:40
890
原创 DOS与SQLyog实战:数据库创建与表设计练习
gender 字符串(varchar)(长度为2)#name 字符串(varchar)(长度为20)#email 字符串(长度为10)#remark 字符串(长度为50)商品名称(可变长度字符串,最大50字符)单价(小数类型,总长度8位,小数位2位)联系邮箱(可变长度字符串,最大30字符)#创建数据库db_practice01。用户名(固定长度字符串,长度20字符)姓名(可变长度字符串,最大10字符)班级(可变长度字符串,最大5字符)商品编号(整数类型,长度6位)
2025-11-17 15:13:29
281
原创 MySQL的基本指令操作
P:大写P,写的是数据库的端口号,这个一般在主机上有多个数据库的时候写上,如果只有一个数据库,可以省略不写,因为数据库默认端口号为3306。-p:小写p,写的是数据库的密码,直接在p后面写密码,是明文形式,不安全,通常在p后面回车,然后输入密码,这时候输入密码是用*代替,比较安全。方式一:计算机-->管理-->服务和应用程序-->服务-->MySQL80(你的MySQL服务名不一定叫MySQL80)-->启动/关闭服务。字段名 数据类型(长度)#gender 字符串(varchar)(长度为2)
2025-11-17 15:05:16
391
原创 VMware17安装CentOS7的详细步骤
6)选择Linux(L),版本可以选择CentOS 7 64位。17)点击新CD,使用ISO映像文件,找到并选中映像文件的位置。24)打开以太网,编辑一个主机名并应用该主机名,点击完成。3)打开新建虚拟机向导,勾选自定义后点击下一步。8)进行处理器配置内核可选2,处理器数量选择1。22)选中自动配置区分后点击完成。7)命名一个虚拟机并选择位置。28)进行安装,随后进行重启。5)选择安装客户机操作系统。21)选择语言(简体中文)27)设置完密码后点击完成。4)选择虚拟机硬件兼容性。18)点击完成自定义插件。
2025-11-11 14:54:59
387
原创 VMware 17安装指南:轻松搞定虚拟化
7)生成快捷方式在桌面以及勾选开始菜单程序文件夹。2)打开VMware17安装向导,点击下一步。14)至此,完成对VMware17的安装。4)自定义安装位置,余下两个选项勾选。13)重启系统,更改的配置才可以生效。1)点击VMware17软件安装包。5)更改目标文件夹,然后单击确定。10)安装向导完成后,点击许可证。11)输入密钥,密钥可自行搜索。6)用户体验设置不勾选。3)点击接受协议条款。
2025-11-11 11:35:43
289
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅