Taojunhao-优快云博客

原创父级页面从子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 2501

原创 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 3762 1

原创 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 3687 5

原创解决 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 4972

原创 #ES6基础教程（一）

ES6基础教程（一）一、let 和 const 命令1、let命令基础用法let 命令用来声明变量，用法类似于var，let声明变量只在let声明代码块中有效。{ let a = 10 var b = 5}a //a is not definedb //b=5for循环中使用let 命令for(let i = 0 ; i < 10 ; i++){ ...}console.log(i)// i is not defined// let 声明的变量i

2021-06-21 16:25:11 218

原创 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> &lt

2020-10-27 15:18:48 5122

原创 vue +elementUI 分页功能入的坑。

vue +elementUI 分页功能入的坑（数据不能渲染上表格）注意坑来了！！！今天写Vue项目遇到表格分页问题，于是就想到elementUI组件有分页功能。<div class="block"> <span class="demonstration">完整功能</span> <el-pagination @size-ch...

2020-04-01 00:23:03 2643 1

原创 JS注册事件的方法总结（不完善）

JS注册事件的方法总结（不完善） // 1.onclick注册事件 // 缺点:不能为同一事件源注册多个事件 var btn = document.getElementById('btn'); btn.onclick = function(){ alert('hello'); }; btn.onclick = function(){ alert('你好'...

2019-08-13 15:19:09 390

原创 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 168

原创 CSS3 3D反转图片的实现

CSS3 3D反转图片的实现 div{ margin: 100px auto; width: 300px; position: relative; } img{ width: 300px; position: absolute; top: 0; left: 0; transition: all 0.8s; }...

2019-07-31 23:13:21 572

原创 canvas注意事项

canvas注意事项注意事项===canvas图像的渲染有别于HTML图像的渲染canvas图像渲染极快，不会出现代码覆盖后延迟渲染的问题；写canvas代码时一定要有同步思想===在获取上下文时，一定要先判断===画布宽高问题...

2019-07-23 23:51:14 439

原创清除浮动，解决高度塌陷问题

清除浮动，解决高度塌陷问题一、清除浮动方法使用带clear属性的空元素在浮动元素后使用一个空元素如<div class="clear"></div>，并在CSS中赋予.clear{clear:both;}属性即可清理浮动。亦可使用<br class="clear" />或<hr class="clear" />来进行清理。 #di...

2019-07-23 15:34:52 338

原创 CSS垂直居中的方法

CSS垂直居中的方法margin auto方法.div1{ width: 18.75rem; height:18.75rem; background: #FFFF00; position: absolute; top: 0; bottom: 0; margin: auto; }2.transform：translateY(...

2019-07-23 14:22:44 291

原创 JavaScript中事件冒泡

什么是事件冒泡？多个元素嵌套且元素之间有层次关系，并且这些元素都注册了相同的事件。如果最里面的元素的事件被触发，那么外面的元素的事件也自动跟着触发。例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" c...

2019-04-29 16:06:14 131

原创 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 215

原创 JavaScript中的预解释问题。

JavaScript中的几个预解析问题。什么是预解析?预解析即将代码提前解析。JavaScript的代码是以从上到下的顺序依次执行，如果使用变量或者调用函数时，定义变量语句在使用变量语句后面执行，定义函数语句在调用函数语句后面执行，会将定义变量，定义函数提前到使用变量和调用函数的语句前。例1：在控制台输出number的值 <script> var numb...

2019-04-20 00:42:08 112

转载 overflow:hidden用法,不只是隐藏溢出内容

overflow：hidden是大家常用的CSS样式，但是大多数人对这个样式的理解仅仅局限于隐藏溢出，而对于清除浮动这个含义不是很了解。<!DOCTYPE html><html><head> <title></title> <style type="text/css"> #div1{ ...

2019-04-10 19:55:28 841

原创 git创建分支，并整合到master分支上的操作

//创建分支1.线上仓库创建分支创建分支名为：index-swiper2.将分支拉到本地：进入终端输入：git pull3.切换分支git checkout + 分支名**//本地分支内容提交上线上仓库1.git add .2.git commit -m “内容描述”3.git push//将分支合并到master分支上1.切换到master分支上git che...

2019-03-26 01:00:26 718

原创 git push错误：ssh:Could not resolve hostname gitee.com:Name or service not known 问题解决啦！

因为最近学习Vue.js接触到了很多新东西，所以遇到了各种问题，下面这个问题是我将本地项目上传到远程仓库时遇到的问题，希望对大家有帮助。git push错误：ssh:Could not resolve hostname gitee.com:Name or service not known fatal:Could not read from remote respository图片:解决方法...

2019-03-26 00:43:53 17251 5

Okey