javascript
关注
分享
扫一扫
折纸成鸢。
记录自己的一些开发经验
展开
-
根据身份证号码获取生日、年龄、性别
【代码】根据身份证号码获取生日、年龄、性别。原创 2023-01-28 15:45:00 · 837 阅读 · 1 评论 -
返回当前时间的前n天
获取传入时间前n天的时间new Date() 获取当前时间getTime() 获取时间戳getFullYear() 获取时间的年份getMonth()获取时间的月份，从0到11，所以与实际相比需加1getDate()获取时间是几号getHours()获取时间的小时getMinutes()获取时间的分钟getSeconds()获取时间的秒/** * 获取传入时间前n天的时间 * time 传入时间 默认当前时间 * one 前几天 * */function theDayBefore原创 2022-03-02 14:53:42 · 209 阅读 · 0 评论 -
js判断div滚动条是否滚动到底部
1、设置div固定高度，并且设置为内部超出可滚动2、获取div标签，并获取div滚动距离顶部的高度3、获取div的高度，如果没有给div设置高度可获取视图窗口的高度4、获取div标签滚动高度4、通过判断div滚动条距离顶部的高度和视图窗口的高度和与div滚动高度相等，即可判断滚动条是否滚动到底部<div id="app"></div>//获取节点 var scrollDiv = document.getElementById('app'); //获取视图窗口的高度原创 2021-12-16 21:10:32 · 4525 阅读 · 0 评论 -
6个你可以马上使用的JavaScipt小技巧
前言JavaScript在越来越多的地方被使用，而且它还时不时的更新。既然更新了，就会有新的功能和新的方法来实现某些编程目标。其中一些功能可能需要使用polyfills或其他库（如Babel），以确保你的所有代码在最老的浏览器上也能如期工作。让我们来回顾一下几个有用的功能。1. 展开运算符展开运算符太有用了，不提也罢。它允许对数组或字符串等迭代符进行扩展。这对于添加新的值是非常有用的。let arr = [1, 2, 3, 4, 5]let newArr = [...arr, 6, 7]//转载 2021-03-05 10:04:35 · 207 阅读 · 1 评论 -
slice与substring的区别
slice与substring同为截取字符串的一部分，也同样有两个参数。下面来描述一下slice和substring的两个参数的使用方法如下：1、slice：两个参数分别表示截取字符串的起始位置和结束位置，如果大于0，则从前面计数，如果小于0，则从后面计数，如果省略第二个参数，则会截取到字符串的尾部，参照下面的示例更容易理解：var s = "hello ECMAScript5.1 and ECMAScript2015"; console.log(s.slice(6,19)); //ECMAScrip原创 2021-01-07 17:05:47 · 10558 阅读 · 1 评论 -
上下滚动播放效果
1、js //滚动播放动画效果 animationUp(); function animationUp(){ let liDome = document.getElementsByClassName('item'), ulDome = document.getElementsByClassName('list')[0], lis = Array.prototype.slice.call(liDome), liLen = lis.length原创 2020-12-01 11:25:00 · 282 阅读 · 0 评论 -
H5页面适配 iPhoneX，就是这么简单
H5页面适配 iPhoneX，就是这么简单转载 2020-04-15 14:42:03 · 516 阅读 · 0 评论 -
动态创建style标签样式
动态创建style标签样式操作步骤：创建style标签 var stylee=document.createElement(‘style’);给标签添加属性 stylee.type = ‘text/css’;给标签添加id stylee.id = ‘styleId’；设置要添加的字符串 var sHtml = ‘.un-points .un-point-bullet{backgroun...原创 2020-04-15 12:01:31 · 5200 阅读 · 0 评论 -
基于jQuery的可复用轮播图，pc版
基于jQuery的可复用轮播图一、可修改参数参数说明width轮播图宽度 如：690pxheight轮播图高度 如：345pxear是否添加左右点击切换 默认falsedot是否添加底部小圆点切换 默认falsepointBulletColor初始小圆点颜色 格式必须为#fff 或者 #ffffff 默认为#ffffffpo...原创 2020-04-15 11:34:24 · 200 阅读 · 0 评论 -
基于jQuery的自定义倒计时
基于jQuery的自定义倒计时支持传入参数类型：时间类型，数字类型，其中数字类型区分时、分、秒。以下为js代码var countDown = function(dome,time){ this.$dome = $(dome); this.defaults = { time:'',//日期类型 endminute:0,//数字类型 如15分 endsecond:0,//数字类型 ...原创 2020-04-14 17:03:02 · 266 阅读 · 5 评论 -
原生js实现放大镜效果
原生js实现放大镜效果一、案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>放大镜</title> <style type="text/css"> * { margin:...原创 2020-04-10 22:44:05 · 171 阅读 · 0 评论 -
原生js实现动态时钟
原生js实现动态时钟一、案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>时钟</title> <style type="text/css"> * { margin: 0...原创 2020-04-10 22:25:44 · 607 阅读 · 0 评论 -
自定义iframe弹框
自定义iframe弹框一、参数说明：id：iframe弹出idmId：弹出拖动头部移动位置的区域的idtitle：弹出头部标题content：内容（内容可为文字或者是html页面）area：弹出区域的高宽（为数组类型，如：[‘420px’,‘300px’]）btn：底部按钮设置，可设置多个（如：[‘取消’,‘确定’]）shade：是否显示遮罩（默认为true）success：渲...原创 2020-04-10 18:58:21 · 2636 阅读 · 0 评论 -
子弹窗里调用父页面的函数以及函数传参
子弹窗里调用父页面的函数以及函数传参父页面代码注意：定义与赋值的先后顺序，定义必须在赋值的前面，不然赋值不成功，子弹窗也不能调用父页面的函数 var _tool = { func1:function(Option){ layer.alert(Option) } } window.tool = _tool;子页面代码parent.tool.func1(1)...原创 2020-03-13 14:43:10 · 260 阅读 · 0 评论 -
类数组转换为数组
/*html*/ <ul class="kite-name"> <li>1</li> <li>2</li> <li>3</li> </ul> /*js*/ var domes = $('ul.kite-name li'); var pDome = Arr...原创 2020-03-11 18:05:08 · 154 阅读 · 0 评论 -
过滤字符串中的HTML编码
过滤字符串中的HTML编码/**value： 需要被替换的字符串option：替换后的值，不需要就不传*/ removeHtml: function (value，option) { var option = option?option：''; if (!value) return '' value = value.toString()...原创 2020-02-25 14:06:27 · 323 阅读 · 0 评论 -
layui导出excel表格
1、layui官网自带的常规导出方法，这种方法可以导出任意数据表，但是这样不能自定义导出表明。table.exportFile(['名字','性别','年龄'], [ ['张三','男','20'], ['李四','女','18'], ['王五','女','19']], 'csv'); //默认导出 csv，也可以为：xls2、运用layui 第三方组件平台的excel插件导出...原创 2020-01-14 16:08:52 · 6789 阅读 · 0 评论 -
什么时候用prop，什么时候用attr
当属性为自定义属性时适用attr()，当属性为固有属性时就应该选择用prop。原创 2019-12-30 17:53:53 · 270 阅读 · 0 评论 -
数组对象从小到大排序
数组对象从小到大排序 var min,str = []; var sapre =[{sort :2},{sort :1}] for(var i = 0;i<sapre.length;i++ ){ for(var j = i;j<sapre.length;j++){ if(sapre[i].sort > sapre[j].so...原创 2019-12-26 13:44:23 · 863 阅读 · 0 评论 -
数组去重，当遇到重复时跳出循环同时并提示重复
数组去重，当遇到重复时跳出循环同时并提示重复 var falg = true; //数组去重 //1、判断是否是数组 if(!Array.isArray(sapre)){ return } //循环数组 bbq: for (var i = 0;i<sapre.length;i++) { cc...原创 2019-12-26 13:38:50 · 363 阅读 · 0 评论 -
原生js实现ajax请求步骤，支持跨域
1.创建XMLHTTPRequest对象（IE用：XDomainRequest）2.使用open方法设置和服务器的交互信息3.设置发送的数据，开始和服务器端交互4.注册事件5.获取返回值实现代码如下：var url = '你的连接';function ajax(){ //创建对象 var $ajax = new XMLHttpRequest(); if(typeof XDoma...原创 2019-11-07 11:05:20 · 347 阅读 · 0 评论 -
动态加载js文件
function loadJs(url, callback) { var script = document.createElement('script'); script.type = "text/javascript"; script.charset = "UTF-8"; if(typeof(callback) != "undefined") { if(script.readySt...转载 2019-03-05 15:56:39 · 136 阅读 · 0 评论 -
原生js实现div在窗口内移动
原生js实现div在窗口内移动css样式<style> *{margin:0;padding:0;} #div1{width:200px;height:200px;position:absolute;left:500px;background:red;}</style>html<body> <div id="div1"></d...原创 2019-04-19 19:42:11 · 1309 阅读 · 0 评论 -
前端常见问题
forEach 循环1、foreach里面return 直接跳出本次循环，进入下一次循环；splice对数组进行删除、添加操作var arr = [‘1’,‘2’,‘3’]；1、splice(0,0,‘4’) //从第0个位置开始插入2、splice(2,1)//从第2个元素开始删除，删除个数为1个...原创 2019-04-20 15:59:31 · 318 阅读 · 0 评论 -
video自动循环播放设置
方法一:在video标签上直接添加autoplay 和loop属性，但直接添加需手动点击播放才可自动循环播放，想要一打开就让video自动循环播放需要添加muted属性，具体代码实现如下：<video id="videos" muted="muted" width="636" height="432" src="home/banner5.mp4" autoplay="autoplay" l...原创 2019-07-03 16:08:00 · 31322 阅读 · 2 评论 -
JavaScript将document.getElementsByClassName获取的类数组转化为数组的方法
Slide 1 Slide 2 Slide 3 Slide 4 Slide 5 Slide 6 Slide 7 var dome = document.getElementsByClassName("sixitem");var domes = Array.prototype.slice.call(dome); console.log(domes )原创 2019-07-10 11:58:32 · 3776 阅读 · 0 评论 -
解决js的hover事件鼠标滑过失效
<div id="meun-container"></div> var hoverTimer,outTimer; $("#meun-container").hover(function(){ clearTimeout(outTimer); hoverTimer = setTimeout(function(){ 事件处理代...原创 2019-07-10 14:48:47 · 1323 阅读 · 0 评论 -
javascript中apply、call和bind的区别
在JS中，这三者都是用来改变函数的this对象的指向的，他们有什么样的区别呢。在说区别之前还是先总结一下三者的相似之处：1、都是用来改变函数的this对象的指向的。2、第一个参数都是this要指向的对象。3、都可以利用后续参数传参。那么他们的区别在哪里的，先看一个例子。 var xw = { name : "小王", ...转载 2018-12-10 09:53:17 · 136 阅读 · 0 评论