分类：Js

2020
10-08

JS前后端实现身份证号验证代码解析

前言实名制是许多网站都必备的功能，因此用户经常需要输入身份证号，但是我们无法连通公安局的数据库进行验证身份证和姓名地址是否匹配，因此可以根据身份证生成的规则来进行身份证格式的验证，以下仅介绍二代身份证的验证。计算公式公民身份号码是特征组合码，由十七位数字本体码和一位校验码组成。排列顺序从左至右依次为：六位数字地址码，八位数字出生日期码，三位数字顺序码和一位校验码。1、地址码：表... 继续阅读 >
2020
10-08

基于JS实现计算24点算法代码实例解析

基于JS实现计算24点算法代码实例解析 前言休息的时候无意间看到群里有人发出了华为的校招题，一开始看题目的时候觉得很简单，于是晚上就试着写了一下，结果写的过程中打脸，不断的整理逻辑不断的重写，但我的性格又是不做出来晚上睡不好的那种，于是在做出来的时候就分享给大家(快凌晨三点了有木有，这校招题难度都达到这级别了？o(???)o)题目描述审题要注意：1+2+3*4是前面三个已经相加为6再乘4，没有括号！！代码：<!DOCTYPEhtml><htmllang="en"><head><meta... 继续阅读 >
2020
10-08

js实现查询商品案例

js实现查询商品案例 本文实例为大家分享了js实现查询商品的具体代码，供大家参考，具体内容如下<divclass="search">按照价格查询：<inputtype="text"class="start">-<inputtype="text"class="end"><buttonclass="search-price">搜索</button>按照商品名称查询：<inputtype="text"class="product"><buttonclass="search-prro">查询</button></div><table><thead><tr><th>id</th><th>产品名称</th><th>价格</th>... 继续阅读 >
2020
10-08

浅谈JS for循环中使用break和continue的区别

1.For循环格式：for(初始语句;执行条件;增量){循环体}执行顺序：1、初始语句2、执行条件是否符合3、循环体4、增加增量初始化语句只在循环开始前执行一次，每次执行循环体时要先判断是否符合条件，如果循环条件为true，则执行循环体，再执行迭代语句。所以对于for循环，循环条件总比循环体多执行一次。注意：for循环的循环体和迭代语句不在一起（while和do-while是在一起的）所以如果使用continue来结束本次循环，迭代语... 继续阅读 >
2020
10-08

js实现带积分弹球小游戏

本文实例为大家分享了js实现带积分的弹球小游戏的具体代码，供大家参考，具体内容如下注：如果小球与底部方块的角碰撞，积分可能有些许bug<style>#box{width:400px;height:400px;border:1pxsolid#000000;margin:50pxauto;position:relative;}#ball{height:60px;width:60px;border-radius:50%;background-color:red;position:absolute;left:0;top:0;}#block{wi... 继续阅读 >
2020
10-08

原生JavaScript写出Tabs标签页的实例代码

原生JavaScript写出Tabs标签页的实例代码 最近在重新学习JavaScript，手写了一个tabs标签页。话不多说，直接开始。首先，是前端页面。图1tabs先来把tabs分解一下：图2tabs分解首先，一个大的框div，上面红色的框是导航栏nav，导航栏里是一个无序列表ul，里面三个li标签（黄色的框），li标签里两个绿色标签是两个span，一个用来放导航的名字，一个用来放导航关闭的icon，右边是一个button，用来添加新的导航栏及内容；下方是导航栏的内容section。导航tabs.html代码如下：... 继续阅读 >
2020
10-08

js实现省级联动（数据结构优化）

本文实例为大家分享了js实现省级联动的具体代码，供大家参考，具体内容如下<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Document</title><style>div{width:200px;float:left;margin-left:20px;}select{width:200px;}</style></head><body><div><selectid="province"name="province"><optio... 继续阅读 >
2020
10-08

基于js实现判断浏览器类型代码实例

基于js实现判断浏览器类型代码实例 前言工作中需要用到判断浏览器类型，网上找到的内容不怎么全，故在此进行一下总结。一、不同浏览器及版本下User-Agent信息待续.....欢迎补充二、根据User-Agent信息进行判断以下代码目前还判断不了win10下的edge//判断是否是IE浏览器functionisIE(){varb=navigator.userAgent;varisOpera=userAgent.indexOf("Opera")>-1;//判断是否Opera浏览器vara=(b.indexOf("compatible")>-1&&b.indexOf("MSIE")>-1... 继续阅读 >
2020
10-08

JS this关键字在ajax中使用出现问题解决方案

JS this关键字在ajax中使用出现问题解决方案 背景：在一次web网站开发维护中，使用手机验证码进行登录。再点击获取手机验证码时，验证码按钮并没有置灰，同时也没有出现倒数读秒的效果。设置按钮倒数60秒前端代码：varclock='';varnums=60;varbtn;functionsendCode(thisBtn){btn=thisBtn;btn.disabled=true;//将按钮置为不可点击btn.value=nums+'秒重新获取';btn.className='regGetcodeBtn1';if(clickNumber==0){... 继续阅读 >
2020
10-08

浅谈js中的attributes和Attribute的用法与区别

一：Attribute的几种用法和含义（attributes和Attribute都是用来操作属性的）getAttribute：获取某一个属性的值；setAttribute：建立一个属性，并同时给属性捆绑一个值；createAttribute：仅建立一个属性；removeAttribute：删除一个属性；getAttributeNode：获取一个节点作为对象；setAttributeNode：建立一个节点；removeAttributeNode：删除一个节点；1.getAttribute：<body><divid="t"><inputtype="hidden"id="sss"... 继续阅读 >
2020
10-08

JS自定义右键菜单实现代码解析

今天来讲一个关于右键菜单的小demo，抛砖引玉。首先，我们要用css和html做一个自定义右键菜单。<!--自定义右键菜单html代码--><divid="menu"><divclass="menu">功能1</div><divclass="menu">功能2</div><divclass="menu">功能3</div><divclass="menu">功能4</div><divclass="menu">功能5</div></div>/*css代码*/#menu{width:0;/*设置为0隐藏自定义菜单*/height:125px;overflow:hidden;/*隐藏溢出的元素*/box-shadow:0... 继续阅读 >
2020
10-08

JS如何在不同平台实现多语言方式

应用场景：在不同移动平台（IOS，Android）上，建立一套与HTML页面通讯框架；主要业务逻辑使用HTML开发；想支持多语言开发。动机：通过主动发消息的方式，在页面完成初始化前，获取当前语言选项，并且根据该语言选项，调用对应的JS文件（每种语言对应一个JS文件）解析页面。实现细节：向本地语言框架发请求获取语言种类；$(document).on("pageinit",function(){/*Kaiwii向本地代码发请求获取当前语言种类*/});本地语言框架触发... 继续阅读 >
2020
10-08

15个简单的JS编码标准让你的代码更整洁(小结)

作者|DanielAnderson本文最初发布于Medium网站，经原作者授权后翻译和分享。编码标准可以帮助以下方面：保持代码一致易于阅读和理解易于维护下面的编码标准是我对上述几点有帮助的看法。1.比较时使用===代替==这很重要，因为JavaScript是一种动态语言，因此使用==可能会给您带来意想不到的结果，因为它允许类型不同。Fail：if(val==2)Pass：if(val===2)2.永远不要使用var，使用let来代替使用let将有助... 继续阅读 >
2020
10-08

JS寄快递地址智能解析的实现代码

去年做了些前端内容，最近在整理一些稍微有点用的内容，比如智能解析地址，用户只要输入：张三1351111111江苏省扬州市广陵区XX小区X楼xxx室,就能解析出姓名、电话、省市区、地址信息了。是不是很方便？项目地址暂时没有放，大家可以关注我的个人码云地址https://gitee.com/w9纯JavaScript，无需Jquery，轻量级的JS包。可参考以下代码：letdefaultData=[];constmCity={};constmArea={};/***处理原始地址数据转换成专用数... 继续阅读 >
2020
10-08

微信小程序12行js代码自己写个滑块功能(推荐)

微信小程序12行js代码自己写个滑块功能(推荐) 效果图如下所示.wxml<viewclass="jindu"bindtap="cuin"><viewclass="xian"style="width:{{towards}}px;"><viewclass="yuan"bindtouchmove='touchMove'></view></view></view><viewclass="bfb">{{percen}}%</view>.wxsspage{background-color:#ddd;}.jindu{margin:50pxcalc((100%-300px)/2)0;width:300px;float:left;height:6rpx;background-color:#fff;position:relative;}.xian{width:0%;float:... 继续阅读 >
2020
10-08

JavaScript实时更新当前的时间的示例代码

JavaScript实时更新当前的时间的示例代码 实现的效果如下：时间会实时更新具体的JS代码如下vardateStart;functionstart(){dateStart=newDate();//开始时间startTime();}functionstartTime(){set=window.setTimeout("startTime()",1000);vardt=newDate();varday=dt.getDay();varweeks=newArray("星期日","星期一","星期二","星期三","星期四","星期五","星期六");varweek=weeks[day];varyear=dt.getFullYear();//年varmonth=... 继续阅读 >