摘要: 一、闭包(Closure)模糊概述 之前总觉得闭包(Closure)很抽象而且难理解,百度一下"闭包"名词,百度的解释是:“闭包是指可以包含自由(未绑定到特定对象)变量的代码块;这些变量不是在这个代码块内或者任何全局上下文中定义的,而是在定义代码块的环境中定义(局部变量)。看了半天,也没有看懂闭包是 阅读全文
posted @ 2017-11-15 17:39 蔚京霖 阅读(189) 评论(0) 推荐(0) 编辑
摘要: 一、事件对象 事件对象:在DOM触发事件时,会产生一个事件对象event,这个事件对象包含着所有与事件相关的信息。既然event是事件对象,那么它必然存在属性 ①DOM中的事件对象event属性 (1)、type属性用于获取事件类型 (2)、target、srcElement<兼容IE事件>属性用于 阅读全文
posted @ 2017-11-15 16:52 蔚京霖 阅读(212) 评论(0) 推荐(0) 编辑
摘要: JavaScript事件代理 首先介绍一下JavaScript的事件代理。事件代理在JS世界中一个非常有用也很有趣的功能。当我们需要对很多元素添加事件的时候,可以通过将事件添加到它们的父节点而将事件委托给父节点来触发处理函数。这主要得益于浏览器的事件冒泡机制。 一:假设有一个 UL 的父节点,包含了 阅读全文
posted @ 2017-11-15 16:48 蔚京霖 阅读(213) 评论(0) 推荐(0) 编辑
摘要: 一、不同浏览器内核下的书写规则 二:transform 具体变性中心基点 transform-origin 默认情况下 rotate旋转、scale缩放、translate位移、矩阵matrix默认物件的水平垂直正中心点 1. top left | left top 等价于 0 0 | 0% 0% 阅读全文
posted @ 2017-11-15 15:21 蔚京霖 阅读(498) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>列表说明dl dt dd</title> <style type="text/css"> body { margin:0; padding: 0; font: 阅读全文
posted @ 2017-11-15 15:01 蔚京霖 阅读(319) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>三列布局</title> <style type="text/css"> *{margin: 0;padding: 0;} html, body{height: 阅读全文
posted @ 2017-11-15 14:59 蔚京霖 阅读(226) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Buttons库学习</title> 6 <style type="text/css"> 7 body { 8 margin: 0; 9 pad 阅读全文
posted @ 2017-11-15 11:33 蔚京霖 阅读(776) 评论(0) 推荐(0) 编辑
摘要: 一、晴天特效实现 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1, ma 阅读全文
posted @ 2017-11-15 11:31 蔚京霖 阅读(206) 评论(0) 推荐(0) 编辑
摘要: 阅读目录 一、Css Hack 不同厂商的流览器或某浏览器的不同版本(如IE6-IE11,Firefox/Safari/Opera/Chrome等),对CSS的支持、解析不一样,导致在不同浏览器的环境中呈现出不一致的页面展现效果 二、Css Hack分类 2.1.属性前缀法(即类内部Hack):如  阅读全文
posted @ 2017-11-15 11:24 蔚京霖 阅读(274) 评论(0) 推荐(0) 编辑
摘要: 1.选项卡效果预览 2.源码与简要说明 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>切换选项卡功能实现</title> 6 <link rel="stylesheet" href="css/switchTab 阅读全文
posted @ 2017-11-15 11:18 蔚京霖 阅读(452) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title>银联海购</title> 6 <link rel="stylesheet" type="text/css" href="css/main.css"> 7 </h 阅读全文
posted @ 2017-11-15 11:13 蔚京霖 阅读(400) 评论(0) 推荐(0) 编辑
摘要: 界面组件一、分页导航菜单 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>分页导航</title> <style> * { margin: 0; padding: 0; } .pagination { margin: 10px; 阅读全文
posted @ 2017-11-15 10:58 蔚京霖 阅读(290) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>多彩炫酷环形时钟效果</title> <style type="text/css"> 阅读全文
posted @ 2017-11-15 10:52 蔚京霖 阅读(640) 评论(0) 推荐(0) 编辑
摘要: 如果出错:git pull --rebase origin master 提交代码到远程分支 1.git checkout -b ' two ' (切换并创建一个分支) 2.git add . (提交分支代码) 3.git commit -m '' (提交 修改信息) 4.git remote ad 阅读全文
posted @ 2017-11-15 10:41 蔚京霖 阅读(252) 评论(0) 推荐(0) 编辑