摘要: 常用学习资源 JS参考与基础学习系列 [MDN]JS标准参考 es6教程 JS标准参考教程 编程类中文书籍索引 深入理解JS系列 前端开发仓库 《JavaScript 闯关记》 JavaScript 初学者教程(指南) JS讲义 李炎恢JavaScript教程 第一季 逐行分析jQuery源码的奥秘阅读全文
posted @ 2017-03-16 21:31 风雨后见彩虹 阅读(1617) 评论(0) 编辑
摘要: CSS/CSS3常用样式与知识点 IE条件注释 条件注释简介 IE中的条件注释(Conditional comments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的hack方法。条件注释只能用于IE5以上,IE10以上不支持。 如果你安装了多个IE,条件注释将会以最高版本的IE为阅读全文
posted @ 2015-08-23 23:07 风雨后见彩虹 阅读(4306) 评论(5) 编辑
摘要: 看一个如下的例子。在函数 foo 中,使用了一组 try 语句。在 try 中有 return 语句,finally 中的内容还会执行吗? 得到的结果是:a 0。 根据结果可以看出finally执行了,return语句也生效了。 虽然 return 执行了,但是函数并没有立即返回,又执行了 fina阅读全文
posted @ 2019-05-24 10:22 风雨后见彩虹 阅读(23) 评论(0) 编辑
摘要: 类型 七种类型: Undefined Null Boolean String Number Symbol Object Undefined、Null 阅读问题:为什么有的编程规范要求使用void 0 代替undefined? Undefined类型表示未定义,它的类型只有一个值即undefined,阅读全文
posted @ 2019-05-23 09:31 风雨后见彩虹 阅读(76) 评论(0) 编辑
摘要: 一般性变化 常量 用const关键字声明常量,声明的变量在初始赋值后,就不能进行修改了,如下代码: 块级作用域及其他作用域 函数 剩余参数与分布参数 剩余参数的语法是三个点后跟一个标识符,如下例子: 分布参数:可以向函数中传入一个数组,然后数组中的元素会映射到函数的每个参数上。如下代码: 以上代码跟阅读全文
posted @ 2019-05-23 09:30 风雨后见彩虹 阅读(22) 评论(0) 编辑
摘要: requestAnimationFrame() 大多数电脑显示器的刷新频率60HZ,大概相当于每秒钟重绘60次。因此,最平滑动画的最佳循环间隔是1000ms/60,约等于17ms。 mozRequestAnimationFrame() mozRequestAnimationFrame()方法接收一个阅读全文
posted @ 2019-05-07 09:13 风雨后见彩虹 阅读(93) 评论(0) 编辑
摘要: 高级函数 安全的类型检测 在任何值上调用Object原生的toString()方法,都会返回一个[object NativeConstructorName]格式的字符串。每个类在内部都有一个[[Class]]属性,这个属性就指定了上述字符串中的构造函数名。 作用域安全的构造函数 作用域安全的构造函数阅读全文
posted @ 2019-05-06 09:41 风雨后见彩虹 阅读(133) 评论(0) 编辑
摘要: 前言 该笔记只是为了记录以前开发使用的方式。 处理命名空间namespace extend及base命名下的常用方法 base下的DOM操作 base下的event事件 base下的array数组 base下的string字符串 base下的cookie操作 base下的date日期操作 base下阅读全文
posted @ 2019-04-28 10:10 风雨后见彩虹 阅读(47) 评论(0) 编辑
摘要: webpack的基本使用 webpack 本质上是一个打包工具,它会根据代码的内容解析模块依赖,帮助我们把多个模块的代码打包。借用 webpack 官网的图片: 虽然webpack4.x的版本可以零配置开始构建,但是在实际的项目中需要其它的一些功能,还是需要一个配置文件。 安装 下面一步一步讲解配置阅读全文
posted @ 2019-03-22 09:02 风雨后见彩虹 阅读(99) 评论(0) 编辑
摘要: 整个代码如下: 参考地址:vue也可以 slidedown阅读全文
posted @ 2019-03-18 16:11 风雨后见彩虹 阅读(458) 评论(0) 编辑
摘要: clip-path介绍 clip-path 直译过来就是裁剪路径,使用SVG或形状定义一个HTML元素的可见区域的方法。想象一下你在Photoshop中勾勒路径的场景。MDN上是这样介绍 clip-path的: clip-path属性可以防止部分元素通过定义的剪切区域来显示,仅通过显示的特殊区域。剪阅读全文
posted @ 2019-03-18 11:02 风雨后见彩虹 阅读(168) 评论(0) 编辑
摘要: 客户端Session和服务器端Session 当用户首次与web服务器建立连接的时候,服务器会给用户分发一个SessionID作为标识。SessionID是一个由24个字符组成的随机字符串。用户每次提交页面,浏览器都会把这个SesstionID包含在HTTP头中提交给web服务器,这样web服务器就阅读全文
posted @ 2019-03-13 09:32 风雨后见彩虹 阅读(197) 评论(0) 编辑
摘要: 跨文档消息传递 跨文档消息传递(cross-document messaging),有时候简称为XDM,指的是在来自不同域的页面间传递消息。例如,www.wrox.com域中的页面与位于一个内嵌框架中的p2p.wrox.com域中的页面通信。 XDM的核心是postMessage()方法。在HTML阅读全文
posted @ 2019-03-05 21:50 风雨后见彩虹 阅读(54) 评论(0) 编辑
摘要: 首先设置meta属性,如下代码: 使用如下代码就能实现移动端的适配: 100vw相当于浏览器的window.innerWidth,是浏览器的内部宽度,注意,滚动条宽度也计算在内!那么1vw就是表示1%的屏幕宽度。 其中的13.33333333vw是怎么来的呢?就是你的设计稿是750px,那么设计稿的阅读全文
posted @ 2019-03-04 21:40 风雨后见彩虹 阅读(242) 评论(0) 编辑
摘要: 基本用法 要使用<canvas>元素,必须先设置其width和height属性,指定可以绘图的区域大小。出现在开始和结束标签中的内容是后备信息,如果浏览器不支持<canvas>元素,就会显示这些信息。如下例子: 与其它元素一样,<canvas>元素对应的DOM元素对象也有width和height属性阅读全文
posted @ 2019-02-27 09:25 风雨后见彩虹 阅读(116) 评论(0) 编辑
摘要: 表单的基础知识 在HTML中,表单是由<form>元素来表示的,而在JS中,表单对应的是HTMLFormElement类型。HTMLFormElement继承了HTMLElement,因而与其它HTML元素具有相同的默认属性。不过HTMLFormElement也有下列独有的属性和方法。 accept阅读全文
posted @ 2019-01-08 18:01 风雨后见彩虹 阅读(92) 评论(0) 编辑
摘要: 事件流 事件冒泡 IE的事件流叫做事件冒泡,即事件开始时由最具体的元素接收,然后逐级向上传播到较为不具体的节点(文档)。如下代码: 如果你点击了上面的div元素,那么这个click事件会按照如下顺序传播: (1)<div> (2)<body> (3)<html> (4)document 所有现代浏览阅读全文
posted @ 2019-01-04 17:33 风雨后见彩虹 阅读(138) 评论(0) 编辑
摘要: DOM1级主要定义的是HTML和XML文档的底层结构。DOM2级和DOM3级在这个结构基础上引入了更多的交互能力,也支持更高级的XML特性。为此DOM2级和DOM3级分为了很多的模块(模块直接具有某种关联),分别描述了DOM的某个非常具体的子集。这些模块如下: DOM2级核心:在1级核心基础上构建,阅读全文
posted @ 2018-12-25 17:54 风雨后见彩虹 阅读(125) 评论(0) 编辑
摘要: 选择符API querySelector()方法 querySelectorAll()方法 HTML5 与类相关的扩充 1.getElementsByClassName()方法该方法可以通过document对象及所有HTML元素调用该方法。 焦点管理 HTML5也添加了辅助管理DOM焦点的功能。首先阅读全文
posted @ 2018-12-24 15:22 风雨后见彩虹 阅读(113) 评论(0) 编辑
摘要: Node类型 nodeType以下是一些重要的nodeType的取值:1: 元素element2: 属性attr3: 文本text8: 注释comments9: 文档document nodeName,nodeValue 节点关系 childNodes: 每个节点都有一个childNodes属性,其阅读全文
posted @ 2018-12-21 17:41 风雨后见彩虹 阅读(92) 评论(0) 编辑
摘要: 能力检测 在编写代码之前先检测特定浏览器的能力。例如,脚本在调用某个函数之前,可能要先检测该函数首付存在。这种检测方法将开发人员从考虑具体的浏览器类型和版本中解放出来,让他们把注意力集中到相应的能力是否存在上。能力检测无法精确地检测特定的浏览器和版本。 怪癖检测 怪癖实际上是浏览器实现中存在的bug阅读全文
posted @ 2018-12-20 15:38 风雨后见彩虹 阅读(89) 评论(0) 编辑
摘要: BOM(浏览器对象模型)提供了很多对象,用于访问浏览器的功能,这些功能与任何网页内容无关。 window对象 全局作用域 定义全局变量与在window对象上直接定义属性还是有一点差别:全局变量不能通过delete操作符删除,而直接在window对象上的定义的属性可以。 窗口关系及框架 window.阅读全文
posted @ 2018-12-19 19:58 风雨后见彩虹 阅读(67) 评论(0) 编辑
摘要: 递归 但是如果代码是在严格模式下开发: 结果:Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the argument阅读全文
posted @ 2018-12-17 09:24 风雨后见彩虹 阅读(112) 评论(0) 编辑
摘要: 面向对象的语言有一个标志,那就是它们都有类的概念,而通过类可以创建任意多个具有相同属性和方法的对象。 理解对象 创建自定义对象的最简单的方法就是创建一个Object的实例,然后再为它添加属性和方法。例如: 同样上面的例子可以通过对象字面量语法写成如下: 属性类型 ECMAScript中有两种属性:数阅读全文
posted @ 2018-12-12 13:27 风雨后见彩虹 阅读(126) 评论(0) 编辑
摘要: 前言 Truthy 不等于 ture,他是指是在Boolean上下文中转换后的值为真的值。我的理解是,在javascript中所有表达式为true的值。同理Falsy指的是在javascript中所有表达式为false的值。所有值都是真值,除非它们被定义为 falsy (即, 除了false,0,“阅读全文
posted @ 2018-12-05 09:23 风雨后见彩虹 阅读(54) 评论(0) 编辑
摘要: 方法一:footer高度固定+绝对定位 HTML代码: CSS代码: 实现的效果: 首先,设置body的高度至少充满整个屏幕,并且body作为footer绝对定位的参考节点; 其次,设置main(footer前一个兄弟元素)的padding-bottom值大于等于footer的height值,以保证阅读全文
posted @ 2018-12-03 21:44 风雨后见彩虹 阅读(326) 评论(0) 编辑
摘要: 什么是 XML? XML 指可扩展标记语言(EXtensible Markup Language) XML 是一种标记语言,很类似 HTML XML 的设计宗旨是传输数据,而非显示数据 XML 标签没有被预定义。您需要自行定义标签。 XML 被设计为具有自我描述性。 XML 是 W3C 的推荐标准 阅读全文
posted @ 2018-12-03 21:27 风雨后见彩虹 阅读(376) 评论(0) 编辑