摘要:常用学习资源 JS参考与基础学习系列 [MDN]JS标准参考 es6教程 JS标准参考教程 编程类中文书籍索引 深入理解JS系列 前端开发仓库 《JavaScript 闯关记》 JavaScript 初学者教程(指南) JS讲义 李炎恢JavaScript教程 第一季 逐行分析jQuery源码的奥秘 阅读全文
posted @ 2017-03-16 21:31 风雨后见彩虹 阅读 (2011) 评论 (0) 编辑
摘要:CSS/CSS3常用样式与知识点 IE条件注释 条件注释简介 IE中的条件注释(Conditional comments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的hack方法。条件注释只能用于IE5以上,IE10以上不支持。 如果你安装了多个IE,条件注释将会以最高版本的IE为 阅读全文
posted @ 2015-08-23 23:07 风雨后见彩虹 阅读 (4862) 评论 (5) 编辑
摘要:css实现: JS代码一: 注:正则表达式\b会把英文缩写,譬如I'm拆分成两个部分,导致输出为I'M,所以不能使用\b JS代码二: JS代码三: JS代码四: 注:\b:匹配一个单词边界,也就是指单词和空格间的位置。例如, 'erb' 可以匹配"never" 中的 'er',但不能匹配 "ver 阅读全文
posted @ 2019-09-02 21:29 风雨后见彩虹 阅读 (115) 评论 (0) 编辑
摘要:文件、blob 文件下载失败,将Blob对象转换为Json,处理异常错误? 使用FileReader,核心代码: 捕获异常: 调用方式: 问题地址:处理文件下载失败,如何将Blob对象转换为Json? 《参考:FileReader》 cookie、缓存、跨域通讯、XSS 设置二级域名cookie共享 阅读全文
posted @ 2019-09-02 21:06 风雨后见彩虹 阅读 (51) 评论 (0) 编辑
摘要:让多个组件使用同一个挂载点,并动态切换,这就是动态组件。 通过使用保留的 <component>元素,动态地绑定到它的 is 特性,可以实现动态组件。 方式一:局部注册所需组件 使用<keep-alive>缓存 <keep-alive> 包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和 < 阅读全文
posted @ 2019-08-31 20:28 风雨后见彩虹 阅读 (503) 评论 (0) 编辑
摘要:简介 观察者模式又叫发布 订阅模式,它定义了对象间的一种一对多的关系,让多个观察者对象同时监听某一个主题对象,当一个对象发生改变时,所有依赖于它的对象都将得到通知。 举一个现实生活中的例子,例如小红在淘宝的一家店里看上了一双红色的鞋,小李也在这家店里面看上了一顶黑色的帽子,但是联系卖家时,卖家回答这 阅读全文
posted @ 2019-07-09 22:19 风雨后见彩虹 阅读 (123) 评论 (0) 编辑
摘要:当网络通信时采用TCP协议时,在真正的读写操作之前,server与client之间必须建立一个连接,当读写操作完成后,双方不再需要这个连接时它们可以释放这个连接,连接的建立是需要三次握手的,而释放则需要4次挥手,所以说每个连接的建立都是需要资源消耗和时间消耗的。 TCP的三次握手 三次握手建立连接: 阅读全文
posted @ 2019-06-26 21:47 风雨后见彩虹 阅读 (115) 评论 (0) 编辑
摘要:浏览器 DNS缓存 浏览器DNS缓存的时间跟DNS服务器返回的TTL值无关。 注:TTL(Time-To-Live),就是一条域名解析记录在DNS服务器中的存留时间。 浏览器在获取网站域名的实际IP地址后会对其IP进行缓存,减少网络请求的损耗。每种浏览器都有一个固定的DNS缓存时间,其中Chrome 阅读全文
posted @ 2019-06-24 21:51 风雨后见彩虹 阅读 (291) 评论 (0) 编辑
摘要:看一个如下的例子。在函数 foo 中,使用了一组 try 语句。在 try 中有 return 语句,finally 中的内容还会执行吗? 得到的结果是:a 0。 根据结果可以看出finally执行了,return语句也生效了。 虽然 return 执行了,但是函数并没有立即返回,又执行了 fina 阅读全文
posted @ 2019-05-24 10:22 风雨后见彩虹 阅读 (150) 评论 (0) 编辑
摘要:类型 七种类型: Undefined Null Boolean String Number Symbol Object Undefined、Null 阅读问题:为什么有的编程规范要求使用void 0 代替undefined? Undefined类型表示未定义,它的类型只有一个值即undefined, 阅读全文
posted @ 2019-05-23 09:31 风雨后见彩虹 阅读 (150) 评论 (0) 编辑
摘要:一般性变化 常量 用const关键字声明常量,声明的变量在初始赋值后,就不能进行修改了,如下代码: 块级作用域及其他作用域 函数 剩余参数与分布参数 剩余参数的语法是三个点后跟一个标识符,如下例子: 分布参数:可以向函数中传入一个数组,然后数组中的元素会映射到函数的每个参数上。如下代码: 以上代码跟 阅读全文
posted @ 2019-05-23 09:30 风雨后见彩虹 阅读 (66) 评论 (0) 编辑
摘要:requestAnimationFrame() 大多数电脑显示器的刷新频率60HZ,大概相当于每秒钟重绘60次。因此,最平滑动画的最佳循环间隔是1000ms/60,约等于17ms。 mozRequestAnimationFrame() mozRequestAnimationFrame()方法接收一个 阅读全文
posted @ 2019-05-07 09:13 风雨后见彩虹 阅读 (148) 评论 (0) 编辑
摘要:高级函数 安全的类型检测 在任何值上调用Object原生的toString()方法,都会返回一个[object NativeConstructorName]格式的字符串。每个类在内部都有一个[[Class]]属性,这个属性就指定了上述字符串中的构造函数名。 作用域安全的构造函数 作用域安全的构造函数 阅读全文
posted @ 2019-05-06 09:41 风雨后见彩虹 阅读 (267) 评论 (0) 编辑
摘要:前言 该笔记只是为了记录以前开发使用的方式。 处理命名空间namespace extend及base命名下的常用方法 base下的DOM操作 base下的event事件 base下的array数组 base下的string字符串 base下的cookie操作 base下的date日期操作 base下 阅读全文
posted @ 2019-04-28 10:10 风雨后见彩虹 阅读 (105) 评论 (0) 编辑
摘要:webpack的基本使用 webpack 本质上是一个打包工具,它会根据代码的内容解析模块依赖,帮助我们把多个模块的代码打包。借用 webpack 官网的图片: 虽然webpack4.x的版本可以零配置开始构建,但是在实际的项目中需要其它的一些功能,还是需要一个配置文件。 安装 下面一步一步讲解配置 阅读全文
posted @ 2019-03-22 09:02 风雨后见彩虹 阅读 (258) 评论 (0) 编辑
摘要:整个代码如下: 参考地址:vue也可以 slidedown 阅读全文
posted @ 2019-03-18 16:11 风雨后见彩虹 阅读 (1035) 评论 (0) 编辑
摘要:clip-path介绍 clip-path 直译过来就是裁剪路径,使用SVG或形状定义一个HTML元素的可见区域的方法。想象一下你在Photoshop中勾勒路径的场景。MDN上是这样介绍 clip-path的: clip-path属性可以防止部分元素通过定义的剪切区域来显示,仅通过显示的特殊区域。剪 阅读全文
posted @ 2019-03-18 11:02 风雨后见彩虹 阅读 (392) 评论 (0) 编辑
摘要:客户端Session和服务器端Session 当用户首次与web服务器建立连接的时候,服务器会给用户分发一个SessionID作为标识。SessionID是一个由24个字符组成的随机字符串。用户每次提交页面,浏览器都会把这个SesstionID包含在HTTP头中提交给web服务器,这样web服务器就 阅读全文
posted @ 2019-03-13 09:32 风雨后见彩虹 阅读 (929) 评论 (0) 编辑
摘要:跨文档消息传递 跨文档消息传递(cross-document messaging),有时候简称为XDM,指的是在来自不同域的页面间传递消息。例如,www.wrox.com域中的页面与位于一个内嵌框架中的p2p.wrox.com域中的页面通信。 XDM的核心是postMessage()方法。在HTML 阅读全文
posted @ 2019-03-05 21:50 风雨后见彩虹 阅读 (97) 评论 (0) 编辑
摘要:首先设置meta属性,如下代码: 使用如下代码就能实现移动端的适配: 100vw相当于浏览器的window.innerWidth,是浏览器的内部宽度,注意,滚动条宽度也计算在内!那么1vw就是表示1%的屏幕宽度。 其中的13.33333333vw是怎么来的呢?就是你的设计稿是750px,那么设计稿的 阅读全文
posted @ 2019-03-04 21:40 风雨后见彩虹 阅读 (554) 评论 (0) 编辑
摘要:基本用法 要使用<canvas>元素,必须先设置其width和height属性,指定可以绘图的区域大小。出现在开始和结束标签中的内容是后备信息,如果浏览器不支持<canvas>元素,就会显示这些信息。如下例子: 与其它元素一样,<canvas>元素对应的DOM元素对象也有width和height属性 阅读全文
posted @ 2019-02-27 09:25 风雨后见彩虹 阅读 (268) 评论 (0) 编辑
摘要:表单的基础知识 在HTML中,表单是由<form>元素来表示的,而在JS中,表单对应的是HTMLFormElement类型。HTMLFormElement继承了HTMLElement,因而与其它HTML元素具有相同的默认属性。不过HTMLFormElement也有下列独有的属性和方法。 accept 阅读全文
posted @ 2019-01-08 18:01 风雨后见彩虹 阅读 (134) 评论 (0) 编辑
摘要:事件流 事件冒泡 IE的事件流叫做事件冒泡,即事件开始时由最具体的元素接收,然后逐级向上传播到较为不具体的节点(文档)。如下代码: 如果你点击了上面的div元素,那么这个click事件会按照如下顺序传播: (1)<div> (2)<body> (3)<html> (4)document 所有现代浏览 阅读全文
posted @ 2019-01-04 17:33 风雨后见彩虹 阅读 (174) 评论 (0) 编辑
摘要:DOM1级主要定义的是HTML和XML文档的底层结构。DOM2级和DOM3级在这个结构基础上引入了更多的交互能力,也支持更高级的XML特性。为此DOM2级和DOM3级分为了很多的模块(模块直接具有某种关联),分别描述了DOM的某个非常具体的子集。这些模块如下: DOM2级核心:在1级核心基础上构建, 阅读全文
posted @ 2018-12-25 17:54 风雨后见彩虹 阅读 (198) 评论 (0) 编辑
摘要:选择符API querySelector()方法 querySelectorAll()方法 HTML5 与类相关的扩充 1.getElementsByClassName()方法该方法可以通过document对象及所有HTML元素调用该方法。 焦点管理 HTML5也添加了辅助管理DOM焦点的功能。首先 阅读全文
posted @ 2018-12-24 15:22 风雨后见彩虹 阅读 (146) 评论 (0) 编辑
摘要:Node类型 nodeType以下是一些重要的nodeType的取值:1: 元素element2: 属性attr3: 文本text8: 注释comments9: 文档document nodeName,nodeValue 节点关系 childNodes: 每个节点都有一个childNodes属性,其 阅读全文
posted @ 2018-12-21 17:41 风雨后见彩虹 阅读 (138) 评论 (0) 编辑
摘要:能力检测 在编写代码之前先检测特定浏览器的能力。例如,脚本在调用某个函数之前,可能要先检测该函数首付存在。这种检测方法将开发人员从考虑具体的浏览器类型和版本中解放出来,让他们把注意力集中到相应的能力是否存在上。能力检测无法精确地检测特定的浏览器和版本。 怪癖检测 怪癖实际上是浏览器实现中存在的bug 阅读全文
posted @ 2018-12-20 15:38 风雨后见彩虹 阅读 (118) 评论 (0) 编辑