首页
前端基础
HTML5+CSS3教程
HTML
CSS
JavaScript
JavaScript教程
笔记
有趣的代码
思与学
浏览器引擎
瞬间
友链
星野集-个人编程学习与开发笔记归档
累计撰写
114
篇文章
累计创建
113
个标签
累计收到
1
条评论
栏目
首页
前端基础
HTML5+CSS3教程
HTML
CSS
JavaScript
JavaScript教程
笔记
有趣的代码
思与学
浏览器引擎
瞬间
友链
目 录
CONTENT
星野集-个人编程学习与开发笔记归档
精品分类
全部分类
HTML
JavaScript
CSS
思与学
最新文章
2025-07-26
置顶
html5+css3基础入门-第1章-1.1-Web开发概述
学习目标 理解前端开发的核心职责与技术栈构成 掌握HTML、CSS、JavaScript三者的协作关系 了解浏览器渲染网页的基本流程 认识Web标准
2025-07-26
65
0
0
HTML5+CSS3教程
2025-07-22
置顶
键盘上的人生重启:我见过的那些"大龄"程序员逆袭故事
键盘上的人生重启:我见过的那些大龄程序员逆袭故事.mp3 当保安朱帅敲下第一行代码时,他还不知道自己会成为COO 2015年的成都,21岁的朱帅穿着保安制服站在酒吧门口,凌晨三点的霓虹灯光刺得他眼睛生疼。那时的他不会想到,八年后会以COO的身份站在鱼泡直聘的写字楼里,管理着数百人的技术团队。这个从建
2025-07-22
58
0
1
思与学
2025-12-17
includes():数组中快速查找元素的实用工具
在编程中,我们经常需要判断一个数组里是否包含某个特定元素。比如,检查用户选择的兴趣标签里有没有“阅读”,或者验证购物车中是否已添加某件商品。这时,includes() 方法就能派上用场——它是 JavaScript 数组自带的一个简单工具,专门用来完成这类“存在性检查”。 一、includes()
2025-12-17
9
0
0
JavaScript
笔记
2025-12-16
认识 indexOf():帮你快速定位元素的“位置探测器”
在编程中,我们经常需要在一个序列(比如一串文字、一组数据中)找到某个特定元素的位置。这时候,indexOf() 就是一个实用的工具。它像一把“位置探测器”,能告诉你目标元素在序列中的索引(即位置编号),如果找不到,还会明确告诉你“没找到”。 先理解“索引”:位置编号的规则 在讲解 indexOf()
2025-12-16
13
0
0
JavaScript
笔记
2025-12-16
数组合并:JavaScript数组拼接的那些事
在JavaScript的世界里,数组就像一排有序的盒子,每个盒子里装着数据。有时候,我们需要把两排甚至多排盒子合为一排,让它们“手拉手”站在一起,这就是数组拼接。看似简单的需求,却藏着几种不同的实现方式,各有各的性格。 一、最“老实”的拼接:concat()方法 concat()是数组自带的一个方法
2025-12-16
5
0
0
笔记
JavaScript
2025-12-13
轻松搞懂 JavaScript 数组的 splice() 方法
如果你刚接触 JavaScript 数组操作,一定会对 splice() 这个方法感到好奇——它名字听起来有点奇怪,但却是数组修改的“万能工具”。今天我们就用最直白的语言,结合具体例子,把这个“万能工具”的用法彻底搞清楚。 一句话记住 splice() 的核心作用 splice() 是数组的“手术刀
2025-12-13
4
0
0
JavaScript
笔记
2025-11-25
与Flexible.js的邂逅:一段移动端适配的旧时光
在移动端开发的早期,面对纷繁复杂的屏幕尺寸,如何实现优雅的适配,曾是每个前端开发者必须面对的课题。那时,viewport 标签还未像今天这般强大,CSS3 的 vw 单位也尚未得到普遍支持。正是在这样的背景下,我遇到了 Flexible.js,一个来自手淘团队的轻巧解决方案。 它并非一个功能繁复的框
2025-11-25
10
0
0
CSS
笔记
2025-11-25
CSS3核心特性-第10章-10.2-动画控制与事件
学习目标 掌握 animation-play-state 和 animation-fill-mode 属性的语法与取值 实现动画的暂停/播放控制及状态保持效果 学会监听 animationstart/animationend 等动画事件并处理回调逻辑 概念讲解 CSS 动画控制是指通过属性和事件对动
2025-11-25
7
1
0
HTML5+CSS3教程
CSS
2025-11-18
文字跑马灯的技术实现与美学思考
2025-11-18
29
0
0
有趣的代码
笔记
2025-11-16
CSS3核心特性-第10章-10.1-动画基础语法
学习目标 掌握 @keyframes 关键帧规则的定义方法 理解 animation 属性的核心子属性及其取值 能够编写简单的循环动画和单次动画效果 区分动画与过渡(transition)的适用场景 概念讲解 CSS3 动画(Animation)是通过 @keyframes 定义关键帧序列,控制元素
2025-11-16
23
0
0
CSS
HTML5+CSS3教程
2025-11-11
CSS3核心特性-第9章-9.4-实战:交互动效设计
一、学习目标 掌握3种核心交互动效的实现逻辑:按钮状态变化、导航菜单切换、3D卡片翻转 理解动效设计的性能优化原则(如硬件加速、避免过度重绘) 能够综合运用transition、transform和perspective属性构建复杂交互 二、概念讲解:交互动效设计原则 交互动效是提升用户体验的关键手
2025-11-11
12
0
0
CSS
HTML5+CSS3教程
2025-11-02
css中的单位em和rem的区别
在前端学习中你会遇到一个问题:em和rem这两个长度单位到底该如何选择?它们的名称如此相似,实际应用场景却大相径庭。起初,我常因混淆二者导致布局错位或样式调试耗时,直到近日系统梳理后,才逐渐摸透了它们的脾气。以下结合实践,记录我的理解与使用心得。 先明确本质:em与rem的核心差异 em:基于父元素
2025-11-02
10
0
0
笔记
CSS
2025-10-19
救了大命!我再也不用手动调 CSS 属性顺序了
有没有过这种情况? 你辛辛苦苦写的 CSS,保存后打开一看——position挤在width后面,color跑去了display底下,像菜市场摊位乱摆;或者同事改了个按钮样式,属性顺序全乱,你盯着代码半天反应不过来:“这行到底是管位置的还是管颜色的?” 上周我刚被这事儿烦到摔鼠标——帮新人改他的登录
2025-10-19
33
0
0
开发技巧
笔记
2025-10-18
别再死磕固定宽度了!我踩了3次坑才搞懂的响应式容器“舒服密码”
你有没有过这种情况? 熬夜写了个自认为超好看的网页,第二天用手机打开——文字挤得像被揉皱的纸团,图片卡在屏幕边缘快溢出来;电脑上倒还像模像样,可用户哪会只用电脑看你东西啊? 先搞懂:为啥要给容器“松绑”? 我刚开始学的时候,特喜欢给容器设固定宽度——比如1200px,觉得“这宽度够宽,电脑上看特大气
2025-10-18
29
0
0
笔记
CSS
2025-10-15
关于CSS结构伪类的几点实践
最近在做项目中的文章列表页,遇到个挺有意思的小问题:想给列表的第一个项加个粗体突出,最后一个项加条下划线提示“更多内容”,一开始我居然傻乎乎地给每个<li>手动加了class="first"和class="last"。结果HTML里堆了一堆类名,同事瞥了眼屏幕说:“你咋不用结构伪类?明明不用加额外c
2025-10-15
12
0
0
CSS
笔记
查看更多