原生javascript
原生javascript
渣 渣 辉
热爱生活,热爱工作
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
iframe高度自适应
1、父级页面2、父级js window.adjustHeight = function() { var iframeEle = $("#iframe").get(0); // contentDocument:获取iframe的document对象 contentWindow:获取iframe的window对象 var iframeDocumentObj = iframeEle.contentDocument || iframeEle.contentWindow原创 2022-01-13 14:16:59 · 378 阅读 · 0 评论 -
js md5加密完整代码
/** MD5 * 加密 */ function toMd5Hex(text) { var hexcase = 0; var chrsz = 8; function core_md5(x, len) { x[len >> 5] |= 0x80 << ((len) % 32); x[(((len + 64) >>> 9) << 4) + 14] = len; var a = 17325原创 2021-10-20 17:54:45 · 3494 阅读 · 4 评论 -
js防止事件多次注册,重复执行。
在我们日常开发中,由于框架或者重复引入文件,导致的事件多次被注册,所以就会多次执行,影响执行结果和体验。解决方案:在每次注册前,先去销毁该事件,这样就能保持事件始终被注册一次$('#content').off('click','.list-item').on('click','.list-item',function() { })希望可以帮助到大家,有问题的可以留言。谢谢...原创 2021-09-26 17:09:30 · 1299 阅读 · 2 评论 -
js将数组分为多个数组(指定几个)
function splitUp(arr, n) { var rest = arr.length % n, // how much to divide restUsed = rest, // to keep track of the division over the elements partLength = Math.floor(arr.length / n), result = []; for (var i = 0; i < arr.length; i += ..原创 2021-07-20 09:52:54 · 834 阅读 · 0 评论 -
移动端(h5)input,显示“下一项”还是“确认、前进”
遇到的问题:两个项目中,都有input:text类型的文本框,但是在移动端的软键盘表现却不一样。图一:<div> <input type="text" name="" id=""></div>图二:<form> <input type="text" name="" id=""></form>总结一下:移动端,form内部的input,系统自动识别,显示下一项,直到最后一个input,会显示完成,而普通.原创 2021-06-28 15:19:11 · 2192 阅读 · 9 评论 -
‘live-server‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件
首先要下载node和live-servernpm install -g live-server因为live-server这个包是依赖于node的,一定要下载安装node,并且配置node对应的环境变量,具体方法百度查找就可。node安装成功之后可用命令node-v查看是否安装成功。node安装没有问题了,再去下载安装live-server,并且需要配置live-server的环境变量。效果如下:看清楚对应的这几个文件,找到对应路径,添加在path后面就行了。可用命令live..原创 2021-06-01 18:23:55 · 631 阅读 · 7 评论 -
微信公众号分享功能
分享到群或者分享到个人,以及分享到朋友圈 wx.updateAppMessageShareData({ title: name, // 分享标题 desc: '分享描述', // 分享描述 link: '',//该页面的绝对路径 imgUrl: '',//图片链接采用base64或者网络路径 success: function () { } }) wx.updateTimelineShareData({ titl原创 2020-11-20 16:56:09 · 595 阅读 · 0 评论 -
时间戳转日期
function add0(m){return m<10?'0'+m:m }function format(shijianchuo){//shijianchuo是整数,否则要parseInt转换var time = new Date(shijianchuo);var y = time.getFullYear();var m = time.getMonth()+1;var d = time.getDate();var h = time.getHours();var mm = time.原创 2020-11-17 17:40:45 · 472 阅读 · 0 评论 -
移动端路由history.back()不生效(路由返回)
移动端路由history.back()不生效(路由返回)在pc端的话,使用history.back()是可以的,但是在移动端是不生效的,想要在移动端返回上一层页面,先试用document.referrer获取上一层页面路径,再使用window.location.href进行跳转就可以了。...原创 2020-09-17 17:07:49 · 3670 阅读 · 0 评论 -
split方法使用多个字符进行分割
比如“:”,“-”,比如“100-40-20:40:30,55”,如果我想拆分这个字符串成为数组怎样才能正确拆分呢?正确写法是:split(/-|:|,/);原创 2020-09-01 18:14:38 · 4764 阅读 · 0 评论 -
input file限制上传文件类型的方法
在前端html中,上传文件时,一般都是用到 type 属性值为 file 的 input 标签,但在默认情况下,file 类型的 input 标签是不限制选择本地文件的类型的,那么本篇博文,飞鸟慕鱼就来和大家说一说,input file 如何限制本地文件的类型。input file 代码<input type="file" name="Files" />复制默认情况下,input file标签 选择本地文件时,是不受限制的,可以选择压缩包类型文件,文本类型文件,图片类型文件等。原创 2020-08-12 11:15:59 · 22267 阅读 · 13 评论 -
前端跨域如何请求?
跨域即跨站HTTP请求(Cross-site HTTP request),指发起请求的资源所在域不同于请求指向资源所在域的HTTP请求。jsonp原理JSONP(JSON with Padding)是数据格式JSON的一种“使用模式”,可以让网页从别的网域要数据。jsonp 的原理很简单,利用了【前端请求静态资源的时候不存在跨域问题】这个思路,但是这个只支持get请求。既然这个方法叫 jsonp,后端数据一定要使用json 数据。前端jquery的写法:$.ajax({type: "ge原创 2020-07-27 11:06:56 · 267 阅读 · 0 评论 -
JS模拟JAVA同步锁
var locks = []; var LOCKTIME_DEFAULT = 1000 * 10; function jsynchronized(lockName, lockTime) { if (getLock(lockName)) { return false; } else { setLock(lockName, true); setTimeout(function () { setLock(lockName, false);原创 2020-07-20 16:42:13 · 936 阅读 · 0 评论 -
最通俗易懂的原生 js 封装map 对象
js 封装map 对象var Map = function() { this.keys = new Array, this.data = new Object; var e = Object.prototype.toString; this.size = function() { return this.keys.length }, this.put = fu...原创 2020-04-09 16:04:50 · 427 阅读 · 0 评论 -
父元素出现滚动条时如何定位到子元素
父元素出现滚动条时如何定位到子元素$("#dataList").scrollTop($("#dataList").scrollTop() + $('.list-item').offset().top - $("#dataList").offset().top);//定位到对应表上原创 2020-03-20 13:41:23 · 963 阅读 · 0 评论
分享