12 2019 档案

进度条
摘要：直接上代码，很简单可以直接看懂： <!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) 编辑
VScode插件推荐
摘要：一、代码片段类插件 英文叫做 Snippets，就是把常见的代码模式抽出来，通过 2~3 个键就能展开 N 行代码。 VS Code JavaScript(ES6) snippets 当前最流行的，已有超过 120 万的下载量。这个插件为 JavaScript、TypeScript、HTML、Rea 阅读全文
posted @ 2019-12-28 11:43 jayfeng925 阅读(1336) 评论(0) 推荐(0) 编辑
三种方式实现圣杯布局
摘要：圣杯布局是一种很常见的css布局。要求： 上部和下部各自占领屏幕所有宽度。 上下部之间的部分是一个三栏布局。 三栏布局两侧宽度不变，中间部分自动填充整个区域。 中间部分的高度是三栏中最高的区域的高度。 我会用三种方法来实现圣杯布局，分别是浮动，flexbox以及css grid： HTML内容： < 阅读全文
posted @ 2019-12-28 11:39 jayfeng925 阅读(413) 评论(0) 推荐(0) 编辑
canvas制作一个刮刮卡
摘要：思路整理： 1.选一张背景图片，图片上有奖品内容 2.绘画颜色区把奖品文字区域遮盖 3.消除绘制的颜色区，使其看见背景图片的文字内容。 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>scra 阅读全文
posted @ 2019-12-26 18:37 jayfeng925 阅读(238) 评论(0) 推荐(0) 编辑
JS构造函数分析
摘要：1、什么是构造函数？ 用new关键字来调用的函数 构造函数的主要 功能为 初始化对象，特点是和new 一起使用。new就是在创建对象，从无到有，构造函数就是在为初始化的对象添加属性和方法。构造函数定义时首字母大写（规范）。 2、为什么要使用构造函数？ 当你要给一个对象声明属性和方法时，我们可以用va 阅读全文
posted @ 2019-12-20 17:04 jayfeng925 阅读(468) 评论(0) 推荐(0) 编辑
JS事件冒泡、事件绑定、事件监听、事件委托
摘要：事件机制事件绑定首先要对 DOM 元素绑定事件处理函数。所谓事件处理函数，就是处理用户操作的函数，不同的操作对应不同的名称。 事件绑定的办法： 1.直接在HTML元素绑定，在标签后加onclick = function(){}等 2.在js脚本中绑定，获取元素后绑定事件 3.DOM绑定，添加事件监听 阅读全文
posted @ 2019-12-04 11:40 jayfeng925 阅读(451) 评论(1) 推荐(0) 编辑
前端常用正则表达式
摘要：1.校验数字的表达式 1. 数字：^[0-9]*$ 2. n位的数字：^\d{n}$ 3. 至少n位的数字：^\d{n,}$ 4. m-n位的数字：^\d{m,n}$ 5. 零和非零开头的数字：^(0|[1-9][0-9]*)$ 6. 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+( 阅读全文
posted @ 2019-12-02 11:46 jayfeng925 阅读(3488) 评论(0) 推荐(0) 编辑