- 博客(71)
- 收藏
- 关注
RSS订阅原创 数组方法_join()+_concat()+_reverse()+ _indexOf()
join方法以指定参数作为分隔符，将所有数组成员连接为一个字符串返回。如果不提供参数，默认用逗号分隔12345vara1234ajoin//'1234'ajoin//"1234"ajoin()//"1,2,3,4"如果数组成员是undefined或null或空位，会被转成空字符串12345undefinednull].join'#'//'#''a'
2025-06-11 21:53:19
600
原创 数组方法_push()/pop()/数组方法_shift()/unshift()
JavaScript数组常用操作方法摘要： push() - 在数组末尾添加元素，返回新长度； pop() - 删除并返回最后一个元素； shift() - 删除并返回第一个元素，可用于清空数组； unshift() - 在数组开头添加元素，返回新长度。这些方法都会直接修改原数组。示例展示了各方法的基本使用方式和效果，包括添加/删除单个或多个元素的情况。
2025-06-11 21:46:47
491
原创 数组静态方法_Array.isArray()
JavaScript中Array.isArray()方法用于判断参数是否为数组，它能准确区分数组和其他对象。当使用typeof检测数组类型时，会返回"object"（如示例1），无法有效区分数组。而Array.isArray()可以正确识别数组（如示例2返回true），弥补了typeof的不足，是检测数组类型的可靠方法。
2025-06-11 21:41:17
199
原创 数组——数组的遍历
摘要：数组是按序排列的值集合，用方括号表示，下标从0开始。数组可以定义时赋值或后赋值，支持任意数据类型，包括多维数组。length属性返回成员数量。遍历数组可使用for循环、while循环或for...in语句，通过下标访问每个元素。例如var a=['sxt','baizhan','it']可通过循环依次输出每个元素。
2025-06-11 21:39:51
328
原创 字符串方法_indexOf() +_trim()+_split()
摘要：本文介绍了三个常用字符串处理方法。1) indexOf()用于查找子串位置，可指定起始搜索位置，未找到返回-1；2) trim()去除两端空白字符，包括空格、制表符等，ES6扩展了trimStart()和trimEnd()；3) split()按分隔符拆分字符串为数组，可控制返回元素数量。这些方法都返回新字符串/数组，不改变原字符串。
2025-06-10 22:07:58
450
原创 字符串方法_substring()+字符串方法_substr()
JavaScript字符串方法substring()和substr()都用于提取子字符串。substring()通过指定起始和结束位置提取（不含结束位），参数会自动调整顺序，负数转为0。substr()通过起始位置和长度提取，负数位置表示倒数。两个方法都不改变原字符串，但参数处理方式不同：substring()交换参数位置，substr()负数长度返回空字符串。例如'itbaizhan'.substring(2,9)和'itbaizhan'.substr(2,7)都返回"baizhan"
2025-06-10 22:02:59
336
原创 字符串-length 属性-字符串方法_charAt() _concat()
JavaScript字符串基础摘要：字符串是用单双引号包裹的字符序列，两种引号可互相嵌套，需用反斜杠转义相同引号。多行字符串需用反斜杠换行。字符串有length属性获取长度，常用方法包括：charAt()获取指定位置字符（无效位置返回空），concat()连接字符串（不改变原字符串，可多参数连接）。字符串默认单行书写，多行需特殊处理。
2025-06-10 12:12:41
451
原创 break 语句和 continue 语句
break和continue语句用于控制循环流程。break会完全终止循环，当i=3时立即退出循环；continue则跳过当前迭代，当i=3时跳过该次循环继续下一轮。示例中，break循环输出0,1,2，而continue循环输出0,1,2,4（跳过3）。两者都用于优化循环控制，但break彻底终止循环，continue仅跳过当前迭代。
2025-06-09 20:01:46
380
原创 循环语句之while
while语句是一种循环结构，通过条件判断控制代码块的重复执行。当条件为真时循环继续，否则退出。示例展示了从0到99的数字打印和无限循环"Hello, world"两种情况。同时指出所有for循环都可以用while实现，并通过具体代码对比了for和while的等效写法。使用时需注意循环条件的变化，避免无限循环。
2025-06-09 19:59:14
306
原创 for循环语句实操 -打印九九乘法表
该代码使用嵌套循环打印九九乘法表。外层循环(i)控制行数（1-9），每行开始换行。内层循环(j)控制每行的列数（1至当前行数i），计算ij的乘积并输出"ij=sum"格式的乘法算式。输出效果为阶梯式排列的完整乘法表，从1x1=1到9x9=81，每行算式数量与行号对应。
2025-06-09 19:56:19
111
原创 for循环语句实操 -循环输出1000以内的奇数
这段代码使用for循环遍历0到999的整数，通过判断i%2==1来筛选奇数（即除以2余数为1的数字）。当满足条件时，将当前数字输出到控制台。循环共执行1000次，最终会打印出0到999之间的所有奇数。这种方法利用了模运算的特性来识别奇偶数，是一种常见的编程实现方式。
2025-06-09 19:52:46
166
原创 for循环语句实操 -循环输出1~100之间数字的和
这段JavaScript代码计算1到100的整数和。通过for循环从1迭代到100，将每个数字累加到sum变量中，最后输出结果5050。代码简洁高效地实现了数学求和功能。
2025-06-09 19:50:23
208
原创 循环语句之for
摘要：for循环语句用于重复执行操作，包含三个表达式：初始化表达式（设定初始值）、布尔表达式（循环条件）和迭代因子（变量更新）。这三个表达式可单独或全部省略，但全部省略会导致无限循环。示例演示了标准for循环的使用方法和省略所有表达式的情况。
2025-06-09 19:48:45
289
原创 条件语句 if语句 + if...else+switch语句+三元运算符
结构先判断一个表达式的布尔值，然后根据布尔值的真伪，执行不。还有一个三元运算符（即该运算符需要三个运算子。连在一起使用的时候，可以转为使用更方便的。后面的表达式之中，不要混淆赋值表达式（对同一个变量进行多次判断时，多个。代码块，表示不满足条件时，所要。往往由一个条件表达式产生的，代码块总是与离自己最近的那个。的简写形式，因此可以用于多。尤其是赋值表达式不具。代码块后面，还可以跟一个。不满足条件时，执行的语句。这个三元运算符可以被视为。满足条件时，执行的语句。语句可以连写在一起。也可以用于逻辑判断。
2025-06-09 19:35:15
623
原创 运算符之赋值运算符+运算符之比较运算符
本文介绍了JavaScript中的三类运算符：赋值运算符、比较运算符和布尔运算符。赋值运算符用于变量赋值，常见如=，还可与算术运算符结合形成+=等变体。比较运算符用于值的大小比较，返回布尔值，包括8种类型，特别注意==和===在值与类型比较上的区别。布尔运算符包含取反运算符!（将值转为布尔值并取反）、且运算符&&（需满足所有条件）和或运算符||（满足任一条件即可）。这些运算符构成了JavaScript逻辑运算的基础。
2025-06-09 11:58:58
419
原创 运算符之算术运算符/（加减乘除+余数+自增自减）
运算符之算术运算符/（加减乘除+余数+自增自减），自增和自减运算符有一个需要注意的地方，放在变量之后，会 先返回变量操作前的值，再进行自增/自减操作；放在变量之前，会 先进行自增/自减操作，再返回变量操作后的值。
2025-06-09 11:48:30
410
原创 typeof运算符 +unll和undefined的区别
typeof运算符 +unll和undefined的区别，数值返回number，字符串返回string，对象返回object，布尔值返回boolean，null与undefined都可以表示“没有”，含义非常相似。将一个变量赋 值为undefined或null，老实说，语法效果几乎没区别。
2025-06-08 22:41:54
570
原创 JS的数据类型分类
数据类型分为原始类型(数值、布尔值、字符串)和合成类型(对象)。对象是包含多个原始值的复合容器，如var user={name:"张三",age:20,learn:true}。undefined和null被视为两个特殊值。
2025-06-08 22:30:18
233
原创 块元素与行内元素（内联元素）区别
HTML5将元素按内容模型重新分类为7种类型，但初学者仍可沿用传统的块级元素和内联元素区分法。块级元素独占一行，可设置宽高，包含其他元素；内联元素不独占行，宽高无效，通常只包含其他内联元素。常见的块级元素有div、p等，内联元素有a、span等，还有行内块级元素如button、img兼具两者特性。这种传统分类法更简单直观，对网页布局仍有重要指导意义。
2025-06-08 12:19:05
329
原创 相对定位+绝对定位+固定定位+z-index
级元素进行位置调整，如果父级元素不存在定位，则继续向上。属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处。设置定位之后，相对定位和绝对定位他是相对于具有。设置定位之后：可以使用四个方向值进行调整。于堆叠顺序较低的元素的前面。属性指定了元素的定位类型。其中，绝对定位和固定定位。逐级寻找，直到顶层文档。
2025-06-08 12:06:33
601
原创 CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？ CSS3 新增伪类有哪些？
CSS选择器主要包括id、类、标签等8种基础类型，以及CSS3新增的结构伪类选择器。样式继承方面，字体相关属性可继承，而盒模型属性不可继承。优先级遵循!important>id>class>tag的规则，且就近原则。CSS3新增的结构伪类如:nth-child()、:first-of-type等，增强了根据文档结构选择元素的能力。此外，:enabled、:checked等伪类可控制表单状态。
2025-06-08 11:34:42
322
原创 CSS媒体查询
媒体查询实现网页自适应不同设备。通过设置meta标签控制视口宽度为设备宽度，禁止用户缩放(initial-scale=1, user-scalable=no)。使用@media查询语法，根据设备宽度加载不同样式：小于768px背景红色，768-992px背景粉色，大于992px背景绿色。示例代码展示了如何针对不同的屏幕尺寸设置不同的样式规则，实现响应式布局。
2025-06-07 23:54:13
185
原创 动画+关键帧
CSS动画创建指南 使用@keyframes规则可以创建CSS动画，通过定义关键帧（0%/from到100%/to）来指定样式变化过程。动画属性包括：名称、持续时间、速度曲线、延迟时间、循环次数、播放方向等。timing-function控制动画速度（如ease、linear等），direction设置播放方向（normal或alternate）。还可通过animation-play-state控制播放/暂停状态。该机制允许开发者创建丰富的动态效果，通过百分比精确控制动画各阶段的样式变化。
2025-06-07 23:51:15
303
原创 浮动+清除浮动
CSS浮动属性解析与解决方案 摘要：浮动(float)属性允许元素向左(left)或向右(right)浮动，使元素脱离文档流并形成独立的"浮层"。浮动元素会水平排列，当容器宽度不足时会自动换行。但浮动会引发两个主要问题：父元素高度塌陷和影响后续元素布局。解决方案包括：1)设置父元素固定高度；2)为受影响元素添加clear属性；3)使用overflow:hidden清除浮动；4)通过伪元素(::after)添加clear:both。其中伪对象方式是推荐做法，既能保持布局灵活性又无需预设高度
2025-06-07 23:41:15
658
原创 组件框架网站+demo库+svg库+渐变色库网站+矢量图网站等等
CSS3过渡动画模板、CSS3 Transition动画模板。特点：只需改变首位颜色和中间颜色的数量即可自动生成渐变色。渐变色网站-cool backgrounds。特点：晶体、科技线条、梯度地形渐变背景。渐变色网站-gradientsguru。svg动画库--velocityjs。渐变色网站- CoolHue 2.0。渐变色网站-uigradients。渐变色网站- color.oulu。渐变色网站- colorkit。Bootstrap5文档。
2022-11-17 17:01:30
878
原创 WEB前端代码书写规范
3. 文本属性：color / font / text-decoration / text-align / vertical-align / white- space / break-word。推荐使用属性值 `cmn-Hans-CN`（简体, 中国大陆），但是考虑浏览器和操作系统的兼容性，目前仍然使用 `zh-CN` 属性值。颜色值 `rgb()` `rgba()` `hsl()` `hsla()` `rect()` 中不需有空格，且取值不要带有不必要的 0。若左右大括号在一行，则大括号内侧必须有空格。
2022-11-17 16:57:25
1019
原创 HTML+CSS-Day13-CSS3高级选择器
flex的优点就是避免不灵活的布局形式，创建更多种布局模式供你选择，解决了子元素的对齐和分布与。给外层元素定义flex，把外层元素当做“容器”元素，来控制其内部的子项元素“项目”的排列方式。其他选择器[属性名^="开头字段"] 找到某个元素的特定属性中特定值的开头字段，为筛选依据。其他选择器[属性名$="结尾字段"]找到某个元素特定属性中特定值的结尾字段，为筛选依据。其他选择器[属性名*="某些字段"]找到某个元素的特定属性中含有的某些字段，为筛选依据。缺点是只能依靠自身的布局模式，稍有变化则无法改变。
2022-10-11 09:07:56
419
原创 HTML+CSS-Day12
信封用重复渐变 background-image: repeating-linear-gradient(-45deg,#f00 0 10px,#fff 10px 20px,#00f 20px 30px,#fff 30px 40px)`background-image：linear-gradient(方向，颜色1 起始值 结束值，颜色2 起始值 结束值，颜色n 起始值 结束值……z-index就是z轴的顺序，z-index可以设置字符值，如：auto，多数情况设置整数值，可以为负值。padding: 0;
2022-09-29 09:47:22
457
原创 HTML+CSS-Day11
可以清除子元素浮动带来的影响。元素的内容可以是元素内的文字，也可以是元素的宽度和高度，大部分内联元素设置宽高无效，只能依靠内容撑开，因此内容就是内联元素中的文字。当父元素400*400,每个子元素都宽度100,但高不同,并且子元素都浮动.这时候父元素宽度减少,浮动元素会折行,补位占位。和内边距一样，外边距可以简写1～4个值，下和右不会产生效果的原因，是因为外边距其实是当前元素与同级元素之间的距离。，父元素的兄弟元素会和父元素的子元素重叠，就违背了BFC的初衷，所以要清除浮动带来的影响。padding：0;
2022-09-29 09:44:50
346
原创 HTML+CSS-Day10
所以形成BFC的元素可以清除浮动带来的影响，不然的话，子元素浮动，父元素塌陷，父元素的兄弟元素会和父元素的子元素重叠，就违背了BFC的初衷，所以要清除浮动带来的影响。用户的浏览器默认渲染的文字大小是“16px”（大多数浏览器）“em”是一个相对的大小，相对的是"父级元素"的字体大小，我们可以这样来设置 1em，0.5em，1.5em。可以清除子元素浮动带来的影响。）在父级水平居中的方式：是对块级元素中的文字，或对块级元素的内联元素水平居中，这个元素需要给父级（块元素），块级元素的水平居中不能使用该属性。
2022-09-20 14:55:42
563
原创 HTML+CSS-Day09
用户的浏览器默认渲染的文字大小是“16px”（大多数浏览器）“em”是一个相对的大小，相对的是"父级元素"的字体大小，我们可以这样来设置 1em，0.5em，1.5em。字体字重就是字体粗细，但根据浏览器的不同可能展现的粗细表现也不同，因此有些值的差别看不出来，尤其是移动端，要提醒 ui 不要太细，不要太粗，显得更专业。）在父级水平居中的方式：是对块级元素中的文字，或对块级元素的内联元素水平居中，这个元素需要给父级（块元素），块级元素的水平居中不能使用该属性。需要字体库的支持，用户字库中含有的字体。
2022-09-16 13:56:18
1611
原创 HTML+CSS-Day08
今天学习内容1:完成昨天作业 1.1:修改用户信息 1.2:扩展学习资料与视频(黑米2 黑米 3) 链接：https://pan.baidu.com/s/1xnbyC8iNxnX-sgBuPURu_g提取码：kqfx2:在ftp css/day01/下载 ziliao3:css 部分 #特点:入门轻松 进阶花多时间 黑米1;代码视频css 极其优秀编程序(入门非常简单;见效快)缺点:单词稍多;(常用背下 几十个)(1)黑米1 完善PC网页开发完整流程(2)牙科诊所(3)幼儿园只代码一、css
2022-09-14 11:30:13
382
原创 HTML+CSS-Day07
是否是会员 用户名 手机号{"code":1, "msg":"注册成功"}{"code":0, "msg":"注册失败"}综合示例(ajax 小项目) 用户管理系统 ((2)分析服务器数据(node)
2022-09-02 13:33:25
373
原创 HTML+CSS-Day06
常见错误一: xhr.send(`uname=${uname.value}&upwd=${upwd.value}`);常见示例一: xhr.open(“POST”,”127.0.0.1:3000/admin/login”,true);解决问题: xhr.send(`aname=${uname.value}&apwd=${upwd.value}`);u_phone 用户手机号 u_member 是否会员(1,0) 1会员 0不是会员。-接收请求地址 http://127.0.0.1:3000/
2022-09-02 13:32:36
995
原创 HTML+CSS-Day05
基本概念与一些常见语法是什么:javascript 是一种(前端开发)与后端开发通用编程语言能做什么:网页动态效果;网页游戏;开发后端程序
2022-08-29 17:21:39
202
原创 HTML+CSS-Day04
HEAD：是 GET 方法的“简化版”，也是请求从服务器获取资源，服务器的处理机制也是一样的，但服务器不会返回请求的实体数据，只会传回响应头，也就是资源的“元信息”。）是 GET 方法的“简化版”，也是请求从服务器获取资源，服务器的处理机制也是一样的，但服务器不会返回请求的实体数据，只会传回响应头，也就是资源的“元信息”。而，异步方法通常会在另外一个线程中，“真实”地执行着。(1)异步请求无法获取到返回内容，因为4步很快就执行完，等待数据回来后，再没有接收响应的方法了，所以数据回来了也看不到了。
2022-08-25 10:02:21
176
原创 HTML+CSS-Day03
把 "for" 属性的值设置为相关元素的 id 属性的值。name 属性相同则可以让单选框变为一组，从而达到单选的目的 name="值"，值相同的单选框，都会被作为一组单选框，一组单选框的选项只能选择其一。- `type="submit"`定义提交按钮，提交按钮会把表单数据发送到服务器，数据会被发送到在 from 表单的 action 属性中规定的 URL。- `` 下拉菜单标签,双标签，但不能单独存在，只能包裹`` 标签是选项标签。
2022-08-25 09:12:20
142
转载 Vue PC端框架和Vue移动端UI框架
在学习Vue的过程之中，我发现不管是 BAT 大厂，还是创业公司，Vue 都有着广泛的应用，而且框架层出不穷，学习文档也越来越多，Vue也越来越受欢迎。github地址：。github地址：。github地址：。github地址：。github地址：。github地址：。Vue移动端UI框架。github地址：。github地址：。github地址：。github地址：。github地址：。...
2022-08-15 11:06:36
1715
原创 HTML+CSS-Day02
定义当前表单提交时发送的动作，表示表单中的数据，将要提交给那个接口来处理，如果action什么值也不写，默认提交到当前页面。valign="top" 这一行单元格中内容的垂直对齐方式 top靠上/middle居中/bottom 靠下。size：大小，显示出来的选项个数，默认是1个，1个的时候是下拉选框，>1时会变成滚动条。注意：要把被合并的单元格删除掉，比如2，1合并两行，那3，1就得删除。td：写在tr标签里，表示这一行的这一个单元格，是真正写数据的地方。...
2022-08-15 09:22:34
145
原创 HTML+CSS-Day01
什么是HTML？超文本标记语言HyperText Markup Language，它用来定义页面上的内容，如：文字 表格 图片 音频视频 超链接以.html或.htm后缀html的常用标签页面的一个渲染指定，分为两种：双标记标签/封闭型标签：必须成对出现，比如：文本单标记标签......
2022-08-12 11:23:44
130
前端开发常用前端资源汇总：轮播图、动画库、UI框架及工具网址导航
2025-06-08
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人