
js案例
安静宅男爱蓝猫
我知道一切都不容易,但是总会输给努力
展开
-
验证码倒计时
说明:验证码倒计时是登录注册页面常用的一种方式,今天我将他实现为以后的毕设进行相应的准备!实现例子代码:<body> <input id="txt" type="text"> <input class="btn" type="button" value="发送"> <script> // 注册点击事件 const btn = document.querySelector('.btn');原创 2021-03-10 17:51:58 · 117 阅读 · 0 评论 -
身份证验证(工具类ES6)
说明: 函数入口必须有值,可以是Number类型,也可以是String类型 。(其他类型报错)flag参数选填:默认是false,返回的是一个布尔值,当验证成功的时候,返回的是true。验证失败,抛出异常。当flag的参数是true的时候,返回的是IDCard的值,String类型。相当于将数据过滤验证了一遍,当有大量数据是,可以走这一个API。/** * 校验身份证是否合格的方法 * @param Card * @returns {boolean} */export default f.原创 2020-11-08 23:47:35 · 400 阅读 · 0 评论 -
对date类的封装(工具类)
在实际开发中,如果用到日期类的话,我们需要配置new date()的方法。下面是我封装的日期方法。/** * 对日期类的封装 * author:木木 * @type {Date} *//** * mode:返回年月日和时间 和格式 */export default function dateWei(flag=false,data=false) { let date = new Date(); //定义日期的变量 const fullYear = date.getFu原创 2020-11-08 14:52:43 · 508 阅读 · 0 评论 -
leetcode刷题------16.最接近三数之和
题目:给定一个包括 n 个整数的数组 nums 和 一个目标值 target。找出 nums 中的三个整数,使得它们的和与 target 最接近。返回这三个数的和。假定每组输入只存在唯一答案。例如,给定数组 nums = [-1,2,1,-4], 和 target = 1.与 target 最接近的三个数的和为 2. (-1 + 2 + 1 = 2).分析:1.这道题是两数之和的升级版,方法基本相同,用的是双指针的方法。2.先将数组排序(从小到大),初始前三位之和最接近。3.利用双重循环,原创 2020-05-26 18:23:25 · 181 阅读 · 0 评论 -
Canvas笔记
Canvas1.Canvas介绍1.1什么是Canvas定义:是HTML5提供的一种新标签, ie9才开始支持的,Canvas是一个矩形区域的画布,可以用JS控制每一个像素在上面绘画。canvas 标签使用 JavaScript 在网页上绘制图像,本身不具备绘图功能。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。1.2Canvas主要应用的领域1 可视化数据: 各类...原创 2020-04-28 10:02:50 · 360 阅读 · 0 评论 -
jQuery实现轮播图的总结
jQ实现轮播思路:1.轮播图在网页内运用的非常常见。今天我就来总结一下jQ轮播图。轮播图案列思路2.我们通常将img套在ul li中,放在一个大的div中,并放在页面的固定位置。我们可以加大ul的宽度,并让li浮动起来(如果你是上下移动,就加大ul的高度),我们让ul移动,带着li移动,而不是只让li移动。3.当ul超出div的部分,我们就隐藏,那么问题来了,我们赢该怎样隐...原创 2020-03-17 16:32:56 · 958 阅读 · 0 评论 -
关于js实现二级导航栏的总结
标题 关于js实现二级导航栏的总结此篇为个人实现后的个人总结1.所谓二级导航栏,就是在ul li 标签中嵌套一个ul li标签但是THML+CSS实现不了导航的隐藏与显示,因此要靠js来实现当我点击的时候,二级导航才显示出来,当我点击另一个的时候,隐藏其他的,再把当前我点击的显示出来因此用JavaScript中的onclick属性放在第一级的li标签中然后通过js获取下一级ul的 id...原创 2020-02-23 12:38:26 · 2810 阅读 · 0 评论 -
关于一个随机叫号demo的总结
随机叫号demo的总结这个随机叫号是由HTML+CSS+js组成,通过js随机数来传递1.首先用js弹窗的形式让用户输入班级的排和列.2.将排列分别放进一个变量中,传给随机数3.随机生成的数字,有innerHTML在传到页面上,呈现给用户4.为了用户的体验,设置一个按钮,当用户点击按钮式,随机数重新生成新的数字,并传到页面中.页面没有过多的渲染,实现相应的功能就ok下面分析js代码...原创 2020-02-27 10:51:33 · 650 阅读 · 0 评论 -
贪吃蛇js实现总结
这是一篇关于js贪吃蛇的总结对象: 蛇 食物 游戏1.创建食物对象/*<!--创建食物对象 属性: X , Y ,width,height,color 方法: render 随机创建一个食物对象,并输出到map上-->*///自调用函数 ------>开启新的作用域------防止命名冲突(function () { ...原创 2020-03-04 19:07:58 · 714 阅读 · 0 评论 -
JQ实现一个简易的计算器
网页计算器的实现首先理清一下思路:界面部分是由HTML+css实现的,而最关键的计算功能就是用JavaScript来实现的,木木在这里用的JQuery哟。显示屏用了canvas画布,这个无所谓,用一个div想必也是可以的关于按键部分,我用了一排5个的宽高相似的div来实现,通过float的方式,让他们排列,当然用定位比较好哦木木只写了加减乘除和pi 清空 功能,其他的(思路一样的,没必要...原创 2020-04-04 16:24:07 · 1921 阅读 · 0 评论