摘要: 常用学习资源 MDN:JavaScript 标准库 [ES6]阮一峰:ES6教程 免费的编程中文书籍索引 汤姆大叔:深入理解JavaScript系列 腾讯全端 AlloyTeam 团队 Blog JavaScript设计模式 JavaScript 标准参考教程(alpha) 《JavaScript 阅读全文
posted @ 2017-03-16 21:31 风雨后见彩虹 阅读(1238) 评论(0) 编辑
摘要: CSS/CSS3常用样式与知识点 IE条件注释 条件注释简介 IE中的条件注释(Conditional comments)对IE的版本和IE非IE有优秀的区分能力,是WEB设计中常用的hack方法。条件注释只能用于IE5以上,IE10以上不支持。 如果你安装了多个IE,条件注释将会以最高版本的IE为阅读全文
posted @ 2015-08-23 23:07 风雨后见彩虹 阅读(3610) 评论(5) 编辑
摘要: 整个代码如下: 参考地址:vue也可以 slidedown阅读全文
posted @ 2019-03-18 16:11 风雨后见彩虹 阅读(10) 评论(0) 编辑
摘要: clip-path介绍 clip-path 直译过来就是裁剪路径,使用SVG或形状定义一个HTML元素的可见区域的方法。想象一下你在Photoshop中勾勒路径的场景。MDN上是这样介绍 clip-path的: clip-path属性可以防止部分元素通过定义的剪切区域来显示,仅通过显示的特殊区域。剪阅读全文
posted @ 2019-03-18 11:02 风雨后见彩虹 阅读(38) 评论(0) 编辑
摘要: 客户端Session和服务器端Session 当用户首次与web服务器建立连接的时候,服务器会给用户分发一个SessionID作为标识。SessionID是一个由24个字符组成的随机字符串。用户每次提交页面,浏览器都会把这个SesstionID包含在HTTP头中提交给web服务器,这样web服务器就阅读全文
posted @ 2019-03-13 09:32 风雨后见彩虹 阅读(16) 评论(0) 编辑
摘要: 跨文档消息传递 跨文档消息传递(cross-document messaging),有时候简称为XDM,指的是在来自不同域的页面间传递消息。例如,www.wrox.com域中的页面与位于一个内嵌框架中的p2p.wrox.com域中的页面通信。 XDM的核心是postMessage()方法。在HTML阅读全文
posted @ 2019-03-05 21:50 风雨后见彩虹 阅读(24) 评论(0) 编辑
摘要: 首先设置meta属性,如下代码: 使用如下代码就能实现移动端的适配: 100vw相当于浏览器的window.innerWidth,是浏览器的内部宽度,注意,滚动条宽度也计算在内!那么1vw就是表示1%的屏幕宽度。 其中的13.33333333vw是怎么来的呢?就是你的设计稿是750px,那么设计稿的阅读全文
posted @ 2019-03-04 21:40 风雨后见彩虹 阅读(89) 评论(0) 编辑
摘要: 基本用法 要使用<canvas>元素,必须先设置其width和height属性,指定可以绘图的区域大小。出现在开始和结束标签中的内容是后备信息,如果浏览器不支持<canvas>元素,就会显示这些信息。如下例子: 与其它元素一样,<canvas>元素对应的DOM元素对象也有width和height属性阅读全文
posted @ 2019-02-27 09:25 风雨后见彩虹 阅读(58) 评论(0) 编辑
摘要: 表单的基础知识 在HTML中,表单是由<form>元素来表示的,而在JS中,表单对应的是HTMLFormElement类型。HTMLFormElement继承了HTMLElement,因而与其它HTML元素具有相同的默认属性。不过HTMLFormElement也有下列独有的属性和方法。 accept阅读全文
posted @ 2019-01-08 18:01 风雨后见彩虹 阅读(74) 评论(0) 编辑
摘要: 事件流 事件冒泡 IE的事件流叫做事件冒泡,即事件开始时由最具体的元素接收,然后逐级向上传播到较为不具体的节点(文档)。如下代码: 如果你点击了上面的div元素,那么这个click事件会按照如下顺序传播: (1)<div> (2)<body> (3)<html> (4)document 所有现代浏览阅读全文
posted @ 2019-01-04 17:33 风雨后见彩虹 阅读(119) 评论(0) 编辑
摘要: DOM1级主要定义的是HTML和XML文档的底层结构。DOM2级和DOM3级在这个结构基础上引入了更多的交互能力,也支持更高级的XML特性。为此DOM2级和DOM3级分为了很多的模块(模块直接具有某种关联),分别描述了DOM的某个非常具体的子集。这些模块如下: DOM2级核心:在1级核心基础上构建,阅读全文
posted @ 2018-12-25 17:54 风雨后见彩虹 阅读(101) 评论(0) 编辑
摘要: 选择符API querySelector()方法 querySelectorAll()方法 HTML5 与类相关的扩充 1.getElementsByClassName()方法该方法可以通过document对象及所有HTML元素调用该方法。 焦点管理 HTML5也添加了辅助管理DOM焦点的功能。首先阅读全文
posted @ 2018-12-24 15:22 风雨后见彩虹 阅读(94) 评论(0) 编辑
摘要: Node类型 nodeType以下是一些重要的nodeType的取值:1: 元素element2: 属性attr3: 文本text8: 注释comments9: 文档document nodeName,nodeValue 节点关系 childNodes: 每个节点都有一个childNodes属性,其阅读全文
posted @ 2018-12-21 17:41 风雨后见彩虹 阅读(75) 评论(0) 编辑
摘要: 能力检测 在编写代码之前先检测特定浏览器的能力。例如,脚本在调用某个函数之前,可能要先检测该函数首付存在。这种检测方法将开发人员从考虑具体的浏览器类型和版本中解放出来,让他们把注意力集中到相应的能力是否存在上。能力检测无法精确地检测特定的浏览器和版本。 怪癖检测 怪癖实际上是浏览器实现中存在的bug阅读全文
posted @ 2018-12-20 15:38 风雨后见彩虹 阅读(67) 评论(0) 编辑
摘要: BOM(浏览器对象模型)提供了很多对象,用于访问浏览器的功能,这些功能与任何网页内容无关。 window对象 全局作用域 定义全局变量与在window对象上直接定义属性还是有一点差别:全局变量不能通过delete操作符删除,而直接在window对象上的定义的属性可以。 窗口关系及框架 window.阅读全文
posted @ 2018-12-19 19:58 风雨后见彩虹 阅读(52) 评论(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 风雨后见彩虹 阅读(97) 评论(0) 编辑
摘要: 面向对象的语言有一个标志,那就是它们都有类的概念,而通过类可以创建任意多个具有相同属性和方法的对象。 理解对象 创建自定义对象的最简单的方法就是创建一个Object的实例,然后再为它添加属性和方法。例如: 同样上面的例子可以通过对象字面量语法写成如下: 属性类型 ECMAScript中有两种属性:数阅读全文
posted @ 2018-12-12 13:27 风雨后见彩虹 阅读(112) 评论(0) 编辑
摘要: 前言 Truthy 不等于 ture,他是指是在Boolean上下文中转换后的值为真的值。我的理解是,在javascript中所有表达式为true的值。同理Falsy指的是在javascript中所有表达式为false的值。所有值都是真值,除非它们被定义为 falsy (即, 除了false,0,“阅读全文
posted @ 2018-12-05 09:23 风雨后见彩虹 阅读(27) 评论(0) 编辑
摘要: 方法一:footer高度固定+绝对定位 HTML代码: CSS代码: 实现的效果: 首先,设置body的高度至少充满整个屏幕,并且body作为footer绝对定位的参考节点; 其次,设置main(footer前一个兄弟元素)的padding-bottom值大于等于footer的height值,以保证阅读全文
posted @ 2018-12-03 21:44 风雨后见彩虹 阅读(163) 评论(0) 编辑
摘要: 什么是 XML? XML 指可扩展标记语言(EXtensible Markup Language) XML 是一种标记语言,很类似 HTML XML 的设计宗旨是传输数据,而非显示数据 XML 标签没有被预定义。您需要自行定义标签。 XML 被设计为具有自我描述性。 XML 是 W3C 的推荐标准 阅读全文
posted @ 2018-12-03 21:27 风雨后见彩虹 阅读(149) 评论(0) 编辑
摘要: 前言 我们经常用element-ui做后台管理系统,经常会遇到父组件给子组件传递数据,下面一个简单的例子,点击按钮,把弹框显示变量数据通过子组件的props属性传递,子组件通过$emit事件监听把数据回传给父组件。 父组件代码: 子组件代码: 感觉这样挺麻烦,父组件通过设置子组件的属性(props)阅读全文
posted @ 2018-11-28 14:37 风雨后见彩虹 阅读(304) 评论(0) 编辑
摘要: 前端发展很快,现代浏览器原生 API 已经足够好用。我们并不需要为了操作 DOM、Event 等再学习一下 jQuery 的 API。同时由于 React、Angular、Vue 等框架的流行,直接操作 DOM 不再是好的模式,jQuery 使用场景大大减少。本项目总结了大部分 jQuery API阅读全文
posted @ 2018-11-20 22:12 风雨后见彩虹 阅读(1067) 评论(1) 编辑
摘要: 前言 在现代新建一个 JS 相关的项目往往都是从 package.json 文件开始的,不过这个文件里需要的字段实在是太多了,正常人都记不住,所以 npm 官方提供了 npm init 命令帮助我们快速初始化 package.json 文件。执行之后会有一个交互式的命令行让你输入需要的字段值,当然如阅读全文
posted @ 2018-11-20 17:54 风雨后见彩虹 阅读(397) 评论(0) 编辑
摘要: webSocket是什么 webSocket是HTML5新出的一种协议,底层是基于TCP/IP协议的。跟http没有关系,只是复用了http握手通道,用来升级协议。 webSocket的作用 轮询:客户端以一定的时间间隔向服务端发出请求,以频繁请求的方式来保持客户端和服务器端的同步。缺点: 浏览器需阅读全文
posted @ 2018-11-20 14:46 风雨后见彩虹 阅读(130) 评论(0) 编辑
摘要: 比如下面的代码,从服务端请求回来的订单数据如下,需要进行以下处理1.根据 status 进行对应值得显示(0-进行中,1-已完成,2-订单异常)2.把 startTime 由时间戳显示成 yyyy-mm-dd3.如果字段值为空字符串 ,设置字段值为 ‘--’ 下面就使用单一职责的原则设置 statu阅读全文
posted @ 2018-11-19 20:44 风雨后见彩虹 阅读(170) 评论(0) 编辑
摘要: 一.浮动布局 1.先让固定宽度的div浮动!使其脱离文档流。2.margin-left的值等于固定div的宽度相等。 二.margin的负值(3个div) 是固定宽度的div脱离文档流。利用marin负值可以使得,后面的div可以与前面的div 保持同行显示。给包裹内容的div加margin-lef阅读全文
posted @ 2018-11-16 09:44 风雨后见彩虹 阅读(114) 评论(0) 编辑
摘要: 简单工厂模式是由一个方法来决定到底要创建哪个类的实例, 而这些实例经常都拥有相同的接口. 这种模式主要用在所实例化的类型在编译期并不能确定, 而是在执行期决定的情况。 说的通俗点,就像公司茶水间的饮料机,要咖啡还是牛奶取决于你按哪个按钮。 不好理解的话,我们再给一个例子: 如果还不理解的话,那我们就阅读全文
posted @ 2018-11-06 17:52 风雨后见彩虹 阅读(52) 评论(0) 编辑