![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
#JavaScript基础
文章平均质量分 58
廖若星辰LTY
经年已逝还愿我们不负往昔,来日未定你我皆是红尘黑马
展开
-
JavaScript 封装格式化时间戳的函数
日常项目开发中把一个时间戳(如何获取时间戳?格式化为日常生活中正常常见的时间格式的业务是很常见的。这里封装了一个基础的格式化时间的函数供您参考。这个函数接收一个 10 位或者 13 位的时间戳(不传会默认当前时间),返回一个时间戳格式化后的数据对象内部包含年、月、日、时、分、秒、date=年月日、time=时分秒、msgDate=聊天场景下可能会用到的时间格式。原创 2022-01-21 18:59:23 · 983 阅读 · 0 评论 -
事件对象的 slientX、offsetX、screenX、pageX 看图就行
注:图片来源https://segmentfault.com/a/1190000018996051原创 2021-11-05 23:01:25 · 117 阅读 · 0 评论 -
实现一个克隆函数,可以深拷贝JS中的5种数据类型
要求:封装一个克隆函数 clone ,可以对 JavaScript 中 5 种主要的数据类型(包括 Number、String、Object、Array、Boolean)进行值的深拷贝。(注意:null 、array 和 object 都是属于 Object 类型) <script> // 封装 clone 克隆函数 function clone(obj) { var o; // 此函数的返回值存储克隆后的数 .原创 2021-11-05 21:25:47 · 873 阅读 · 0 评论 -
原生 JS 遍历对象方法汇总
本文主要分享使用原生的 JavaScript 遍历对象的几种方法,一起来看看吧:要遍历的对象:objconst obj = { id: 1, name: 'zs', age: '20' }1.for...in方法 for (k in obj) { // k 是对象的属性,obj[k] 可得到该属性的值 console.log(k, obj.原创 2021-11-04 22:16:17 · 702 阅读 · 0 评论 -
编程-节流阀的使用
编程中的节流阀主要是一种编程思维,它是一种可以更好提高程序性能和执行效率的编程思路,大多数情况下程序中不设置节流阀是不影响程序正常运行的,但是可能会存在一些小BUG影响到用户的体验,所以还是很有必要学习和使用的。本文主要简单介绍一下节流阀的应用场景和实现思路:常用场景举例:1.点击按钮会运行某个动画的场景,此时如果没有设置节流阀则当连续多次点击按钮后,动画会造成运行队列问题,则停止点击按钮后动画仍会持续执行一段时间;2.常见轮播图切换的问题(其实和例1很像),就是多次点击下/上一张后轮播图界面会原创 2021-10-24 23:07:48 · 631 阅读 · 0 评论 -
原生JS实现行走的时间效果
本文主要介绍使用原生 JavaScript 实现页面实时行走的时间效果,效果图如下:由以上效果图可以看出时间是动态的,是每秒钟进行刷新显示的。那么话不多说,下面直接上源码:时间:<span id="txt"></span> <script type="text/javascript"> // 页面刷新调用函数启动/刷新时间 showLeftTime() function showLeftTime().原创 2021-10-22 18:58:49 · 255 阅读 · 0 评论 -
jQuery-键盘事件
JavaScript的键盘事件主要分为keypress、keydown和keyup三种状态。keydown- 键按下的过程 keypress - 键被按下 keyup- 键被松开首先实现键盘事件最主要的两点就是:1.我们要给页面的哪个元素绑定键盘事件;2.我们要给该元素绑定键盘上的哪个键。要给哪个元素绑定我们就先获取到这个页面元素即可(可通过任一选择器方式获取到它);要绑定哪个键我们就需要先知道该键的ASCII码值是多少,这里不知道时可以百度搜索也可以直接用代码获取到该键的ASCII码..原创 2021-08-28 19:21:23 · 1328 阅读 · 0 评论 -
JavaScript-添加删除节点-留言板案例
分享一个JavaScript的留言板添加留言、删除留言的小案例,内附详细代码分析、但不涉及数据库操作,只解析底层代码实现思路:实现效果原创 2021-06-02 20:34:21 · 747 阅读 · 1 评论 -
JavaScript-表单全选/反选效果(JS详解)
表单中常常会用到checkbox复选框,通过复选框做出的列表全选或全不选的效果也是很常见的,比如购物车的商品列表,那么这样的选择效果及其底层的实现思路及代码原创 2021-05-30 19:54:15 · 810 阅读 · 0 评论 -
JavaScript-Array()对象及其常用属性/方法
JavaScript的Array()对象是用于构造数组的全局对象,数组是类似于列表的高阶对象。那对于数组如果有想要详细了解一下的朋友可以点击链接看看这篇哦:JavaScript-数组-Array原创 2021-05-28 18:59:25 · 277 阅读 · 0 评论 -
JavaScript-内置对象-Date()
JavaScript内置了很多对象这里来看一下日期/时间对象——Date()对象实例化:var now = new Date(); // Date()是构造函数所以必须要使用new关键字来实例化原创 2021-05-28 14:18:33 · 214 阅读 · 0 评论 -
JavaScript-猜数字小游戏-Math.random()
JavaScript有很多内置对象,每个内置对象又具备了多个实用的属性和方法供我们直接调用,今天的案例主要是使用了JS的内置对象Math()及其内部的random()生成随机数方法。这里先jianji原创 2021-05-27 23:52:17 · 3974 阅读 · 3 评论 -
JavaScript-Object对象-创建对象及构造函数
JavaScript也是一门面向对象的编程语言,所以对象也是很重要的,下面我们来看一下JS中对象的三种创建方法:对象:是一组无序的相关属性和方法的集合,万物皆对象但对象是一个具体的事物。对象是由属性和方法组成的;属性:事物的特征,在对象中用属性来表示方法:事物的行为,在对象中用方法来表示JS中的对象有三种创建方法:第一种方法:利用对象字面量创建对象 { }<script> // 1.利用对象字面量创建对象 {} var obj = {原创 2021-05-27 15:53:42 · 1309 阅读 · 0 评论 -
JavaScript-函数内置arguments对象
JavaScript中每个函数都有一个arguments的内置对象,也只有函数才有,这个对象里面存储了函数调用者传过来的实参,且数据的以伪数组形式存储的:下面通过代码来了解一下arguments的作用以及用法:<script> // arguments 的使用:只有函数才有arguments对象,而且是每个函数都内置好了这个对象 function fu() { // 这里没有写形参,因为有的情况下不确定调用者需要传递的参数个数原创 2021-05-26 17:32:50 · 315 阅读 · 0 评论 -
JavaScript-函数-实参/形参
JavaScript函数函数:函数就是封装了一段可以被重复执行调用的代码块函数的使用分为两步:声明和调用声明函数:function 函数名 () { // 函数体}function为声明函数的关键字注:函数一般都是做某件事的,所以建议函数名一般包含动词调用函数:(函数不调用自己不会执行)函数名();调用函数直接使用函数名();即可。函数的参数函数的参数:函数有了参数才可以实现执行不同的代码块以及输出不同的结果,函数的参数分为形参和实参形参:写在声原创 2021-05-26 13:43:24 · 593 阅读 · 0 评论 -
JavaScript-数组-Array
JavaScript数组:数组即多个数据的集合,将多个数据以任意顺序集合在一起形成数组Array,这些数据叫项数,项数之间用英文逗号隔开,项数是字符串时需要放到引号中。如:var array = [10, true, 'hello', 'world', 0, 3.14, 1 + 2]; // 执行结果:[10, true, "hello", "world", 0, 3.14, 3]创建一个数组:// 创建一个数组// 1.使用new关键字var arr = new Array();原创 2021-05-26 00:00:33 · 200 阅读 · 0 评论 -
JavaScript-分支结构-if/switch语句
代码分支结构作为三大结构(顺序、分支、循环)之一其重要性自然是不言而喻的,下面我们根据小案例来学习一下if和switch分支结构:if 判断1.使用if条件判断验证用户输入的年份是否为闰年:<script> // 闰年算法:能被4整除且不能被100整除的为闰年(如2000年是闰年,1901年不是闰年则为平年) // 或者能够被400整除的就是闰年 var year = prompt('请输入一个年份:') if (ye原创 2021-05-24 21:20:10 · 334 阅读 · 0 评论 -
JavaScript-for循环嵌套-九九乘法表
<script>//打印九九乘法表(形如正直角三角)varstr='';for(vari=1;i<=9;i++){//外部控制行数一共9行for(varj=1;j<=i;j++){//内部控制每一行中的列数,是逐渐增加的str+=j+'×'+i+'='+j*i...原创 2021-05-24 18:47:10 · 661 阅读 · 0 评论 -
JavaScript-for/while/do...while循环
循环结构是JavaScript中很重要的代码执行结构,这里通过几个小练习简单介绍一下JS中的for/while/do...while三种循环:for循环<script> // 求1~100的整数累加和的平均值 var sum = 0, average = 0; for (var i = 1; i <= 100; i++) { sum += i; } average = sum原创 2021-05-24 20:28:57 · 524 阅读 · 0 评论 -
JavaScript-递增++运算符、递减--运算符
<script>//前置递增:先自加1,再返回值vara=10;++a;//++a=>10+1=>a=11varb=++a+2;//++a=>11+1=>12=>12+2=>14console.log(b);//b=14...原创 2021-05-24 19:08:57 · 500 阅读 · 0 评论