youyi2016 - 博客园

记使用vue-awesome-swiper遇到的一些问题

摘要：一、vue-awesome-swiper的使用 1、在项目中全局引用引入之后，在文件中直接使用 2、在组件中局部文件中导入注册组件 html中的写法和全局引入时的一样二、问题 1、swiper外加了v-if，无法读取this.$refs,也就是通过this.$refs无法拿到swiper对象阅读全文

posted @ 2018-09-29 20:01 youyi2016 阅读(1127) 评论(0) 推荐(0)

Javascript中的this（七）

摘要：一、为什么要用this 通过this可以在不同的上下文对象中重复使用函数二、this是什么 this就是我们说的执行上下文（包含调用栈（哪里被调用）、函数的调用方式、传入的参数等信息）三、this的绑定规则 1、默认绑定当函数调用没有引用对象时，默认this指向全局对象 2、隐式绑定 this 阅读全文

posted @ 2018-09-27 20:57 youyi2016 阅读(198) 评论(0) 推荐(0)

Javascript中的词法作用域、动态作用域、函数作用域和块作用域（四）

摘要：一、js中的词法作用域和动态作用域词法作用域也就是在词法阶段定义的作用域，也就是说词法作用域在代码书写时就已经确定了。 js中其实只有词法作用域，并没有动态作用域，this的执行机制让作用域表现的像动态作用域，this的绑定是在代码执行的时候确定的。 example1: 理解词法作用域记住js中阅读全文

posted @ 2018-09-25 20:46 youyi2016 阅读(2992) 评论(0) 推荐(0)

Javascript之数组遍历

摘要：一、遍历数组的几种方式 1、for...in遍历数组，会遍历数组的索引和数组原型上的对象 2、for循环直接遍历 3、迭代器：forEach（遍历数组中所有的值，并忽略回调函数返回的值）、every（一直运行直到返回false）、some（一直运行直到返回true）等遍历 4、for...of直接遍阅读全文

posted @ 2018-09-24 10:25 youyi2016 阅读(136) 评论(0) 推荐(0)

Javascript中的原型、原型链（十）

摘要：一、原型每当创建一个函数时，函数就会包含一个prototype属性，这个属性其实相当于一个指针，指向调用该构造函数创建的对象原型。这个对象原型里面有一个constructor属性，这个属性又指向构造函数。当创建一个函数实例时，这个实例会包含一个指向对象原型的_proto_属性。一个函数的原型阅读全文

posted @ 2018-09-23 21:21 youyi2016 阅读(123) 评论(0) 推荐(0)

Javascript中的对象（八）

摘要：一、如何编写可以计算的对象的属性名我们都知道对象的属性访问分两种，键访问（["属性名"]）和属性访问(.属性名，遵循标识符的命名规范) 对于动态属性名可以这样 (这里可以对比学习一下es6中的symbol) 二、如何给对象的属性添加特性通过Object.defineProperty()定义对象的阅读全文

posted @ 2018-09-22 10:20 youyi2016 阅读(130) 评论(0) 推荐(0)

记一次包含iframe的需要滚动的元素不能滚动到底部的问题

摘要：一个包含上头部、下部模块（包含左右两边模块：侧边栏、内容区域）的页面前提条件，内容区域： 1、元素高度需要自适应屏幕高度 2、里面内容足够长时，可以滚动 3、包含了一个iframe嵌入的内容很长的页面问题：不要滚动内容区域时出现双滚动条解决方案： 1、内容高度设置为body的高度-头部高度阅读全文

posted @ 2018-09-19 10:57 youyi2016 阅读(846) 评论(0) 推荐(0)

元素等比缩放解决方案

摘要：一、元素等比缩放解决方案包含内容的元素使用绝对定位布局，利用元素的padding的百分比属性去设置元素的高度。 padding可以设置的值： 1、长度，非负的固定宽度 2、百分比，相对于父元素的宽度。阅读全文

posted @ 2018-09-18 15:03 youyi2016 阅读(362) 评论(0) 推荐(0)

元素高度自适应屏幕高度解决方案

摘要：一、js实现 body标签高度设置为100%，通过resize事件监听浏览器的大小改变，动态设置元素高度为body高度。二、css实现 calc计算高度，值得注意的是calc中运算符+／-两边必须留空格才能被解析为正确的表达式。 calc规则：除以零会导致HTML解析器生成错误。在+与-运营商阅读全文

posted @ 2018-09-18 14:18 youyi2016 阅读(727) 评论(0) 推荐(0)

浏览器同源策略及规避方案

摘要：浏览器的同源策略的目的是为了确保用户的信息安全，防止用户的数据被窃取。每当客户端向服务器端发送请求时，请求都会携带cookie发送给服务器，cookie中包含着用户信息（这里又涉及到cookie的知识，cookie的作用有哪些呢？），如果没有同源限制，用户的信息就可以被随便发送到某个服务器。什阅读全文

posted @ 2018-09-08 10:43 youyi2016 阅读(490) 评论(0) 推荐(0)

Una

公告