JavaScript
关注
分享
扫一扫
文章平均质量分 83
qiao若huan喜
每天都往前一点点，总能走到终点。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
vue开发常用css，js 篇2（持续更新）
vue开发常用css，js, git操作 篇1已完结了原创 2024-03-26 15:10:04 · 402 阅读 · 0 评论 -
5、倒计时翻页效果
完成一个倒计时，时分秒都对应可以进行翻动的效果。原创 2025-08-07 20:15:00 · 291 阅读 · 0 评论 -
4、卡片阴影&文字阴影&渐变阴影效果
给一张图片添加阴影，跟随鼠标位置进行旋转。原创 2025-07-30 20:15:00 · 1739 阅读 · 0 评论 -
3、环绕照片墙效果
使用 scss 语法进行书写，vscode 中使用。给 n 张图片，做环绕的效果。鼠标左右移动开始变化可视照片。// 监听鼠标事件进行左移右移。// 循环旋转图片。原创 2025-07-29 12:45:00 · 225 阅读 · 0 评论 -
2、水波纹进度样式效果
根据进度变化，实时改动圆圈内中的水波变化。原创 2025-07-28 22:15:00 · 736 阅读 · 0 评论 -
1、四角线框跟随鼠标移动效果
四角线框住我们的图形或者图片，鼠标移动时，线框跟着一起移动到对应元素上。原创 2025-07-23 20:45:00 · 1525 阅读 · 0 评论 -
JavaScript核心高级内容复习4
进程：程序的一次执行, 它占有一片独有的内存空间线程： CPU的基本调度单位, 是程序执行的一个完整流程进程与线程一个进程中一般至少有一个运行的线程: 主线程一个进程中也可以同时运行多个线程, 我们会说程序是多线程运行的一个进程内的数据可以供其中的多个线程直接共享多个进程之间的数据是不能直接共享的浏览器运行是单进程还是多进程?有的是单进程firefox老版IE有的是多进程chrome新版IE如何查看浏览器是否是多进程运行的呢?任务管理器==>进程。原创 2023-03-30 20:45:00 · 441 阅读 · 0 评论 -
JavaScript核心高级内容复习1
JavaScript核心高级内容复习1。原创 2023-03-04 16:02:31 · 886 阅读 · 0 评论 -
es5、es6、es7 的视频学习
es5中的两个方法。bb普通拼串和模板字符串 { console.log('打印当前用户的所有信息',res.userInfo); }})结果截图如下：2、获取当前所在位置的详细地址备注： 请求中url 里面的&key= 后面的数据可以换成在腾讯地图上申请的key，申请链接，当然这个链接只是微信小程序的，更多请直接去官网看哈。uni.getLocation({ geocode:true, success(res){ console.lo原创 2021-08-17 16:29:45 · 1565 阅读 · 0 评论 -
js模块化
模块化进化史教程全局function模式module1.js//数据let data = 'atguigu.com'//操作数据的函数function foo() { console.log(`foo() ${data}`)}function bar() { console.log(`bar() ${data}`)}module2.jslet data2 = 'other data';function foo() { //与另一个模块中的函数冲突了 conso原创 2021-01-04 21:54:08 · 170 阅读 · 0 评论 -
js代码--全选反选全不选
功能要求：①全选按钮：点击后所有爱好都选中②全不选按钮：点击后所有爱好都选中③反选按钮：点击后所有爱好选中状态反转④提交按钮：点击后依次弹出选中内容⑤全选框：点击后让所有爱好的选中状态和自己一致⑥爱好框：点满后将全选框选中，否则取消选中<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://...原创 2020-12-26 17:29:41 · 309 阅读 · 0 评论 -
js代码--添加删除记录
实现如下：可以点击delete删除信息，并且可以通过添加新员工功能可以把新员工加到上一个表格中。其中，css代码如下：@CHARSET "UTF-8";#total { width: 450px; margin-left: auto; margin-right: auto;}ul { list-style-type: none;}li { border-style: ...原创 2020-12-26 17:30:17 · 313 阅读 · 0 评论 -
js基础复习之DOM和文档加载
1.浏览器已经为我们提供 文档节点 对象这个对象是window属性可以在页面中直接使用，文档节点代表的是整个网页 //console.log(document); //获取到button对象 var btn = document.getElementById("btn"); //修改按钮的文字 btn.innerHTML = "I'm Button";2.浏览...原创 2020-04-24 22:26:08 · 647 阅读 · 0 评论 -
js基础复习之包装类、正则表达式、字符串的相关方法
1.包装类 - 在JS中为我们提供了三个包装类：String() Boolean() Number()- 通过这三个包装类可以创建基本数据类型的对象例子：var num = new Number(2);var str = new String(“hello”);var bool = new Boolean(true);- 但是在实际应用中千万不要这么写。- 当我们去操作一个基本...原创 2020-04-23 10:11:15 · 580 阅读 · 0 评论 -
js基础复习之Date对象和Math工具类
1.Date- 日期的对象，在JS中通过Date对象来表示一个时间- 创建对象- 创建一个当前的时间对象var d = new Date();- 创建一个指定的时间对象var d = new Date(“月/日/年 时:分:秒”);- 方法： getDate() - 当前日期对象是几日（1-31） getDay() - 返回当前日期对象时周几（0-6） - ...原创 2020-04-23 10:02:25 · 555 阅读 · 0 评论 -
js基础复习之arguments
在调用函数时，浏览器每次都会传递进两个隐含的参数：1.函数的上下文对象 this2.封装实参的对象 arguments- arguments是一个类数组对象,它也可以通过索引来操作数据，也可以获取长度- 在调用函数时，我们所传递的实参都会在arguments中保存- arguments.length可以用来获取实参的长度- 我们即使不定义形参，也可以通过arguments来使用实参，...原创 2020-04-23 09:59:34 · 613 阅读 · 0 评论 -
js基础复习之函数方法（call()和apply()）
1.函数- call()- apply()- 这两个方法都是函数对象的方法需要通过函数对象来调用- 通过两个方法可以直接调用函数，并且可以通过第一个实参来指定函数中this- 不同的是call是直接传递函数的实参而apply需要将实参封装到一个数组中传递- arguments- arguments和this类似，都是函数中的隐含的参数- arguments是一个类数组元素，它用来封...原创 2020-04-23 09:56:10 · 502 阅读 · 0 评论 -
js基础复习之数组
1.数组（Array）- 数组也是一个对象，是一个用来存储数据的对象和Object类似，但是它的存储效率比普通对象要高- 数组中保存的内容我们称为元素 - 数组使用索引（index）来操作元素- 索引指由0开始的整数- 数组的操作：- 创建数组- var arr = new Array();- var arr = []; - 向数组中添加元素 - 语法； 数组对象[索...原创 2020-04-22 21:49:36 · 631 阅读 · 0 评论 -
js基础复习之垃圾回收
/** 垃圾回收（GC）* - 就像人生活的时间长了会产生垃圾一样，程序运行过程中也会产生垃圾* 这些垃圾积攒过多以后，会导致程序运行的速度过慢，* 所以我们需要一个垃圾回收的机制，来处理程序运行过程中产生垃圾* - 当一个对象没有任何的变量或属性对它进行引用，此时我们将永远无法操作该对象，* 此时这种对象就是一个垃圾，这种对象过多会占用大量的内存空间，导致程序运行变慢...原创 2020-04-22 21:36:30 · 497 阅读 · 0 评论 -
js基础复习之原型
原型（prototype）- 创建一个函数以后，解析器都会默认在函数中添加一个数prototypeprototype属性指向的是一个对象，这个对象我们称为原型对象。- 当函数作为构造函数使用，它所创建的对象中都会有一个隐含的属性执行该原型对象。这个隐含的属性可以通过对象.__proto__来访问。- 原型对象就相当于一个公共的区域，凡是通过同一个构造函数创建的对象他们通常都可以访问到相同...原创 2020-04-22 21:33:36 · 505 阅读 · 0 评论 -
js基础复习之构造函数
构造函数- 构造函数是专门用来创建对象的函数- 一个构造函数我们也可以称为一个类- 通过一个构造函数创建的对象，我们称该对象时这个构造函数的实例- 通过同一个构造函数创建的对象，我们称为一类对象- 构造函数就是一个普通的函数，只是他的调用方式不同，如果直接调用，它就是一个普通函数如果使用new来调用，则它就是一个构造函数-构造函数的函数名首字母需要大写，而普通函数则不用- 例子：...原创 2020-04-20 07:33:36 · 644 阅读 · 0 评论 -
js基础复习之this指向
/** 解析器在调用函数每次都会向函数内部传递进一个隐含的参数,* 这个隐含的参数就是this，this指向的是一个对象，* 这个对象我们称为函数执行的 上下文对象，* 根据函数的调用方式的不同，this会指向不同的对象* 1.以函数的形式调用时，this永远都是window* 2.以方法的形式调用时，this就是调用方法的那个对象*/ function fun()...原创 2020-04-20 07:25:25 · 501 阅读 · 0 评论 -
js基础复习之函数作用域
/** 作用域* - 作用域指一个变量的作用的范围* - 在JS中一共有两种作用域：* 1.全局作用域* - 直接编写在script标签中的JS代码，都在全局作用域* - 全局作用域在页面打开时创建，在页面关闭时销毁* - 在全局作用域中有一个全局对象window，* 它代表的是一个浏览器的窗口，它由浏览器创建我们可以直接使用* - 在全局...原创 2020-04-19 21:04:12 · 536 阅读 · 0 评论 -
js基础复习之对象、函数
1.对象（Object）- 对象是JS中的引用数据类型- 对象是一种复合数据类型，在对象中可以保存多个不同数据类型的属性- 使用typeof检查一个对象时，会返回object- 创建对象- 方式一：- var obj = new Object();- 方式二：- var obj = {};- 向对象中添加属性 - 语法： 对象.属性名 = 属性值; 对象["属性名"] ...原创 2020-04-19 20:50:49 · 586 阅读 · 0 评论 -
js基础复习之条件分支语句
1.条件分支语句- switch语句- 语法:switch(条件表达式){case 表达式:语句…break;case 表达式:语句…break;case 表达式:语句…break;default:语句…break;}- 执行流程： - switch...case...语句在执行时，会依次将case后的表达式的值和switch后的表达式的值进行全等比较， 如...原创 2020-04-19 20:48:09 · 589 阅读 · 0 评论 -
js基础复习之运算符、控制语句
1.运算符逻辑运算符!- 非运算可以对一个布尔值进行取反，true变false false边true- 当对非布尔值使用!时，会先将其转换为布尔值然后再取反- 我们可以利用!来将其他的数据类型转换为布尔值 && - &&可以对符号两侧的值进行与运算 - 只有两端的值都为true时，才会返回true。只要有一个false就会返回false。 -...原创 2020-04-19 20:46:21 · 603 阅读 · 0 评论 -
js基础复习之基础语法
JavaScript- JavaScript负责页面中的的行为。- 它是一门运行在浏览器端的脚本语言。- JS的编写的位置1.可以编写到标签的指定属性中我是按钮超链接 2.可以编写到script标签中 ***** <script type="text/javascript"> //编写js代码 </script> 3.可以将代码编写到...原创 2020-04-19 20:44:35 · 576 阅读 · 0 评论 -
js基础复习之数据类型
1.文档流- 所有的元素默认情况下都是在文档流中存在的- 文档流是网页的最底层- 元素在文档流中的特点：- 块元素1.默认宽度是父元素的全部2.默认高度被内容（子元素）撑开3.在页面中自上而下垂直排列- 内联元素1.默认高度和宽度都被内容撑开2.在页面中自左向右水平排列，如果一行不足以容下所有的元素则换到下一行继续从左向右2.浮动- 使用float来设置元素的浮动- 可...原创 2020-04-19 20:35:18 · 570 阅读 · 0 评论