![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
Taojunhao
砥砺奋进,不忘初心
展开
-
解决 H5 IOS input 聚焦时,软键盘将页面整个推上去,键盘收起页面未下移 BUG
目录问题描述解决方案问题描述近日在开发H5应用时,测试人员发现在IOS低版本中input,textArea等输入框聚焦时,软键盘弹起会将整个页面向上顶,收回键盘后,页面不会回弹恢复页面,导致页面下方产生大量空白。解决方案在页面中添加以下js即可解决:// 解决 H5 IOS input 聚焦时,页面整个被推上去了,键盘收起页面未下移 BUG$(function () { (/iphone|ipod|ipad/i.test(navigator.appVersion)) && do原创 2021-07-09 14:22:34 · 4633 阅读 · 0 评论 -
父级页面从子Iframe页面中获取Vue实例踩坑记录!
从父级页面获取子级iframe页面的方法和数据:document.getElementById("父级元素id").contentWindow.子级方法();document.getElementById("父级元素id").contentWindow.vue实例;document.getElementById("父级元素id").contentWindow.vue实例.vue方法();document.getElementById("父级元素id").contentWindow.vue实例.vue原创 2020-12-31 09:45:11 · 2351 阅读 · 0 评论 -
Vue实现tab选项卡及内容滑动切换
Vue实现tab选项卡及内容滑动切换近期公司要求给产品应用添加详情和评论的展示模块,为了达到用户体验效果,采取切换tab选项卡,联级滑动响应的内容进行展示,并且滑动内容切换tab选项卡。考虑到性能及兼容性问题,放弃采用Swiper等插件,直接使用Vue来进行原生开发。下面上代码。效果图:HTML:<!doctype html><html><head> <meta charset="utf-8" /> <title>tab滑动选项卡原创 2020-12-30 17:22:30 · 3432 阅读 · 1 评论 -
Vue实现 Switch 开关按钮demo
HTML代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>switch 开关按钮</title></head><body> <原创 2020-10-27 15:18:48 · 4966 阅读 · 0 评论 -
Iview CheckGroup复选框 on-change事件踩坑记录~
IView CheckGroup多选框 @on-change事件踩坑记录~近期做项目需要使用IView组件库的CheckGroup复选框,通过复选框来选择并返回选择好的数组,然而按照官方文档的方法,无论如何都无法通过@on-change绑定的事件来获取到返回的值。最后发现是官方文档有误~废话不多说,直接上代码。希望对大家有所帮助。官方版本<CheckboxGroup v-model="checkAllGroup" @on-change="checkAllGroupChange">原创 2020-10-22 15:28:50 · 3403 阅读 · 5 评论 -
JavaScript创建对象的方法
JavaScript创建对象的方法1、对象字面量创建 var dog = { name:'bob', type:'中华田园犬', age:12, bark: function(){ console.log('汪汪汪'); } } console.log(dog.name); dog.bark(); 2.new object方式 ...原创 2019-08-10 14:45:40 · 128 阅读 · 0 评论 -
JS注册事件的方法总结(不完善)
JS注册事件的方法总结(不完善) // 1.onclick注册事件 // 缺点:不能为同一事件源注册多个事件 var btn = document.getElementById('btn'); btn.onclick = function(){ alert('hello'); }; btn.onclick = function(){ alert('你好'...原创 2019-08-13 15:19:09 · 342 阅读 · 0 评论 -
JavaScript中事件冒泡
什么是事件冒泡?多个元素嵌套且元素之间有层次关系,并且这些元素都注册了相同的事件。如果最里面的元素的事件被触发,那么外面的元素的事件也自动跟着触发。例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" c...原创 2019-04-29 16:06:14 · 100 阅读 · 0 评论 -
JavaScript中的预解释问题。
JavaScript中的几个预解析问题。什么是预解析?预解析即将代码提前解析。JavaScript的代码是以从上到下的顺序依次执行,如果使用变量或者调用函数时,定义变量语句在使用变量语句后面执行,定义函数语句在调用函数语句后面执行,会将定义变量,定义函数提前到使用变量和调用函数的语句前。例1:在控制台输出number的值 <script> var numb...原创 2019-04-20 00:42:08 · 71 阅读 · 0 评论 -
JavaScript三种创建对象的方法
方法一:调用系统的构造函数创建对象。var 变量名 = new Object ();object是系统的构造函数。例1://实例化一个对象 var obj = new Object();//对象有属性和方法//添加属性 obj.name = “小苏”; obj.age = 23; obj.sex = "女";//添加方法 obj.eat = function () { co...原创 2019-04-21 00:47:30 · 168 阅读 · 0 评论