2020年1月7日
图解JS的new操作符
摘要： JavaScript中new操作符用于创建一个给定构造函数的对象实例。如下例子： function Person(name, age){ this.name = name; this.age = age;}const person1 = new Person('Tom', 20)console.lo 阅读全文
posted @ 2020-01-07 20:01 jayfeng925 阅读(367) 评论(0) 推荐(1) 编辑
JS原型与原型链图解
摘要： 一、prototype 在JavaScript中，每个函数都有一个prototype属性，这个属性指向函数的原型对象。 例如： function Person(age) { this.age = age } Person.prototype.name = 'kavin' var person1 = 阅读全文
posted @ 2020-01-07 19:57 jayfeng925 阅读(2349) 评论(0) 推荐(1) 编辑
2020年1月4日
overflow:hidden用法
摘要： 1、当父元素设置了height值时，则设置overflow:hidden后，子元素超出父元素部分隐藏 2、当父元素的高度是靠子元素撑开的时候，子元素浮动时，则在父元素使用overflow: hidden可以清除浮动，使得父元素的高度依旧是靠子元素撑开。 作用1示例: <!DOCTYPE html>< 阅读全文
posted @ 2020-01-04 15:31 jayfeng925 阅读(570) 评论(0) 推荐(0) 编辑
2020年1月2日
css之display:inline-block布局
摘要： 1.解释一下display的几个常用的属性值，inline ， block， inline-block inline（行内元素）: 使元素变成行内元素，拥有行内元素的特性，即可以与其他行内元素共享一行，不会独占一行. 不能更改元素的height，width的值，大小由内容撑开. 可以使用paddin 阅读全文
posted @ 2020-01-02 20:55 jayfeng925 阅读(177) 评论(0) 推荐(0) 编辑
2019年12月29日
进度条
摘要： 直接上代码，很简单可以直接看懂： <!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>One Div Mail (Using transition)</title> <link rel="stylesheet" 阅读全文
posted @ 2019-12-29 22:52 jayfeng925 阅读(119) 评论(0) 推荐(0) 编辑
2019年12月28日
VScode插件推荐
摘要： 一、代码片段类插件 英文叫做 Snippets，就是把常见的代码模式抽出来，通过 2~3 个键就能展开 N 行代码。 VS Code JavaScript(ES6) snippets 当前最流行的，已有超过 120 万的下载量。这个插件为 JavaScript、TypeScript、HTML、Rea 阅读全文
posted @ 2019-12-28 11:43 jayfeng925 阅读(1333) 评论(0) 推荐(0) 编辑
三种方式实现圣杯布局
摘要： 圣杯布局是一种很常见的css布局。要求： 上部和下部各自占领屏幕所有宽度。 上下部之间的部分是一个三栏布局。 三栏布局两侧宽度不变，中间部分自动填充整个区域。 中间部分的高度是三栏中最高的区域的高度。 我会用三种方法来实现圣杯布局，分别是浮动，flexbox以及css grid： HTML内容： < 阅读全文
posted @ 2019-12-28 11:39 jayfeng925 阅读(411) 评论(0) 推荐(0) 编辑
2019年12月26日
canvas制作一个刮刮卡
摘要： 思路整理： 1.选一张背景图片，图片上有奖品内容 2.绘画颜色区把奖品文字区域遮盖 3.消除绘制的颜色区，使其看见背景图片的文字内容。 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>scra 阅读全文
posted @ 2019-12-26 18:37 jayfeng925 阅读(233) 评论(0) 推荐(0) 编辑
2019年12月20日
JS构造函数分析
摘要： 1、什么是构造函数？ 用new关键字来调用的函数 构造函数的主要 功能为 初始化对象，特点是和new 一起使用。new就是在创建对象，从无到有，构造函数就是在为初始化的对象添加属性和方法。构造函数定义时首字母大写（规范）。 2、为什么要使用构造函数？ 当你要给一个对象声明属性和方法时，我们可以用va 阅读全文
posted @ 2019-12-20 17:04 jayfeng925 阅读(468) 评论(0) 推荐(0) 编辑
2019年12月4日
JS事件冒泡、事件绑定、事件监听、事件委托
摘要： 事件机制事件绑定首先要对 DOM 元素绑定事件处理函数。所谓事件处理函数，就是处理用户操作的函数，不同的操作对应不同的名称。 事件绑定的办法： 1.直接在HTML元素绑定，在标签后加onclick = function(){}等 2.在js脚本中绑定，获取元素后绑定事件 3.DOM绑定，添加事件监听 阅读全文
posted @ 2019-12-04 11:40 jayfeng925 阅读(450) 评论(1) 推荐(0) 编辑