JavaScript
趙小二啊
当你的才华还撑不起你的野心时,那你就应该静下心来学习,当你的能力还驾驭不了你的目标时,那就应该沉下心来历练。
展开
-
js设置用户当input、textarea值改变没有保存时关闭或离开页面则提醒用户保存信息(onbeforeunload)
var dirty = false;//是否有输入的内容未保存标志,初始值为false $(document).on("change","input,textarea,select",function(){ dirty = true; }); $("#id").on("click", function() { dirty = false; });window.onbeforeunload = function(event){ .原创 2021-03-22 13:05:38 · 593 阅读 · 1 评论 -
JS数组排序及去重
var arr = [1,1,2,2,4,5,2,1,2];//一、数组排序 //1、冒泡排序法 for(var i=0;i<arr.length;i++){ for(var j=0;j<arr.length-i;j++){ if(arr[j]>arr[j+1]){ var a=arr[j]; arr[j] = arr.原创 2021-02-20 13:18:10 · 122 阅读 · 0 评论 -
JS实现模拟购物车功能计算商品件数及价钱总和
style部分 ul>li{ font-size: 20px; margin-bottom: 10px;}body部分 <div style="font-size: 30px;text-align: center;color: brown;">模拟购物车测试案例</div> <ul id="list"> <li> <input type="button" va原创 2021-02-20 13:11:28 · 1968 阅读 · 2 评论 -
解决video禁止自动全屏播放问题(ios、安卓)
同层页面内播放是标准的视频播放形态,安卓在video标签中添加且只需要添加一个(不要与x5-playsinline同时存在):x5-video-player-type='h5-page'属性来控制网页内部同层播放,可以在视频上方显示html元素ios 在video标签中添加webkit-playsinline="true"playsinline="true" 即可...原创 2021-01-28 13:57:56 · 2337 阅读 · 1 评论 -
微信浏览器内打开App Store链接,并跳转到App指定安装页面
id1234567 代表’id’ + appid,这里的是 测试的数据,在html中加上这个链接 https://itunes.apple.com/cn/app/id1234567可以唤起苹果商店直接在浏览器中输入此链接 也可以唤起 苹果商店原创 2021-01-19 11:28:19 · 4394 阅读 · 2 评论 -
ios下iframe页面内容宽度超出屏幕宽度
iframe,ios下iframe页面内容宽度超出屏幕宽度安卓,pc上面测试正常,ios异常解决方案:<div style="overflow: auto;-webkit-overflow-scrolling:touch;width:100%;height:100%;"> <iframe src="https://mp.csdn.net/postedi...原创 2019-09-04 18:37:04 · 452 阅读 · 0 评论 -
ios输入input事件弹出软键盘后页面未回到底部(及点击input 弹出软键盘首字母默认大写)
最近app嵌套H5页面时,需要input输入,但是在ios屏幕上时,input引起软键盘弹出,此时ios页面高度发生变化,ios屏幕为保证输入框在可视范围内,往往会发生滑动。但是输入结束后,屏幕未回到底部。导致底部出现高度差。处理方法:监听window屏幕的foucusin和focusout事件,视情移动屏幕至底部此处做了延时执行,是因为在输入框切换的时候也会触发focusout和focusin事件,但此时用户输入并未完成,所以做30毫秒延时,避免触发回到底部。//用户完成输入时,点击输入完成,收回软原创 2020-07-10 17:30:29 · 869 阅读 · 0 评论 -
移动端底部input唤醒手机软键盘遮挡输入框问题
<input type="text" value="" class="tinput"/> //针对直接在浏览器打开此方法有效 $('.tinput').bind('focus', function() { // 软键盘弹起之后再调整滚动条位置 if ($(this).offset().top > document.body.scrollHeight / 2) { setTimeout(function (原创 2020-11-11 16:29:33 · 799 阅读 · 0 评论 -
获取地理位置坐标GPS,GPS坐标转百度坐标
<p><button class="btn btn-success btns">点击获取坐标</button></p><p>经度: <input id="long" type="text" value="" /></p><p>纬度: <input id="lat" type="text" value="" /></p> $(".btns").click(function(){原创 2020-07-02 14:53:01 · 815 阅读 · 1 评论 -
解决audio、video视频在ios微信浏览器中不能自动播放的问题
解决audio、video视频在ios微信浏览器中不能自动播放的问题由于Android,IOS移动端的浏览器以及微信自带的浏览器为了用户更好的体验,规定不自动播放音频视频,默认屏蔽了autoplay,如果要想达到自动播放效果,需要单独处理解决方法一:在页面中引入微信插件:<srcipt src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>页面中添加html代码:<audio controls="原创 2020-07-02 14:50:42 · 6125 阅读 · 5 评论 -
压缩图片base64格式
html代码<div id="preview"> <input type="file" id="file" value="" onchange="imgsrc(event)" /> <img id="imgs" /></div>js代码//第一个参数就是原来的字符串,第二个是宽度,第...原创 2019-12-24 14:45:12 · 711 阅读 · 0 评论 -
前端解析数组Json字符串中有\r\n换行符
将Json字符串中所有的\r\n转成\\r\\n注意:不能使用replace(/[\r\n]/g,"\\r\\n")同时\r\n转换,如果是\r\n连续出现的时候,就会被替换两次,三次....死循环下去。可以分两次转换:replace(/[\r]/g, "\\r").replace(/[\n]/g, "\\n")...原创 2019-12-20 13:28:54 · 3647 阅读 · 0 评论 -
JavaScript构造函数学习:js中构造函数与普通函数的区别
构造函数不仅只出现在JavaScript中,它同样存在于很多主流的程序语言里,比如c++、Java、PHP等等。与这些主流程序语言一样,构造函数在js中的作业一样,也是用来创建对象时初始化对象,并且总与new运算符一起使用。在js中,构造函数与普通函数的区别不是很大。接下来就主要讲讲两者的区别。1.在命名规则上,构造函数一般是首字母大写,普通函数则是遵照小驼峰式命名法。2.在函数调用时...转载 2019-01-02 15:32:07 · 1828 阅读 · 0 评论 -
彻底弄懂JS的事件冒泡和事件捕获
事件捕获指的是从document到触发事件的那个节点,即自上而下的去触发事件。相反的,事件冒泡是自下而上的去触发事件。绑定事件方法的第三个参数,就是控制事件触发顺序是否为事件捕获。true,事件捕获;false,事件冒泡。默认false,即事件冒泡。Jquery的e.stopPropagation会阻止冒泡,意思就是到我为止,我的爹和祖宗的事件就不要触发了。这是HTML结构 1 ...转载 2018-12-04 13:20:12 · 125 阅读 · 0 评论 -
JavaScript 的继承方式及优缺点
前言JavaScript 原本不是纯粹的 “OOP” 语言,因为在 ES5 规范中没有类的概念,在 ES6 中才正式加入了 class 的编程方式,在 ES6 之前,也都是使用面向对象的编程方式,当然是 JavaScript 独有的面向对象编程,而且这种编程方式是建立在 JavaScript 独特的原型链的基础之上的,我们本篇就将对原型链以及面向对象编程最常用到的继承进行刨析。继承简介...原创 2018-08-01 13:12:14 · 189 阅读 · 0 评论