摘要: 一、前端同步与异步概念 1. 同步执行 代码自上而下依次执行,上一行代码执行完毕,才会执行下一行,阻塞后续代码执行,适合简单逻辑处理。 2. 异步执行 耗时操作(接口请求、定时器、文件读取)放入异步队列,不会阻塞主线程,主线程继续执行后续代码,异步任务完成后回调执行,是前端交互的核心机制。 常见异步 阅读全文
posted @ 2026-07-09 08:11 wishtody 阅读(3) 评论(0) 推荐(0)
摘要: 一、传统浮动布局(Float) 1. 作用 实现元素横向排列,是Flex布局出现前的主流布局方式,多用于简单图文排版、多列布局。 2. 特性 浮动元素脱离标准文档流,不再占据普通文档流空间; 支持左右浮动(float:left/right); 父元素高度塌陷(核心问题):子元素浮动后,父元素无法自适 阅读全文
posted @ 2026-07-09 08:10 wishtody 阅读(3) 评论(0) 推荐(0)
摘要: 一、ES6 概述 ES6(ES2015)是JavaScript的重大版本更新,新增大量语法糖和新特性,简化代码写法、解决ES5语法缺陷,是Vue、React等框架的基础语法,现代前端开发必须熟练掌握。 二、核心常用语法 1. 解构赋值 快速从数组、对象中提取值,简化变量赋值代码: 数组解构:cons 阅读全文
posted @ 2026-07-09 08:10 wishtody 阅读(6) 评论(0) 推荐(0)
摘要: 一、JavaScript 简介 JS是前端唯一的脚本语言,负责页面的交互逻辑、动态渲染、数据处理,可实现表单验证、轮播图、弹窗、AJAX请求等功能,是前端开发的核心编程语言,支持面向对象、函数式编程。 二、变量声明规则 JS三种变量声明方式,核心区别在于作用域、变量提升、重复声明: var:函数级作 阅读全文
posted @ 2026-07-09 08:09 wishtody 阅读(4) 评论(0) 推荐(0)
摘要: 一、CSS3 概述 CSS3是层叠样式表的最新版本,采用模块化设计,新增选择器、圆角、阴影、渐变、过渡、动画等特性,实现了纯CSS实现复杂视觉效果,大幅减少JS代码量,提升页面渲染流畅度。 二、常用高级选择器 高效精准选中元素,简化CSS代码层级,提升样式复用性: 后代选择器(空格):匹配所有后代元 阅读全文
posted @ 2026-07-09 08:08 wishtody 阅读(1) 评论(0) 推荐(0)
摘要: 一、HTML5 简介 HTML5是超文本标记语言的第五次重大修订,摒弃了HTML4中冗余、不合理的标签,新增大量语义化标签、多媒体标签、表单属性及本地存储能力,是现代网页开发的基础标准,兼容所有主流浏览器,大幅提升了网页的可读性、扩展性和移动端适配能力。 二、核心语义化标签 语义化标签的核心作用:清 阅读全文
posted @ 2026-07-09 08:07 wishtody 阅读(4) 评论(0) 推荐(0)
摘要: 单行文本垂直居中(行高法) 单行文本垂直居中 - 行高实现方案 优缺点 优点:兼容性最好、代码最简单、性能最优 缺点:仅支持单行文本,多行文本会错乱 阅读全文
posted @ 2026-04-30 09:32 wishtody 阅读(5) 评论(0) 推荐(0)
摘要: 一、插入图片 Tips 1.图片一定要放到项目里的img文件夹下 2.图片的格式选择原则:在保证成像质量的情况下,文件大小越小越好 常见的图片格式有:jpeg、gif和png 最新的2种:svg、webp gif:支持动画显示 png:支持透明背景 jpeg或jpg:颜色丰富 插入图片的格式: <i 阅读全文
posted @ 2026-03-29 22:14 wishtody 阅读(6) 评论(0) 推荐(0)
摘要: 3.19日 一、脉络梳理 1、新建项目,项目名称mySite,路径D盘根目录 2、新建样式文件,名称为style.css,并通过外部引入主页中 3、主页中插入标题一、标题二和一个段落 html 小池文本 <h2 style="text-align: center;">小池文本2</h2> <!--段 阅读全文
posted @ 2026-03-22 23:17 wishtody 阅读(6) 评论(0) 推荐(0)
摘要: 一、输入输出语句 输出alert 1.参数是字符串 alert('hello') 2.参数是变量 var a='张三' alert('大家好,我是'+a) 3.参数是表达式 表达式:3+2=5 A>5 +两个作用 (1)加法:两边都是数值 (2)连接符两边有一边是字符串 输入prompt 输出doc 阅读全文
posted @ 2026-03-18 20:57 wishtody 阅读(8) 评论(0) 推荐(0)