07 2018 档案
摘要：CSS css(name|pro|[,val|fn])1.9*访问或设置匹配元素的样式属性。 一个参数为访问 两个参数为设置 jQuery.cssHooks直接向 jQuery 中添加钩子，用于覆盖设置或获取特定 CSS 属性时的方法，目的是为了标准化 CSS 属性名或创建自定义属性。 它的目的是为
阅读全文
摘要：属性 attr(name|pro|key,val|fn)获取或设置属性值 name (String) 属性名称 properties (Map键值对) 作为属性的“名/值对”对象 key(String) 属性名称 value(Object) 属性值 key(String)属性名称 function(
阅读全文
摘要：基本 hide()隐藏 可选参数hide(speed,callback) 可选的 speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒。 可选的 callback 参数是隐藏或显示完成后所执行的函数名称。 show()显示 可选参数show(speed,callba
阅读全文
摘要：页面载入 ready(fn) 事件处理 $("p").on("click", function(){alert( $(this).text() );}); trigger和triggerHandler的区别 * 第一，他不会触发浏览器默认事件。 * 第二，只触发jQuery对象集合中第一个元素的事件
阅读全文
摘要：基本选择器 #id .class element * selector1,selector2,selectorN 层级 基本筛选器 内容 可见性 属性 子元素 :first-child ,:last-child ,:first-of-type, :last-of-type的区别 示例 结果：只有4变
阅读全文
摘要：JavaScript Math 对象 JavaScript Number 对象
阅读全文
摘要：setTimeout("function",time) 设置一个超时对象 setInterval("function",time) 设置一个超时对象 SetInterval为自动重复，setTimeout不会重复。 clearTimeout(对象) 清除已设置的setTimeout对象 clearI
阅读全文
摘要：原理 如图所示，无黑影处为浏览器中会显示的部分，通过改变backgroundPosition来使显示的地方不同，从而达到更换背景的目的 更多 浅谈CSS Sprite和实例解析 CSS Sprites:实用技术还是生厌之物？
阅读全文
摘要：事件机制 事件委托 参考博客十分详细易懂，不做复述
阅读全文
摘要：js 里面的键盘事件经常用到，所以收集了键盘事件对应的键码来分享下：keyCode 8 = BackSpace BackSpacekeyCode 9 = Tab TabkeyCode 12 = ClearkeyCode 13 = EnterkeyCode 16 = Shift_LkeyCode 17
阅读全文
摘要：1.事件的种类 a.窗口事件,只在body和frameset元素中才有效 onload 页面或图片加载完成时onunload 用户离开页面时 b.表单元素事件,在表单元素中才有效 onchange 框内容改变时onsubmit 点击提交按钮时onreset 重新点击鼠标按键时onselect 文本被
阅读全文
摘要：1.DOM树 树的表示： 2.查找节点 document.getElementById('id属性值'); 返回拥有指定id的第一个对象的引用 document/element.getElementsByClassName('class属性值'); 返回拥有指定class的对象集； document
阅读全文
摘要：前言 JSON 是一种按照JavaScript对象语法的数据格式，这是 Douglas Crockford 推广的。虽然它是基于 JavaScript 语法，但它独立于JavaScript，这也是为什么许多程序环境能够读取（解读）和生成 JSON。 JSON可以作为一个对象或者字符串存在，前者用于解
阅读全文
摘要：1.多态 构造函数 构造函数提供了创建您所需对象（实例）的有效方法，将对象的数据和特征函数按需联结至相应对象。即上文中的Person。 对象实例 根据构造函数提供的数据以及特征函数创建的对象。即上文中的person1，person2. 多态 指多个对象拥有相同的属性以及特征，例如person1和pe
阅读全文
摘要：前言 MDN 正文 1.对象的定义 对象的内部可以有单个变量，或是数据，或是函数 2.点表示法 3.子命名空间 4.括号表示法
阅读全文
摘要：1.变量 a.变量类型 Number 数字 String 字符串 Boolean 布尔型true和false Array 数组 Object 对象 b.变量声明 与其他编程语言不同，在 JavaScript 中你不需要声明一个变量的类型。JavaScript是一种“动态类型语言”，这意味着不同于其他
阅读全文
摘要：前言 参考博客 正文 1.水平居中 a.行级元素 给父元素设置text-align b.块级元素 1.给子元素设置display:inline-block，给父元素设置text-align 2.给子元素设置margin: auto（定宽，PS：块级元素在不设定宽度的情况会占满全行） 2.垂直居中 a
阅读全文
摘要：前言 MDN网站——文字样式 MDN网站——边框 MDN网站——背景 正文 MDN网站详细的说明举例 总结押后！（重点：背景）
阅读全文
摘要：前言 更多参考MDN flex布局 正文 1.Flexbox模型 主轴（main axis）是沿着 flex 元素放置的方向延伸的轴（比如页面上的横向的行、纵向的列）。该轴的开始和结束被称为 main start 和 main end。 交叉轴（cross axis）是垂直于 flex 元素放置方向
阅读全文
摘要：定位（position） 1.静态定位（static） 静态定位是每个元素获取的默认值——它只是意味着“将元素放入它在文档布局流中的正常位置 ——这里没有什么特别的。 2.相对定位（relative） 也就是相对于自己在文档流中的位置（static）进行定位。 特点：1.不脱离文档流，原有空间位置被
阅读全文
摘要：前言 更多参考MDN 正文 1.浮动概念 最初，引入 float 属性是为了能让 web 开发人员实现简单的布局，包括在一列文本中浮动的图像，文字环绕在它的左边或右边。你可能在报纸版面上看到过。 举例给图片设置float:left 2.浮动的破坏性 首先了解被设置了float的元素会脱离文档流。 举
阅读全文
摘要：前言 本博客大部分摘自MDN网站 更具体内容请参考MDN 正文 1.什么是盒模型 如图所示就是一个盒模型 margin 外边距（margin）代表 CSS 框周围的外部区域，称为外边距，它在布局中推开其它 CSS 框。其表现与 padding 很相似；简写属性为 margin，单个属性分别为 mar
阅读全文
摘要：前言 更多详细知识点请参考W3C element简写成E 正文 1.选择器的种类 补充： 1. ID，类，元素都可以派生使用 2. 伪类注意事项 提示：在 CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。 提示：在 CSS 定义中，a:active
阅读全文
摘要：前言 web语义化（个人觉得写得不错的博客） 正文 1.个人理解 简而言之，web语义化就是让人和计算机更好地读懂web代码！ 2.举例 <h1>用于标题，但是实际div+css也可以实现同样的效果！这种情况我们选择用谁？ 毫无疑问是前者，后者虽然可以通过id或class等属性告诉开发者这是一个标题
阅读全文
摘要：1.what is web ? a.百度百科 b.个人理解 web通俗的来说就是客户端与服务端通过internet来互相传输数据。 c.什么是客户端，什么是服务端 客户端可以是你的电脑，平板，手机等等一切可以联网的东西。 服务端可以理解为一台24小时接受客户端数据和给客户端发送数据的电脑。 （如果你
阅读全文
摘要：前言 简单分清元素节点，属性节点，文本节点，以及节点属性 正文 先看一张图 1.黑色框的就是元素（element）节点了，通俗的说，html的标签都可以称为元素节点。 2.红色框的就是属性（attr）节点了，它与元素节点是父子关系。 3.蓝色框就是文本（text）节点了，它与元素节点是父子关系，但是
阅读全文
摘要：前言 git的安装 ssh的设置 正文 1.创建本地版本库 命令：git init 2.添加文件 命令：git add 文件名 3.上传到版本库 命令：git commit -m "说明内容" 4.链接远程版本 命令：git remote add origin github地址/版本库名字 5.删除
阅读全文
浙公网安备 33010602011771号