js
文章平均质量分 71
Feliks.
含血愤天
展开
-
犀牛书——数组
【代码】犀牛书——数组。原创 2023-03-13 14:29:47 · 129 阅读 · 1 评论 -
uniapp中的picker结合后台数据实现二级联选demo
【代码】uniapp中的picker结合后台数据实现二级联选demo。原创 2022-12-15 16:58:37 · 1164 阅读 · 1 评论 -
localStorage和sessionStorage的使用
localStorage的使用原创 2022-08-03 22:21:12 · 292 阅读 · 0 评论 -
javascript二——PC端网页特效
文章目录元素偏移量offset系列概述offset和style区别获取鼠标位置案例拖拽模态框案例放大镜案例元素可视区client系列立即执行函数淘宝flexibleJS源码分析元素滚动scroll系列固定侧边栏三大系列总结主要用法:mouseenter和mouseover的区别动画函数封装动画实现原理封装缓动效果原理动画函数多个目标值之间移动动画函数添加回调函数动画函数封装到单独JS文件里常见网页特效案例轮播图节流阀带有动画的返回顶部筋斗云元素偏移量offset系列概述offset,偏移量,使用off原创 2022-04-04 14:48:23 · 2340 阅读 · 0 评论 -
javascript二——BOM浏览器对象模型
文章目录BOM概述window对象的常见事件窗口加载事件调整窗口大小事件定时器setTimeout()停止setTimeout()定时器setInterval()定时器倒计时案例停止clearInterval()thisJS执行队列JS是单线程同步和异步同步异步同步任务异步任务JS执行机制location对象定义URLlocation对象的属性实现5秒钟后跳转页面案例: 传递数据到其他页面location对象的方法navigator对象history对象BOM概述BOM( Browser Object原创 2022-03-25 15:47:06 · 789 阅读 · 0 评论 -
javascript二——事件
文章目录注册事件(绑定事件)addEventListener 事件监听方式删除事件(解绑事件)删除事件的方式DOM事件流事件对象事件对象的常见属性和方法事件阻止默认行为阻止事件冒泡两种方式阻止事件冒泡事件委托(代理、委派)事件委托的原理委托的作用常用的鼠标事件鼠标事件对象跟随鼠标常用的键盘事件按键输入内容案例快递单号查询案例注册事件(绑定事件)概述:给元素添加事件,称为注册事件或者绑定事件注册事件有两种方式:传统方式和方法监听注册方式传统注册方式方法监听注册方式利用on开头的事原创 2022-03-25 00:36:20 · 957 阅读 · 0 评论 -
javascript二——节点操作
文章目录节点操作父节点操作子节点操作兄弟节点创建节点添加节点留言板案例删除节点删除留言复制节点动态生成表格案例三种动态创建元素的区别DOM核心重点创建增删改查属性操作事件操作节点操作获取元素的两种方式:利用DOM提供的方法获取元素document.getElementById()document.getElementByTagName()document.querySelector等逻辑性不强,繁琐利用节点的层级关系获取元素利用父子兄弟节点关系获取元素逻辑性强,但是兼容性原创 2022-03-24 11:35:59 · 1831 阅读 · 0 评论 -
javascript第二阶段——WEB-APIS
第二阶段文章目录第二阶段Web APIs 和 JS基础关联性API 和 Web APIAPIWeb APIDOM简介DOM树获取元素根据id获取根据标签名获取通过HTML5新增的方法获取特殊元素获取(body html)事件基础常见鼠标事件操作元素操作内容操作属性不同时间显示不同问候语表单元素的属性操作隐藏密码明文案例样式属性操作点击隐藏图片使用for循环用精灵图填充背景显示隐藏文本框内容通过类名className修改元素样式密码框验证信息排他思想百度换肤案例隔行换色全选与反选自定义属性的操作**设置属性原创 2022-03-19 15:51:40 · 630 阅读 · 0 评论 -
JavaScript——内置对象和 简单/复杂类型
文章目录内置对象概念查阅MDN文档学习步骤:Math对象Math.max()封装自己的数学对象 里面有PI 最大值和最小值绝对值 和 三个取整方法随机数**随机点名****猜数字游戏****增加次数限制**日期对象日期格式化格式化年月日格式化时分秒获取日期的总的毫秒形式(时间戳)倒计时数组对象创建数组的两种方式判断是否为数组以此优化翻转数组案例添加删除数组元素筛选数组数组排序数组索引方法数组去重数组转换为字符串字符串对象基本包装类型字符串的不可变根据字符返回位置返回字符串位置及出现次数根据位置返回字符统计出原创 2022-02-20 17:42:04 · 100 阅读 · 0 评论 -
JavaScript——对象
文章目录对象创建对象的三种方式通过字面量创建对象案例:修勾利用new Object创建对象构造函数创建对象new 关键字遍历对象简易计算器对象对象?万物皆对象,对象是一个具体的事物,人、狗、菜可以是对象;一个数据库、一张网页、一个远程服务器的连接也可以是”对象“。在JavaScript中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串、数值、数组.函数等。对象是由属性和方法组成的属性:事物的特征,在对象中用属性来表示(常用名词)方法:事物的行为,在对象中用方法来表示原创 2022-02-16 16:05:04 · 428 阅读 · 0 评论 -
JavaScript——作用域与预解析
文章目录作用域变量的作用域作用域链预解析预解析案例作用域// JavaScript作用域:就是代码名字(变量)在某个范围内起作用和效果目的是为了提高程序的可靠性更重要的是减少命名冲突//js的作用域(es6之前):全局作用域 局部作用域//全局作用域:整个javascript标签 或者是一个单独的js文件var num = 10;//局部作用域(函数作用域) 在函数内部就是局部作用域 这个代码的名字只在函数内部起效果和作用function fn(){ var num = 20;//原创 2022-02-16 14:37:49 · 89 阅读 · 0 评论 -
javascript——函数
文章目录函数函数的概念函数的使用函数的参数函数的返回值注意事项return 终止函数并只返回一个值函数没有return 返回undefinedarguments的使用函数案例利用函数求任意个数的最大值翻转数组冒泡排序2月份的天数函数的两种声明方式函数函数的概念函数的使用函数的参数function getSum(num1,num2){ console.log(sum1+num2);}getSum(1);//NaN//如果实参的个数小于形参的个数 形参可以看作是不用声明的变量 num2是原创 2022-02-16 12:12:08 · 218 阅读 · 0 评论 -
javascript——数组
文章目录数组数组的创建及访问遍历数组**计算数组和和平均值****求数组中的最大值****数组转换为字符串****新增数组元素****存放1~10****筛选数组方法1:选出大于10的数****筛选数组方法2****翻转数组****冒泡排序**数组数组的创建及访问 //创建方式 //new var arr = new Array(); //创建了一个空的数组 //利用数组的字面量创建数组[] var arr = [];原创 2022-02-15 22:12:19 · 138 阅读 · 0 评论 -
javascript——循环
循环文章目录循环for循环语法结构执行过程断点调试for循环重复执行相同代码for循环重复执行不同代码for循环重复某些相同操作for循环案例打印学生成绩案例双重for循环for循环小结while循环do while 循环continue breakcontinue关键字break关键字简易ATM机案例在程序中,一组被重复执行的语句被称之为循环体,能否继续重复执行,取决于循环的终止条件。由循环体及循环的终止条件组成的语句,被称之为循环语句for循环语法结构for(初始化变量;条件表达式;操作表达式原创 2022-02-14 22:50:21 · 660 阅读 · 2 评论 -
javascript——分支语句
流程控制——分支文章目录流程控制——分支流程控制顺序流程控制分支流程控制if语句三元表达式分支流程控制switch语句**switch和 if else if 的区别**流程控制在一个程序执行的过程中,各条代码的执行顺序对程序的结果是有直接影响的。很多时候我们要通过控制代码的执行顺序来实现我们要完成激功能。流程控制主要有三种结构,分别是顺序结构、分支结构和循环结构,这三种结构代表三种代码执行的顺序。顺序流程控制顺序结构是程序中最简单、最基本的流程控制,它没有特定的语法结构,程序会按照代码的先后顺原创 2022-02-14 14:40:24 · 273 阅读 · 0 评论 -
javascript——运算符
文章目录运算符算数运算符递增和递减运算符(++ --)前置递增运算符后置递增运算符比较运算符逻辑运算符短路运算(逻辑中断)赋值运算符运算符优先级运算符运算符( operator ) 也被称为操作符,是用于实现赋值、比较和执行算数运算等功能的符号。常用运算符:算数运算符(% 取余数 返回除法的余数:9%2=1)浮点数的精度问题浮点数值的最高精度是17位小数,但在进行算术计算时其精确度远远不如整数。 //不能直接拿着浮点数来进行比较 是否相等 var num =原创 2022-02-13 21:17:37 · 99 阅读 · 0 评论 -
javascript——变量、数据类型
文章目录输入输出语句变量概念变量的使用案例1案例2变量的语法扩展1.更新变量2.同时声明多个变量3.声明变量的特殊情况变量的命名规范案例3:交换两个变量的值数据类型简介为什么需要数据类型变量的数据类型数据类型的分类简单数据类型(基本数据类型)数字型进制数字型范围三个特殊值isNaN()字符串类型String布尔型Booleanundefined和nulltypeof检测变量数据类型数据类型转换输入输出语句方法说明归属alert(msg)浏览器弹出警示框浏览器console原创 2022-02-13 13:00:30 · 350 阅读 · 0 评论