- 博客(23)
- 收藏
- 关注
RSS订阅原创 5.数据类型转换
JavaScript是弱数据类型：JavaScript也不知道变量到底属于那种数据类型，只有赋值了才清楚。坑：使用表单、prompt获取过来的数据默认是字符串类型的，此时就不能直接简单的进行加法运算。
2025-12-29 08:03:27
301
原创 4.数据类型
未定义是比较特殊的类型，只有一个值undefined。什么情况出现未定义类型？只声明变量，不赋值的情况下，变量的默认值为undefined，一般很少直接为某个变量赋值为 undefined。工作中的使用场景：我们开发中经常声明一个变量，等待传送过来的数据。如果我们不知道这个数据是否传递过来，此时我们可以通过检测这个变量是不是undefined，就判断用户是否有数据传递过来。
2025-12-28 12:27:44
668
原创 3.数组和常量
本文介绍了JavaScript中数组和常量的基本使用。数组部分讲解了数组的声明语法、元素访问方法（通过索引号）、相关术语（元素、下标、长度）以及获取数组长度的方式。常量部分说明了const关键字的使用场景、命名规范、注意事项（不能重新赋值且必须初始化）以及使用建议。示例代码展示了数组和常量的实际应用，包括数组元素访问和常量声明。文章强调了对不需要修改的数据应优先使用const声明常量。
2025-12-28 12:27:08
222
原创 2.Javascript变量
本文介绍了JavaScript变量的基本概念和使用方法。变量是存储数据的容器，通过let关键字声明，可以赋值和更新。变量命名需遵循规则：不能用关键字、只能包含特定字符且数字不能开头。规范建议采用有意义的名称和小驼峰命名法。文章还演示了如何声明、赋值、更新变量，以及处理用户输入数据的基本流程。变量区分大小写，多个变量建议分行声明以提高可读性。
2025-12-26 17:11:00
331
原创 1.JavaScript介绍
JavaScript是一种运行在浏览器中的客户端编程语言，主要用于实现网页交互效果。它能够处理网页特效、表单验证和数据交互等功能。JavaScript代码可以写在HTML文件内部（使用script标签）、外部.js文件（通过script标签引入）或直接嵌入标签内（内联方式）。注释分为单行（//）和多行（/* */）两种，语句结束符（;）可省略。JavaScript提供了多种输入输出方式：document.write()向页面输出内容，alert()弹出警告框，console.log()用于调试输出，prom
2025-12-26 17:04:07
300
原创 17.字体图标
字体图标是网页设计中常用的轻量级解决方案，相比传统精灵图具有体积小、不失真、易修改等优势。它能实现颜色变换、阴影效果等灵活样式，且兼容所有浏览器。字体图标本质是文字而非图片，常用于通用小图标展示。推荐使用IcoMoon或阿里iconfont等专业字库下载资源，但需注意它不能完全替代精灵图技术，而是对图标呈现方式的优化。
2025-12-25 15:50:56
111
原创 16.精灵技术
摘要 精灵技术（CSS Sprites）通过将多个小背景图合并为一张大图，减少服务器请求次数，提升网页加载速度。其核心原理是使用background-position定位显示所需的小图部分，通常需要设置负值坐标。该技术主要应用于背景图片整合，有效缓解服务器压力，优化页面性能。
2025-12-25 15:50:06
160
原创 15.元素的显示和隐藏
本文介绍了CSS中控制元素显示和隐藏的三种方法：1）display属性：通过设为none彻底隐藏元素且不占位，设为block则显示；2）visibility属性：hidden隐藏元素但仍占位，visible显示；3）overflow属性：处理内容溢出时的显示方式（隐藏/滚动条等）。重点比较了display和visibility在隐藏时是否保留原位置的差异，其中display不保留而visibility保留。这些属性在网页特效制作中具有重要应用价值。
2025-11-17 14:37:43
395
原创 14.定位
摘要： CSS定位是控制元素位置的重要方式，包含静态定位(static)、相对定位(relative)、绝对定位(absolute)、固定定位(fixed)和粘性定位(sticky)。相对定位基于元素原位置移动且保留原空间；绝对定位基于最近定位祖先元素且脱离文档流；固定定位相对于浏览器视口固定。z-index控制重叠元素层级，定位元素具有特殊特性：行内元素可设置宽高，脱标元素不触发外边距合并。绝对/固定定位会完全压住下方内容，而浮动仅压住盒子不压文字。定位技巧包括居中算法和固定定位居中实现方法。
2025-11-17 14:36:20
479
原创 13.css浮动
本文介绍了CSS浮动布局的核心概念与应用。主要内容包括：标准流与浮动的区别，浮动特性（脱离标准流、顶部对齐、行内块特点），浮动与标准流父级的搭配使用，以及四种清除浮动的方法（额外标签法、overflow属性、:after伪元素、双伪元素）。重点阐述了浮动布局的基本原则和清除浮动的本质，即解决父元素高度塌陷问题，确保不影响后续标准流布局。文章通过代码示例和对比分析，帮助读者掌握浮动布局的实际应用技巧和最佳实践。
2025-06-20 22:38:38
1525
原创 12.圆角边框和阴影
CSS3圆角边框与阴影效果总结：圆角边框使用border-radius属性，可设置固定值或50%创建圆形效果。盒子阴影通过box-shadow实现，参数包括水平和垂直偏移、模糊距离、扩散范围、颜色及内阴影选项（inset）。文字阴影使用text-shadow，参数类似但不支持扩散范围。注意盒子阴影默认外阴影且不影响布局。这些特性为网页元素添加了丰富的视觉效果，示例展示了蓝色方块应用圆角和阴影的实际效果。
2025-06-20 22:36:10
370
原创 11.css盒子模型
CSS盒子模型是网页布局的核心概念，由四部分组成：内容(content)、内边距(padding)、边框(border)和外边距(margin)。本文详细介绍了盒子模型的这三个关键属性： border边框：可以设置样式(dotted虚线/dashed点线/solid实线)、宽度和颜色，支持复合写法和单独设置各边样式； padding内边距：控制内容与边框的间距，简写方式遵循"上右下左"顺序，未指定盒子尺寸时不撑开盒子； margin外边距：管理盒子间距，可实现水平居中(需设置宽度和aut
2025-06-19 18:15:46
1148
原创 10.css三大特性
CSS具有三大核心特性：层叠性、继承性和优先级。层叠性处理样式冲突，遵循就近原则；继承性使子元素继承父元素的某些样式（如文本颜色和字号）；优先级则根据选择器权重决定样式应用顺序，权重由选择器类型决定（标签、类、ID等），复合选择器需进行权重叠加计算。理解这三大特性是掌握CSS样式应用规则的关键，能有效解决样式冲突和继承问题，实现精准的网页样式控制。
2025-06-19 18:10:14
167
原创 9.css背景
本文介绍了CSS背景属性的主要功能和使用方法。包括背景平铺（repeat/no-repeat/repeat-x/repeat-y）、背景位置（x y坐标设定）、背景图像固定（scroll/fixed）、背景复合写法（颜色、图片、平铺、滚动、位置组合）以及背景色半透明（rgba透明度设置）等属性。文章详细说明了各属性的参数值和作用，并提供了标准写法示例。最后通过表格总结了所有背景属性的功能、作用和取值范围，为网页开发中背景样式设置提供了全面的参考。
2025-06-18 21:16:05
610
原创 8.css元素显示模式
CSS元素显示模式摘要HTML元素主要分为块元素和行内元素两种显示模式。块元素(如div、p)独占一行，可设置宽高边距，宽度默认100%；行内元素(如a、span)可同行显示多个，但无法直接设置宽高。特殊元素(img、input等)同时具备两种特性，称为行内块元素。通过CSS的display属性可以转换显示模式：inline(行内)、block(块级)和inline-block(行内块)。注意文字类元素(p/h1等)不能包含块元素，链接a需要转换为块级模式才能安全包含块元素。
2025-06-18 21:15:21
369
原创 7.复合选择器
CSS复合选择器是由基础选择器组合而成的高效选择方式，主要包括：后代选择器（空格分隔嵌套元素）、子选择器（>选择直接子元素）、并集选择器（逗号连接多个选择器）、伪类选择器（:表示特殊状态）。其中链接伪类需按link-visited-hover-active顺序声明，focus伪类专用于表单元素。复合选择器能精确选择目标元素，提高样式编写效率，是CSS布局的重要工具。
2025-06-18 15:19:41
540
原创 6.css引入方式
CSS有三种引入方式：内部样式表（在HTML文档中使用<style>标签）、行内样式表（直接在元素标签内使用style属性）和外部样式表（通过<link>标签引入独立的.css文件）。内部样式表适用于整个页面样式控制，行内样式表适合简单样式修改，而外部样式表是开发中最常用的方式，尤其适用于样式较多的项目，通过单独CSS文件实现样式与结构的分离。
2025-06-17 19:00:37
264
原创 5.css文本属性
CSS文本属性摘要：本文介绍5种常用CSS文本样式属性：1)文本颜色(color)支持颜色名、十六进制和RGB值；2)文本对齐(text-align)控制左/右/居中对齐；3)文本装饰(text-decoration)设置下划线、删除线或上划线；4)文本缩进(text-indent)用px或em单位控制首行缩进；5)行高(line-height)调整行间距，包含文字上下空间。这些属性组合使用可实现丰富的文本样式效果。(149字)
2025-06-17 18:59:35
180
原创 4.css字体属性
CSS字体属性详解：摘要介绍了CSS中常用的字体控制属性，包括font-family定义字体系列（支持多字体备选）、font-size设置文字大小、font-weight调节粗细（可用数字值）。还展示了font复合属性的简写方式，强调必须保留font-size和font-family且顺序固定。文中包含代码示例和效果图片，说明如何通过CSS精确控制网页文本的显示样式。复合属性写法可简化代码但需注意语法规范。
2025-06-17 18:58:40
247
原创 3.css层叠样式表
CSS层叠样式表摘要CSS是一种用于网页样式设计的标记语言，由选择器和声明组成。主要选择器类型包括：标签选择器(按HTML标签名选择)、类选择器(.class，可复用)、ID选择器(#id，唯一)和通配符选择器(*，全局匹配)。类选择器可多类名组合使用(空格分隔)，是最常用的选择方式。CSS实现了内容与表现的分离，使网页设计更加灵活高效。
2025-06-15 11:56:45
179
原创 2.表格标签
本文介绍了HTML表格、列表和表单标签的使用方法。表格部分讲解了table结构、属性设置和单元格合并；列表部分包括无序列表(ul)、有序列表(ol)和自定义列表(dl)的语法规则；表单部分详细说明表单域(form)、输入控件(input)、下拉列表(select)和文本域(textarea)的用法，以及label标签的绑定功能。文章还特别强调了各标签的嵌套规则和重要属性设置。
2025-06-15 11:55:21
623
原创 1.常用浏览及其内核
本文介绍了HTML的基础知识，包括常用浏览器及其内核对比，如IE、Firefox、Chrome等。详细讲解了HTML文档的基本结构标签，如<html>、<head>、<body>等。同时阐述了常用HTML标签的用法，包括标题标签<h1>-<h6>、段落标签<p>、换行标签<br>，以及文本格式化标签如<strong>、<em>等。此外，还介绍了图像标签<img>的属性和路径写法，超链接标签<a>的多种应用场景，以及注释标签和特殊字符的使用方法。这些内容为HTML初学者提供了全面的入门指导。
2025-06-15 11:51:09
1274
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人