- 博客(32)
- 收藏
- 关注
RSS订阅原创 JavaScript：移动端特效--从触屏事件到本地存储
JS插件是js文件，遵循一定规范编写，方便程序展示效果，拥有特定功能且方便调用。特点：为了解决某个单一问题而存在，功能单一且比较小。
2025-07-12 16:44:04
781
原创 JavaScript：PC端特效--缓动动画
缓动动画就是让元素运动速度有所变化，最常见的就是让元素慢慢停下来：点击按钮后盒子缓停写完运行发现，这个案例有小bug，它并没有准准的停在我们设置的目标位置，因为它涉及到了除法，有小数点后就慢慢没那么精确了那么我们就把step向上取整，尽量避免小数运算，向上取整是因为能延缓速度的变化，让缓动效果更加柔和不过这样写忽略了后退时的效果，比如在这个时候前进能准确到目标位置，但是后退时不能，按照上面修复bug的思路看，是取整出现问题了，和前面相似，后退时应该向下取整。
2025-05-19 23:37:29
644
原创 JavaScript：PC端特效-从mouseenter和mouseover的区别到动画函数
当鼠标移动到元素上时就会触发mouseenter事件，这个看起来和mouseover事件很像那它们的区别是什么呢？mouseenter只会经过自身盒子才触发，而mouseover经过自身盒子以及子盒子都会触发大家就要问了，主播主播，这是为什么呢？因为mouseover会有一个冒泡的过程，鼠标经过父盒子时执行一次，经过子盒子时，把事件又放到子盒子上，经历冒泡后，又会触发绑定在父盒子身上的事件，而mouseenter没有这个过程，所有才会产生上面所说的区别。
2025-05-17 16:58:56
336
原创 JavaScript：PC端特效--元素可视区client系列
client翻译过来就是客户端，我们使用client系列的相关属性来获取元素可视区的相关信息。通过client系列的相关属性可以动态的得到该元素的边框大小、元素大小等。：clientWidth和offsetWidth的最大区别就是clientWidth不包含边框，offsetWidth包含边框给一个div盒子加上背景色以及宽度和高度如果再加上一个边框它依旧是200px，由此可以看出clientWidth是不会加上边框的，但是呢，如果有内边距padding的话，它会加上内边距。
2025-05-16 09:33:13
980
原创 JavaScript：pc端网页特效--元素偏移量offset系列
offset翻译过来就是偏移量，我们使用offset系列相关属性可以动态的得到该元素的位置（偏移）、大小等。
2025-05-03 12:41:16
1075
原创 JavaScript：从JS的执行机制到location对象
JavaScript语言的一大特点就是单线程，也就是同一时间只能做一件事。因为JavaScript是为了处理页面中的用户交互，以及制作DOM二诞生的。比如我们对某个DOM元素进行添加和删除操作，这个不能同时进行，应该先添加，后删除。这样也会有问题：如果JS执行时间过长，会造成页面渲染不连贯，导致页面渲染加载阻塞的感觉为了解决这个问题，利用多喝CPU的计算能力，HTML5提粗Web Worker标准，允许JavaScript脚本创建多个线程，于是就有了同步和异步。
2025-04-30 23:17:09
1132
原创 JavaScript：从DOM概述到window对象的常见事件
BOM（Browser Object Model）即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window。
2025-04-28 16:50:59
942
原创 JavaScript：从事件对象到键盘事件
1.event对象代表事件的状态，比如键盘按键的状态、鼠标的位置、鼠标按钮的状态，大概就是事件发生后，跟事件相关的一系列信息数据的集合都放到这个对象里面，这个对象就是事件对象event，它有很多属性和方法2.事件对象只有有了事件才会存在，它是系统自动创建的，不需要我们传递参数，比如鼠标点击，里面就包含了鼠标的相关信息，像鼠标坐标，如果是键盘事件，里面就包含了键盘事件的信息，像判断用户按下了哪个键3.这个事件对象我们可以自己命名，比如event，eve，e。
2025-04-25 18:38:18
838
原创 JavaScript：注册事件到事件流
给元素添加事件，称为注册事件或者绑定事件注册有两种方式：传统方式和方法监听注册方式1.传统注册方式2.方法监听注册方式。
2025-04-24 20:39:53
638
原创 前端之勇闯DOM关
唐伯虎//(1)事件源 事件：被触发的对象 谁：按钮//(2)事件类型 如何触发 什么事件 比如鼠标点击(onclick)，还是鼠标经过，还是鼠标按下//(3)事件处理程序 通过一个函数赋值的方式完成alert('点秋香');
2025-04-22 23:39:21
1041
原创 药店药品管理系统（c语言版，使用链表）
以上是写该系统的总体思路，如果有不好的地方欢迎大佬的批评指正（✿✿ヽ(°▽°)ノ✿）系统原代码如下// 定义用户结构体/*建立一个结构体储存商品信息*/int price;int number;/*注册用户的函数声明*//*加密密码的函数声明*//*解密密码的函数声明*//*登录用户的函数声明*//*删除用户的函数声明*//*修改密码的函数声明*//*欢迎界面的函数声明*//*输入药品信息的函数声明*//*打印药品信息报表的函数声明*/
2025-04-17 16:00:00
931
原创 Web APIs阶段
API是为我们程序员提供的一个接口，帮助我们实现某种功能，我们会使用就可以了，不必纠结内部怎么实现Web API主要针对浏览器提供的接口，主要针对于浏览器做交互效果Web API一般都有输入和输出（函数的传参和返回值），Web API很多都是方法（函数）
2025-04-15 09:30:21
163
原创 十八章：数据类型内存分配
简单类型又叫特殊：null 返回的是一个空的对象object使用情况：如果有一个变量我们以后打算存储为对象，又暂时没想好写什么，这时候用null。
2025-04-15 08:59:31
396
原创 十七章：内置对象
Math对象不是构造函数，它具有数学常数和函数的属性和方法。跟数学相关的运算（求绝对值、取整、最大值等）可以使用Math中的成员Math.PI//圆周率Math.floor//向下取整Math.ceil//向上取整Math.round//四舍五入版 就近取整 注意：-3.5就近取整的结果是-3Math.abs//绝对值//求最大和最小值。
2025-04-14 12:29:22
638
原创 十六章： 预解析和对象
对象是一个具体的事物例如：苹果不是对象，一个苹果是对象，猴子不是对象，孙悟空是对象对象是由属性和方法构成的属性：事物的特征，在对象中用属性来表示（常用名词）方法：事物的行为，在东西中用方法来表示（常用动词）
2025-04-10 17:29:00
905
1
原创 第十三章：函数的返回值（2）
有的时候，我们希望函数将返回值返回给调用者，此时通过使用return语句就可以实现1.我们函数只是实现某种功能，最终的结果需要返回给函数的调用者 函数名() 通过return实现的2.只要函数遇见return 就把后面的结果返回给函数的调用者 函数名（）=return后面的结果例如。
2025-04-07 19:16:55
384
原创 第十一章：大闹数组山之冒泡排序
冒泡排序是一种算法，把一系列的数据按照一定的顺序进行排列显示（从小到大或从大到小）例如：将数组[5,4,3,2,1]排列成[1,2,3,4,5]2.第二层循环（每一趟交换的次数）length-1-i、1.第一层循环（一共循环的趟数）length-1。
2025-04-06 16:50:12
254
原创 第九章：灵台学艺：第八式：数组（1）
数组是指一组数据的集合，其中每个数据被称作元素，在数组中可以存放任意类型的元素。数组是一种将一组数据存储在单个变量名下的优雅方式。
2025-03-27 23:52:40
308
原创 第八章：灵台学艺--第七式：while循环和do while循环+continue和break
while语句在条件为真的情况下，循环执行指定的一段代码，直到表达式不为真时结束循环1 先执行条件表达式，如果结果为true，则执行循环代码，否则，则退出循环，执行后面的代码2 执行循环代码3 循环代码执行完后，继续执行条件表达式......
2025-03-26 22:37:48
304
原创 第七章：灵台学艺--第六式：for循环（1）
/for可以执行相同的代码i < 10;i++)console.log('来财');//我们可以让用户控制输出次数var num = prompt('请您输入次数');i < n;i++)console.log('来财');
2025-03-26 00:05:33
187
原创 第六章：灵台学艺--第五式：流程控制与分支结构
用户输入数字，如果数字小于10，则在前面补0，比如01，09，如果数字大于10，则不需要补，比。如果条件1真，执行语句1，为假，看条件表达式2，为真，这些语句2，为假，看条件表达式3……顺序结构是程序中最简单，最基本的流程控制，它没有特定的语法结构，程序会按照代码的先后顺。由上到下执行代码的过程中，根据不同的条件，执行不同的路径代码（执行代码多选一的过程），如果条件为真，则执行大括号里面的代码，如果条件为假，则执行下面的语句。如果条件表达式为真，则输出表达式1，为假，输出表达式2。
2025-03-23 17:56:39
351
原创 第四章：灵台学艺--第三式：扩展阅读
计算机不能直接理解任何除机器语言以外的语言，所以必须要把程序员所写的程序语言翻译成机器语言翻译成机器语言才能执行程序。程序语言翻译成机器语言的工具，被称为翻译器。
2025-03-17 23:12:06
336
原创 第三章：灵台学艺--第二式：数据类型
在计算机中，不同的数据所需占用的存储空间是不同的，为了便于把数据分成所需内存大小不同的数据，充分利用存储空间，于是定义了不同的数据类型。
2025-03-15 23:27:29
496
原创 第一章：猴王出世之JS
浏览器分为：渲染引擎和JS引擎渲染引擎：用来解析HTML和CSS，俗称内核，比如chrome浏览器里的blink，老版本的webkitJS引擎：俗称为JS解释器，用来读取网页中的JavaScript代码，比如chrome浏览器的V8浏览器本身并不会执行JS代码，而是通过JS引擎来执行它，JS引擎执行代码时会逐行解释每一行源码，然后由计算机执行，所以JavaScript归为脚本语言。五、JS的组成。
2025-03-10 22:40:34
146
原创 HTML和css学习总结
视口就是浏览器显示页面内容的屏幕区域。视口可以分为局部视口，视觉视口和理想视口布局视口layout viewport一般移动设备的浏览器都默认设置了一个布局视口，用于解决早期的pc端页面在手机上显示的问题iOS，Android基本将这个市口分辨率设置为980px，所以pc上的网页大多都能在手机上呈现，只不过元素看上去很小，一般默认可以通过手动缩放网页视觉视口visual viewport字面意思，它是用户正在看到的网站的区域，注意：是网站的区域。
2025-02-25 17:39:46
730
原创 学生成绩管理系统（c语言版，含链表）
printf("学号：%d，姓名：%s，成绩：%d\n",move->stu.num,move->stu.name,move->stu.score);turn=turn->next)/*冒泡排序*/if(a==move->next->stu.num)/*如果输入的数字和节点中存储的学生序号相同则找对了*/if(a==move->stu.num)/*如果输入的数字和节点中存储的学生序号相同则找对了*/if(b==move->stu.num)/*如果输入的数字和节点中存储的学生序号相同则找对了*/
2024-12-10 22:42:02
423
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人