- 博客(23)
- 收藏
- 关注
RSS订阅原创 JavaScript APIs学习day4--BOM
本文介绍了JavaScript中的BOM（浏览器对象模型）概念及其核心对象window。BOM提供了与浏览器交互的接口，主要包含window对象及其事件（如页面加载、窗口调整）、定时器（setTimeout、setInterval）的使用与停止方法、this关键字的指向规则、JS单线程执行机制（同步与异步任务处理）以及location、navigator、history对象的功能与应用场景。通过案例演示了广告关闭、倒计时、短信发送、页面跳转等常见网页交互功能的实现方式。
2025-05-27 20:08:18
983
原创 JavaScriptAPIs学习day3--事件高级
本文详细介绍了JavaScript中的事件处理机制，包括事件的注册、删除、事件流、事件对象、事件委托以及常用的鼠标和键盘事件。事件注册可以通过传统方式或方法监听方式实现，其中addEventListener是推荐的方法，而attachEvent则适用于IE8及更早版本。事件流分为捕获、目标、冒泡三个阶段，开发者通常更关注冒泡阶段。事件对象包含了事件的相关信息，如鼠标位置、键盘按键状态等。事件委托通过将事件监听器设置在父节点上，利用冒泡原理影响子节点，从而提高性能。常用的鼠标事件包括click、mousemo
2025-05-22 21:00:14
1170
原创 JavaScript APIs学习day2--DOM！！
DOM操作指南摘要 DOM（文档对象模型）是操作HTML/XML的标准编程接口。核心内容包括： 获取元素： getElementById()：通过ID获取 getElementsByTagName()：通过标签名获取 querySelector()/querySelectorAll()：CSS选择器获取 特殊元素获取：document.body/document.documentElement 事件处理： 三要素：事件源、事件类型、处理程序 常见事件：onclick、onmouseover、onfocus等
2025-05-21 17:37:04
844
原创 JavaScript APIs阶段学习day1-APIs简介
JavaScript（JS）的学习分为基础阶段和WebAPIs阶段。基础阶段主要学习ECMAScript语法，为后续应用打下基础。WebAPIs则是JS在浏览器中的应用，利用JS基础语法实现交互效果。API（应用程序编程接口）是预先定义的函数，帮助程序员实现功能而无需了解内部机制。WebAPI是浏览器提供的API，用于操作浏览器功能和页面元素，如BOM和DOM，主要实现浏览器交互效果。学习WebAPI可结合内置对象方法的思路，理解其输入输出及函数使用。
2025-05-19 14:59:03
391
原创 移动端学习day2--flex布局
本文介绍了Flex布局的基本概念、原理及其应用。Flex布局是一种弹性盒模型，适用于移动端或不需考虑兼容性的PC端页面布局。通过为父容器设置display: flex，子元素自动成为Flex项目，父容器可通过flex-direction、justify-content、flex-wrap等属性控制子元素的排列方式。子元素则可通过flex、align-self、order等属性调整自身在布局中的表现。Flex布局的核心在于通过主轴和侧轴的设置，灵活控制子元素的位置和排列顺序，适用于复杂的页面布局需求。
2025-05-19 14:24:23
1011
原创 JavaScript 学习day6--简单类型与复杂类型
在编程中，数据类型分为简单类型（值类型）和复杂类型（引用类型）。简单类型包括string、number、boolean、undefined和null，它们的值直接存储在栈中。复杂类型如Object、Array、Date等，通过new关键字创建，其引用（地址）存储在栈中，而实际对象存储在堆中。在函数传参时，简单类型传递的是值的副本，修改不会影响原变量；而复杂类型传递的是引用，修改会影响原对象。这种内存分配和传参机制有助于理解代码执行方式，并为学习其他编程语言打下基础。
2025-05-18 20:20:03
391
原创 JavaScript学习day5--作用域&对象
作用域是程序中变量和函数的可访问范围，分为全局作用域和局部作用域。全局作用域适用于整个代码环境，而局部作用域仅限于函数内部。在ES6之前，JavaScript没有块级作用域，意味着在if或循环语句中声明的变量在外部也可访问。变量根据作用域分为全局变量和局部变量，全局变量在代码任何位置可用，而局部变量仅限于函数内部。作用域链机制允许内部函数访问外部函数的变量，遵循就近原则。预解析是JavaScript执行代码前的步骤，涉及变量和函数的提升，即声明被提前到作用域顶部。对象是属性和方法的集合，可以通过字面量、ne
2025-05-15 14:18:50
841
原创 移动端学习day1
移动端开发涉及多个关键技术和策略。首先，移动端浏览器多基于Webkit内核，如UC、QQ和百度浏览器，因此开发时需重点兼容Webkit内核。视口设置是移动端开发的基础，包括布局视口、视觉视口和理想视口，通过meta标签可以控制视口宽度与设备一致，并设置缩放比例。为了适应高分辨率屏幕，如Retina屏，常使用二倍图或多倍图来避免图片模糊。移动端布局通常采用流式布局（百分比布局），以适应不同屏幕尺寸。此外，CSS3盒子模型在移动端开发中广泛应用，它使得padding和border不会撑大盒子，简化了布局计算。移
2025-05-14 20:06:22
696
原创 JavaScript学习day4--函数
在JavaScript中，函数是封装可重复调用代码块的工具，通过声明和调用函数实现代码的复用。函数声明使用function关键字，调用时需添加小括号。函数可以封装一个或多个功能，提供简单的接口。参数分为形参和实参，用于在函数调用时传递不同值。return语句用于返回值，若无return，函数返回undefined。arguments对象用于处理不确定数量的参数。函数可以相互调用，且有两种声明方式：自定义函数和函数表达式。通过函数，可以实现如计算累加和、数组翻转、排序、判断闰年等复杂操作。
2025-05-14 14:48:51
855
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人