前端
文章平均质量分 75
西楚小羽的窝窝
奔跑吧,程序猿
展开
-
JS中计算可视距离高度问题
export default { getElementLeft(element) { let actualLeft = element.offsetLeft let current = element.offsetParent while (current !== null) { actualLeft += curr原创 2016-11-28 18:35:23 · 990 阅读 · 0 评论 -
快速理解JavaScript中apply()和call()的用法和用途
在学习apply()之前,我们必须对this的作用和使用方法有所了解,可以参考我前一篇文章《快速理解JavaScript中this的用法与陷阱》。当然如果你已经熟悉this的相关知识,那么请直接往下看。call()和apply()的作用十分相似,只是参数类型上的差别,以适应不同的使用场景。它们都是为了改变函数运行时的 context(上下文)而存在的,再说的直白一点,就是为了改变函数内转载 2016-12-21 16:21:25 · 723 阅读 · 0 评论 -
快速理解JavaScript中this的用法与陷阱
this是 JS 这门语言的魅力之一——灵活方便又难以捉摸,即使是有经验的程序员,如果不仔细也有可能搞错,关于this的用法也成为许多公司的经典面试题。如果你写过 Java ,你可能接触过this——一般指向当前对象,实际上,这时候this的含义已经确定了,因为Java属于编译期绑定,而JS属于运行期绑定,所以导致this的含义在运行过程中可能有多种变化。进一步说,this和它声明环境转载 2016-12-21 15:30:32 · 514 阅读 · 0 评论 -
react子组件与父组件之间方法调用
1、子组件调用父组件方法1)子组件2)父组件2、父组件调用子组件方法1)父组件2)子组件原创 2016-11-28 11:26:46 · 9305 阅读 · 0 评论 -
js中的类型判断typeof、instanceof、constructor和prototype
如何判断js中的类型呢,先举几个例子:var a = "json";var b = 123;var c = true;var d = [1,2,3];var e = new Date();var f = function(){ alert('jason');};一、最常见的判断方法:typeof typeof是一个一元运算符,它返回的结果始终是一原创 2016-11-25 18:36:31 · 2151 阅读 · 0 评论 -
CSS中的position定位
先看下position各个属性值的定义:1、static:默认值。没有定位,元素出现在正常的流中(忽略top,bottom,left,right或者z-index声明)。2、relative:生成相对定位的元素,通过top,bottom,left,right的设置相对于其正常位置进行定位。可通过z-index进行层次分级。3、absolute:生成绝对定位的元素,相对于static定位原创 2016-11-25 17:43:18 · 754 阅读 · 0 评论 -
react生命周期
React Life Cycle .btn { position: relative; display: block; margin-bottom: 10px; font-size: 18px; text-align: center; text-decoration: none;原创 2016-11-25 17:00:12 · 624 阅读 · 0 评论 -
block,inline和inlinke-block区别
1、display:blockblock元素会独占一行,多个block元素会各自新起一行。默认情况下,block元素宽度自动填满其父元素宽度。block元素可以设置width,height属性。块级元素即使设置了宽度,仍然是独占一行。block元素可以设置margin和padding属性。2、display:inlineinline元素不会独占一行,多个相邻的行内元素会排列在同原创 2016-11-25 16:07:04 · 725 阅读 · 0 评论 -
word-wrap、word-break和white-space
1、先要明确一点,不加word-wrap或word-break的时候,就是浏览器默认的时候,如果有一个单词很长,导致一行中剩下的空间已经放不下它时,则浏览器会把这个单词挪到下一行去:2、这个长单词还不算变态的,因为至少它没有长到超过包裹它的元素的长度,但是如果超过了的话,就会出现下面的情况,它会溢出它的父容器外,因为这时它是不允许被截断的。3、这个时候word-wrap原创 2016-11-25 15:43:20 · 1007 阅读 · 0 评论 -
CSS布局居中问题
1. 把margin设为auto具体来说就是把要居中的元素的margin-left和margin-right都设为auto,此方法只能进行水平的居中,且对浮动元素或绝对定位元素无效。2、使用 text-align:center这个没什么好说的,只能对图片,按钮,文字等行内元素(display为inline或inline-block等)进行水平居中。但要说明的是在IE6、7这两个奇葩的浏原创 2016-12-02 18:16:22 · 612 阅读 · 0 评论 -
JavaScript易错知识点整理
本文是我学习JavaScript过程中收集与整理的一些易错知识点,将分别从变量作用域,类型比较,this指向,函数参数,闭包问题及对象拷贝与赋值这6个方面进行由浅入深的介绍和讲解,其中也涉及了一些ES6的知识点。1.变量作用域var a = 1;function test() { var a = 2; console.log(a); // 2}test();转载 2016-12-20 19:55:13 · 383 阅读 · 0 评论