原生JavaScript编程练习
关注
分享
扫一扫
文章平均质量分 54
gxhlh
智慧的获取，能力的提升，创造力的领悟，是基于长期的投资回报周期。
展开
-
JavaScript 对区间数值冲突情况的一些处理
56. 合并区间 https://leetcode.cn/problems/merge-intervals以数组 intervals 表示若干个区间的集合，其中单个区间为 intervals[i] = [starti, endi] 。请你合并所有重叠的区间，并返回 一个不重叠的区间数组，该数组需恰好覆盖输入中的所有区间 。示例 1：输入：intervals = [[1,3],[2,6],[8,10],[15,18]]输出：[[1,6],[8,10],[15,18]]解释：区原创 2022-05-25 08:11:00 · 513 阅读 · 0 评论 -
基于伪元素的图片内容生成技术
在图片还没加载时就把alt信息呈现出来。src缺省时img元素的alt信息展示技术HTML：<img alt="美女沉思图" data-src="1.jpg"><p><button>设置src属性显示图片</button></p>CSS：img { display: inline-block; width: 256px; height: 192px; /* 隐藏Firefox alt文字 */ colo转载 2021-09-25 13:39:06 · 120 阅读 · 0 评论 -
使用递归代替循环
计算数组内元素前 n 的元素乘积循环写法 function multiply(arr, n) { var product = 1; for (var i = 0; i < n; i++) { product *= arr[i]; } return product; }为了更简单的血代码，使用递归代替循环，递归是函数调用自身的操作递归写法，重写 multiply 以调用自身而无需依赖循环 function multiply(arr, n原创 2021-08-10 16:54:17 · 985 阅读 · 0 评论 -
JS实现打字效果
实现打字效果的js插件typed.js原生 <script> Element.prototype.typewriter = function (a) { var d = this, c = d.innerHTML, b = 0; d.innerHTML = ""; var e = setInterval(function () {原创 2021-04-27 13:47:50 · 1649 阅读 · 0 评论 -
JS输出杨辉三角（解析）
JS输出杨辉三角（解析）杨辉三角是一个经典的编程案例，它揭示了多次放二项式展开后各项系数的分布规律。简单描述，就是每行开头和结尾的数字为 1，出第一行外，每个数都等于它上方两数之和，如图所示。设计思路定义两个数组，数组 1 为上一行数字列表，为已知数组；数组 2 为下一行数字列表，为待求数组。假设上一行数组为 [1,1]，即第二行数字。那么，下一行数组的元素值就等于上一行相邻两个数字的和，...原创 2019-11-15 13:29:22 · 1404 阅读 · 0 评论 -
原生JavaScript实现 验证码
原生JavaScript实现 验证码一，HTML代码<body onload='createCode()'><div id="div1"> 请输入验证码：<input type = "text" id = "input"/> 验证码：<input type="button" id="code" onclick="createCode(...原创 2019-08-02 23:12:48 · 491 阅读 · 0 评论 -
原生JavaScript实现 城市二级三级联动
原生JavaScript实现 城市二级三级联动一，HTML代码<select id="province" onchange="chooseProvince(this)"> <option value="1">请选择省</option></select><select id="city" onChange="chooseCity(...原创 2019-08-02 23:14:41 · 465 阅读 · 0 评论 -
原生JavaScript实现 简单进度条
原生JavaScript实现 简单进度条一，HTML代码<div id="progresscontainer"> <div id="progress" style="width: 0%"> <span id="j">0%</span></div></div>二，CSS代码 #progress...原创 2019-08-02 22:40:25 · 472 阅读 · 0 评论 -
原生JavaScript实现放大镜
原生JavaScript实现放大镜一，HTML代码<div id="box"> <div id="min"><img src="imgs/min.jpg" alt=""><b></b></div> <div id="max"><img src="imgs/max.jpg" alt="" ...原创 2019-08-02 22:32:48 · 368 阅读 · 0 评论 -
原生JavaScript实现div拖拽
原生JavaScript实现div拖拽一，HTML代码<div id="div"></div>二，CSS代码 *{ margin: 0; padding: 0; } #div{ width:50px; height:50px...原创 2019-08-02 22:15:49 · 302 阅读 · 0 评论 -
原生JavaScript实现五色小球
原生JavaScript实现五色小球一，HTML代码<div id="ball"></div><script src="underscore.js"></script> <!--Underscore.js 1.9.1 --- 这里需要添加一个 js 库，网上直接搜索就可以找到下载了-->二，CSS代码 *{...原创 2019-08-02 16:55:49 · 1122 阅读 · 0 评论 -
原生JavaScript实现倒计时
原生JavaScript实现倒计时一，HTML代码<div class="content3"> <p>距高考还有</p> <div class="time"> <span id="LeftTime"></span></div></div>二，CSS代码 .conte...原创 2019-08-02 16:42:47 · 507 阅读 · 0 评论 -
原生JavaScript实现全选，全不选，反选
原生JavaScript实现全选，全不选，反选一，HTML代码<form> 请选择你爱好:<br> <input type="checkbox" name="hobby" id="hobby1"> 音乐 <input type="checkbox" name="hobby" id"hobby2"> 登山 <...原创 2019-08-02 16:33:42 · 450 阅读 · 0 评论 -
原生JavaScript实现团购——限时抢
原生JavaScript实现团购——限时抢一，HTML代码<div class="content3"><div class="time">还剩 <span id="LeftTime"></span></div></div>二，CSS代码 div,img{ ...原创 2019-08-02 16:22:10 · 472 阅读 · 0 评论 -
原生JavaScript实现随机点名
原生JavaScript实现随机点名一，HTML代码<div id="center"> <div id="showname">O_O 点名不求人！！！</div> <button onclick="buttonname()" id="startname">开始点名</button></div>...原创 2019-08-02 16:10:40 · 710 阅读 · 0 评论 -
原生JavaScript实现选项卡
原生JavaScript实现选项卡一， HTML代码<div id="tabs"> <ul> <li class="on">房产</li> <li>家居</li> <li>二手房</li> </ul> <div...原创 2019-08-02 15:54:25 · 268 阅读 · 0 评论 -
原生JavaScript轮播图
原生JavaScript实现图片轮播一，HTML代码<div class="container"> <div class="wrap" style=" left:0px"> <img src="imagess/9c16fdfaaf51f3dee348a3f19feef01f3b2979a8.jpg"/> <img...原创 2019-08-02 15:44:20 · 267 阅读 · 0 评论 -
原生JavaScript实现简单计算器功能
原生JavaScript实现简单计算器功能一，HTML代码<body bgcolor="#add8e6"><div class="jisuanqi"> <h2>计算器</h2> <div id="oppo"> <form> <textarea type="text" ...原创 2019-08-02 15:11:56 · 764 阅读 · 0 评论