- 博客(15)
- 收藏
- 关注
RSS订阅原创 CSS3动画——animation&transition
动画一般有CSS动画和JS动画，另外其实还可以用计时器写动画，或者canvas里去绘制，这些就不提，这篇主要来说CSS动画。这里姑且是把transition也归类为动画的。CSS动画有animation（动画）和transition（过渡），我们分开来讲：animation来看一个简写的animation用法div{animation:mymove 5s infinite;...
2019-02-23 16:17:37
231
原创 this笔记
this提供了一种优雅的方式来隐式的“传递”一个对象引用，因此可以将API设计的更加简洁并且易于复用。1，一些误解1.1 指向自身明显并不是指向函数自身的；1.2 指向函数的作用域作用域确实和对象类似，可见的标识符都是它的属性，但是作用域“对象”无法通过js代码访问，它存在于js引擎内部；1.3事实this是在运行时进行绑定的，并不是在编写的时候绑定，它的上下文取决于函数调用时的各个条件。this...
2018-04-15 00:58:23
193
原创 词法作用域（遮蔽效应，欺骗词法）
1 词法化大部分标准表一起的第一个工作阶段是词法化，对源代码的字符进行检查，如果是有状态的解析过程还会赋予单词语义；一般来说词法作用域是由书写代码时，把变量和块作用域写在哪里决定的，因此词法分析器在处理代码时会保持作用域不变（大部分情况是这样，而且我们推荐这样写）；2 遮蔽效应作用域查找时，会在找到第一个匹配的标识符时停止，这叫做遮蔽效应；全局变量会自动的成为全局对象（比如浏览器中的window对...
2018-04-11 16:40:02
379
原创 关于JavaScript中的变量提升和使用未经声明的变量会产生全局变量的原因
1 js编译过程，理解变量提升包括 引擎、编译器和作用域；以var a = 2; 为例，编译器把代码分解为词法单元，把词法分解为一个树结构。然后当编译器进行代码生成时，1，对于var a ，编译器询问作用域是否已经有一个同名的变量存放在当前作用域；是则忽略该声明，否则要求作用域在当前作用于的集合中声明一个新的变量，命名为a；2，接下来编译器为引擎生成运行时需要的代码，这些代码用来处理a=2;引擎运...
2018-04-11 15:54:46
1114
原创 子元素与父元素的width继承
1，同为内联元素我们知道，内联元素不可以设置width和height，所以其宽度默认都是auto，由内容撑起来。2，同为块级元素子元素默认width是100%，所以会继承父元素的宽度；但是不会继承其高度，可以通过内容把高度撑起来；另外，给子元素添加padding和margin时，可以看到内容的宽度时父元素的宽度减去子元素的margin和padding值；3，父亲是块元素，孩子是内联元素一般的内联元...
2018-03-07 09:42:58
16282
转载 flexbox——css伸缩布局
1术语伸缩容器：设有“display：flex”或“display：inline-flex”的元素伸缩项目：伸缩容器的子元素主轴：沿着主轴伸缩项目主轴长度：伸缩项目在主轴方向的宽度或者高度就是株洲长度，其属性是width或者height；侧周长度则是另一个；测轴：垂直于主轴2开始使用flex指定元素为flex之后，用flex-row属性决定子元素是在一行还是在一列显示，可以定义关键词“wrap”指...
2018-03-05 21:12:55
246
原创 css之浮动和position
第一部分是对浮动的讲解，第二部分是关于position的几个值的区别；1，浮动浮动是页面元素定位的一种基本功能，可以让元素一个挨着一个。浮动可以创建一个自然流布局，同时允许元素设置自身尺寸和父元素容器的尺寸大小。元素浮动时，一个元素的位置依赖于其周边的其他元素；浮动存在的问题：一个父元素包含了多个浮动的子元素，页面内容设置了宽度，子元素的浮动确定了自己的位置，但是浮动元素不会影响父元素的宽度。这样...
2018-03-05 14:30:42
803
转载 三种三栏网页宽度自适应布局的方法
原文地址 ： 点击打开链接1，左右两栏采用绝对定位，固定于页面左右两侧， 中间主体使用margin值撑开距离；优点：简单易理解，受内部元素影响破坏布局的概率低；三栏位置可以任意调整；缺点是：如果中间栏有最小宽度限制，或者含有宽度的内部元素，则当浏览器宽度小到一定程度会发生层重叠的情况2，margin负值法中间栏双层div，外层宽度100%，并浮动；内层是真正的主体内容，左右margin210px；...
2018-03-05 10:54:24
405
原创 改变函数内部的this指针的指向
每个函数都包含两个非继承来的方法call()和apply()；使用call()或者apply()，可以改变this的指向；假设要改变fn函数内部的this的指向，指向obj，那么可以fn.call(obj);或者fn.apply(obj);call和apply的区别：call和apply的区别在于参数，他们两个的第一个参数都是一样的，表示调用该函数的对象；apply的第二个参数是数组，是[arg1...
2018-02-28 20:32:19
2633
原创 JS判断鼠标滚轮停止滚动
学习过程中碰到需要在滚轮滚动以及停止滚动时触发不同的事件，然后发现JS里监听的事件只有鼠标滚动事件；然后想到的思路是设置一个计时器，200毫秒后执行滚轮停止事件，每次滚动重置计时器的时间，但是这样做的话会增加事件响应时间，因此在网上翻了很久，发现大家普遍都是这个思路，并没有看到更好的做法，只好按照这个想法做了。下面是我完成这个判断写的代码。 var moveWheel1 = true; v...
2017-08-01 21:21:04
5142
原创 慕课笔记：jQuery（一）——样式篇
1，jQuery对象和DOM对象之间的转换把DOM对象转换为jQuery对象：var div = document.getElementsByTagName('div'); //dom对象var $div = $(div); //jQuery对象var $first = $div.first(); //找到第一个div元素$first.css('color', 'red'); //给
2017-07-24 23:39:51
235
原创 读书笔记：JS平稳退化（graceful degradation）
(内容自JavaScript DOM编程艺术)所谓平稳退化，就是指可以让访问者在浏览器不支持JavaScript或者禁用了JavaScript的时候依旧可以顺利的浏览你的网页；即，虽然有些功能无法使用，但基本操作依旧可以顺利完成。这里用在新窗口打开一个链接作为例子，我们知道js打开新窗口的方法：window.open(url,name,features)在这里，url是要打开的
2017-07-23 16:44:08
566
原创 慕课笔记：CSS基础
CSS语法；CSS样式基础知识；CSS样式基础知识；CSS样式基础知识；CSS样式基础知识；CSS样式基础知识；盒模型；CSS布局模型；
2017-07-19 21:35:27
310
原创 慕课笔记:JS基础之——DOM对象，控制HTML元素
获取一个节点对象的方法获取属性和设置属性的值的方法节点属性节点访问插入、删除、替换和新建节点获取网页内部各种距离
2017-07-18 10:16:21
204
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人