JavaScript
hu_Time
这个作者很懒,什么都没留下…
展开
-
JavaScript防抖、节流
JavaScript防抖函数防抖就是在函数需要频繁触发情况时 只有足够空闲的时间,才执行一次。 好像公交车司机会等人都上车后才出站一样。防抖就是防止事件频繁触发,针对最后一次触发才执行函数<!-- 场景 --><!-- 实时搜索、拖拽 -->html <input type="text" id="inp">js let oInp = document.getElementById('inp'); functio原创 2021-05-06 19:17:08 · 144 阅读 · 0 评论 -
一个简单的tab栏切换
简单的tab栏切换之前也写过tab栏切换感觉有一些复杂了,现在写一个简单的,主要是功能上的实现,样式可以再进行调整html <div class="wrap"> <button class="active">1</button> <button>2</button> <button>3</button> <div style="display:原创 2020-05-11 17:02:41 · 736 阅读 · 0 评论 -
浅克隆,深克隆实现
浅克隆 obj = { name: 'hu_time', age: 23, sex: 'male' } var obj1 = {}; // 浅克隆 function clone(origin, target) { var target = target || {}; for (let prop in origin) {原创 2020-05-11 16:52:28 · 202 阅读 · 0 评论 -
一个简单的列表全选功能
描述一个简单的列表的全选功能html代码<div class="wrap"> <label class="allCheck" > <input type="checkbox" id="check_all"> <span class="all-span"> </span> <span class="span-button">全选</span原创 2020-05-11 16:42:06 · 827 阅读 · 0 评论 -
JavaScript——数组
数组数组用于存放多个数据创建一个数组new Array(长度)长度,数组里面的数据总数,长度一定是一个非负整数new Array(数据, 数据, 数据…)创建一个数组,并初始化其每一项的值数组项:数组其中的一项数据[数据,数据,数据,…]创建一个数据,并初始化其每一项的值认识数组的本质数组的本质是一个对象length属性:数组的长度,会自动变化,值为最大下标+1...原创 2020-01-09 13:49:46 · 128 阅读 · 0 评论 -
手机号正则
作者:hu_time描述:手机号正则表达式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &...原创 2019-12-19 15:53:05 · 315 阅读 · 0 评论 -
微信分享网页时自定义标题、描述和图片
【描述】微信分享网页时自定义标题、描述和图片【参考链接】微信公众平台微信开发者文档【实现思路/研究成果等】微信分享网页时自定义标题、描述和图片用微信打开一个网页,选择右上角的“发送给朋友”后,收到的消息是这样的:而为了推广效果,我们更希望能自定义标题、描述和图片,效果如下图:下面介绍下怎样来实现这个功能步骤一:绑定域名所有的JS接口只能在公众号绑定的域名下调用...原创 2019-12-10 16:34:26 · 1281 阅读 · 0 评论 -
左右结构tab栏分类切换
作者:胡胜辉描述:左右分类形式的tab栏切换之前写过两个上下结构的分类切换tab栏,来补充一个左右结构的切换效果。注:需要提前引入一下jq文件。代码可直接复用,手机端样式。pc端可能需要对样式进行细微的修改即可。代码:html: <!-- 商品分类 --> <div class="classify-box"> <div cla...原创 2019-11-27 16:40:14 · 1145 阅读 · 1 评论 -
原生js监听手机返回键
创建人:胡胜辉描述:js监听手机返回键普通页面跳转,监听返回上一页:document.addEventListener("plusready", function() { // 监听到返回按键事件 plus.key.addEventListener('backbutton', function() { window.history.go(-1);...原创 2019-11-21 15:37:38 · 1387 阅读 · 0 评论 -
js自动触发跳转页面
js自动触发跳转页面js: window.onload = function(){ window.location.href= "http://www.baidu.com"; }原创 2019-11-11 15:55:02 · 2701 阅读 · 0 评论 -
tab栏切换
html: <div class="tab"> <span >全部</span > </div> <div class="tab"> <span>待付款</span> <...原创 2019-09-16 17:20:56 · 139 阅读 · 0 评论 -
手机号码中间数字使用*号代替
如手机号码13123456789,中间四位用’*'代替,var phone=‘13123456789’方法1(字符串的截取):var showPhone = phone.substr(0,3)+’****’+phone.substr(7);方法2(正则表达式):var showPhone = phone.replace(/^(\d{3})\d{4}(\d+)/,"$1****...原创 2019-09-16 17:18:40 · 1882 阅读 · 0 评论 -
复制文本功能
首先引入clipboard.js文件clipboard中文网地址:http://www.clipboardjs.cn/html:<div id='aaa'>复制的文本</div><button id="copy" data-clipboard-target="#aaa">复制input框中的内容</button>js:var clipb...原创 2019-09-16 17:33:46 · 196 阅读 · 0 评论 -
密码显示隐藏功能
密码的显示隐藏功能记录一下自己打过的一个输入密码的input框,显示密码和隐藏密码之间切换的小功能。html:<input style="width:85% " type="password" value="" name="password" placeholder-class="phcolor" placeholder="请重置密码(6-16位数字与字母组合)" id="mima1"...原创 2019-08-23 14:51:32 · 759 阅读 · 0 评论 -
表单提交checkbox为必选
html:<form> <p> <label><input id="checkbox" type="checkbox" name="rule">核对信息</label> </p> <p><label><input id="submit" type...原创 2019-09-02 16:31:28 · 3061 阅读 · 0 评论 -
多容器切换样式
需要引入jquery才能实现点击切换样式的效果html: <div class="nav-box"> <div id="content" class="tab-box"> <div class="tab tab1 "> <span>全部</span &...原创 2019-09-16 17:29:36 · 173 阅读 · 0 评论 -
通过点击事件来更改图片的src路径
html:<img οnclick=“changeImage()” id=“img” src=“images/cbd.jpg”/>js://改变图片的src属性—路径var img = document.getElementById(‘img’);function changeImage(){if(img.src.match(‘cbd’)){img.src = ‘imag...原创 2019-09-16 17:19:58 · 4393 阅读 · 0 评论 -
点击切换按钮样式并且可以切换图片
切换按钮样式以及可以切换某一容器中的图片再一次工作中遇到的问题,将两种功能进行了一次结合,并且记录了一下。直接上代码了:html://要切换的图片<img id="img0" src="../image/home/[email protected]" alt="" id="tuoanlinggai">//按钮<div class="itemb" tapmode onc...原创 2019-08-23 23:35:20 · 2915 阅读 · 0 评论