摘要: apply方法:在传入的this对象中创建函数,以实现在this环境中执行函数的功能。 let func1 = { name: 'test' } let func2 = function (a, b, c) { return a + b + c + this.name; } Function.pro 阅读全文
posted @ 2020-11-26 23:09 true! 阅读(74) 评论(0) 推荐(0) 编辑
摘要: 渐变字动画实现: 背景渐变 -> 背景绘制区域截取文字 -> 设置文字填充透明 -> 添加背景位置移动动画 镂空字实现: 利用text-stroke属性 阅读全文
posted @ 2019-10-16 16:35 true! 阅读(157) 评论(0) 推荐(0) 编辑
摘要: 下文翻译自:http://davidshariff.com/blog/javascript-this-keyword/#first-article “this”关键字是JavaScript中的一个常见特性,但它通常也是该语言中最混乱和容易误解的特性之一。“this”究竟意味着什么,它又是如何定义的呢 阅读全文
posted @ 2018-12-08 11:36 true! 阅读(791) 评论(0) 推荐(1) 编辑
摘要: 学习《ECMAScript6入门》中的模板字符串的案例中看见了new Function()创建函数的语法: 上面的代码传入name参数和字符串函数体,字符串函数体由模板字符串提供,非常简洁方便。 为理解new Function,于是找到了下面这篇文章: 下文翻译自:https://javascrip 阅读全文
posted @ 2018-12-06 20:48 true! 阅读(41078) 评论(0) 推荐(8) 编辑
摘要: 初了解 CSS盒子模型,一个神秘的方形组织。 MDN中的定义:W3C盒模型是 CSS 规范的一个模块,它定义了一个长方形的盒子,每个盒子拥有各自的内边距和外边距,并根据视觉格式化模型来对元素进行布局。 自己的话来解释一番:盒子模型是相对于块状元素和行内可替换元素而言的,当我们编辑好html与css, 阅读全文
posted @ 2018-11-12 12:01 true! 阅读(439) 评论(0) 推荐(0) 编辑
摘要: 定义 伪类选择器:伪类存在的意义是为了通过选择器找到那些不存在与DOM树中的信息以及不能被常规CSS选择器获取到的信息。(CSS3中的定义) 不存在与DOM树中的信息,如<a>标签的 :link、:visited、:hover、:focus、:active。这些信息不存在与DOM树结构中,只能通过C 阅读全文
posted @ 2018-11-07 21:10 true! 阅读(211) 评论(0) 推荐(0) 编辑
摘要: 规则结构 基础概念:CSS的一个核心特性就是能向文档中的一组元素类型应用某些规则(样式)。 每个规则都有两个基本部分:选择器和声明块。 选择器 元素选择器 1、选择器为文档的元素,甚至可以是html本身,例如: 2、选择器和声明分组: 3、通配选择器: 可以与任何元素匹配,等价于列出了文档中所有元素 阅读全文
posted @ 2018-11-03 14:08 true! 阅读(361) 评论(0) 推荐(0) 编辑
摘要: CSS的属性,其中一个分类是有继承性和无继承性。 总结一下父元素的哪些属性是会继承给其子元素的,单纯加深印象,有用得到的时候方便回来瞅瞅。 下面的总结内容来自:https://www.cnblogs.com/thislbq/p/5882105.html 有继承性的属性 1、字体系列属性 font:组 阅读全文
posted @ 2018-11-02 21:03 true! 阅读(660) 评论(0) 推荐(0) 编辑
摘要: 今天看到【行内格式化】,有两个概念,我一时之间没有完全理解,就是标题的行内框和行框。 后来查看了诸多博客,慢慢缕清楚了,之前是我想的太复杂了......现在记录一下我的理解。 内容区 每个元素都会生成一个或多个矩形框,这称为元素框。各元素框中心有一个内容区,这个内容区周围有可选的内边距、边框和外边距 阅读全文
posted @ 2018-10-27 21:34 true! 阅读(2672) 评论(1) 推荐(0) 编辑
摘要: 前面的话 一说起动态集合,多数人可能都有所了解。但是,如果再深入些,有哪些动态集合,以及这些动态集合有什么表现、区别和联系?可能好多人就要摇头了。本文就javascript中的动态集合做详细介绍 NodeList NodeList实例对象是一个类数组对象,它的成员是节点对象,包括childNodes 阅读全文
posted @ 2018-10-10 17:19 true! 阅读(330) 评论(0) 推荐(0) 编辑