- 博客(39)
- 收藏
- 关注
RSS订阅原创 数组splice()方法
Array.splice()方法是在数组中插入或删除元素的通用方法。不同于slice()和concat(),splice()会修改调用的元素数组。var a = [1,2,3,4,5,6,7,8];a.splice(4);//【5,6,7,8】；a是[1,2,3,4]a.splice(2,3);//[3,4];a是[1,2]
2016-12-08 09:58:07
1428
原创 this以及call()
var fullname = 'John Doe';var obj = { fullname: 'Colin Ihrig', prop: { fullname: 'Aurelio De Rosa', getFullname: function() { return this.fullname; } }};
2016-12-07 11:04:27
331
原创 javascript 逻辑表达式
逻辑与&&： var o = {x:1}; var p = null; o && o.x;// 1; 就是左侧表达式为真；必将返回右侧表达式 p && p.x;// null;左侧表达式为假，则返回；不会去计算右操作数。列如： if(a == b) stop();
2016-12-07 09:22:01
364
原创 javascript 声明提前
javascript的函数作用域是指在函数内声明的所有变量在函数体内都是可见的。这意味着在变量声明之前甚至已经可用。这个特性被非正式的称为声明提前。var scope = "global";function f(){ console.log(scope);//输出：“undefined”，不是“global”; var scope =
2016-12-06 19:14:18
283
转载 js严格模式
http://www.ruanyifeng.com/blog/2013/01/javascript_strict_mode.html
2016-12-06 13:35:05
294
翻译 懒加载
jquery-懒加载技术(简称lazyload)第一：lazyLoad简介及作用：网站性能优化的插件，提高用户体验。页面如果有很多图片的时候，当你滚动到相应的行时，当前行的图片才即时加载的，这样子的话页面在打开只加可视区域的图片，而其它隐藏的图片则不加载。第二：使用场合 涉及到图片，falsh资源，iframe，网页编辑器(CK)，JS文件 等占用较大带宽，避免网页打开时加
2016-11-28 20:14:48
225
原创 2016.11.16 H5+css3（补充1）
css：UI元素伟类选择器：最常见的错误是认为 p:first-child 之类的选择器会选择 p 元素的第一个子元素。outline（轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。outline:#00FF00 dotted thick;（和平常border属性设置一样）。::selection{ 选中改变背景颜色， }（直接::，用，全局。单独选就用选择器）。i
2016-11-16 09:11:53
454
原创 2016.11.15 HTML5新特性 拖放
html>html>head lang="en"> meta charset="UTF-8"> title>title> script> function allowDrop(ev){ ev.preventDefault(); } function drag(ev){ ev.
2016-11-15 16:33:18
277
原创 2016.11.15 HTML实例复习2
Iframe：。URL ：scheme://host.domain:port/path/filename：scheme - 定义因特网服务的类型。最常见的类型是 http。host - 定义域主机（http 的默认主机是 www）。domain - 定义因特网域名，比如 w3school.com.cn。:port - 定义主机上的端口号（http 的默认端口号是 80）。path - 定义服务
2016-11-15 09:04:09
206
原创 2016.11.14 JSON
JSON：JavaScript 对象表示法（JavaScript Object Notation）。JSON 是存储和交换文本信息的语法。类似 XML。JSON 比 XML 更小、更快，更易解析。语法：JSON 语法是 JavaScript 对象表示法语法的子集。数据在名称/值对中， 数据由逗号分隔 ，花括号保存对象，方括号保存数组。名称/值对包括字段名称（在双引号中），后面写一个冒号，然
2016-11-14 17:11:52
204
原创 2016.11.14 AJAX
创建 XMLHttpRequest 对象：XMLHttpRequest 是 AJAX 的基础。XMLHttpRequest 用于在后台与服务器交换数据。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。创建 XMLHttpRequest 对象的语法：variable=new XMLHttpRequest();向服务器发送请求：如需将请求发送到服务器，我们使用 XMLHttp
2016-11-14 15:58:00
198
原创 2016.11.14 jq（参考手册 - CSS 操作 Ajax 数据）
offset() 方法：offset() 方法返回或设置匹配元素相对于文档的偏移（位置）。方法返回的对象包含两个整型属性：top 和 left，以像素计。此方法只对可见元素有效。offsetParent() 方法返回最近的祖先定位元素。定位元素指的是元素的 CSS position 属性被设置为 relative、absolute 或 fixed 的元素。position() 方法返回匹配元素
2016-11-14 15:06:28
431
原创 2016.11.14 jq（参考手册 - 事件 效果）
事件方法：$("button#demo").click()。上面的例子将触发 id="demo" 的 button 元素的 click 事件。bind() 方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。$(selector).bind(event,data,function)。$("button").bind({click:function() {$("p").slid
2016-11-14 11:18:43
286
原创 2016.11.14 jq（参考手册 - 选择器）
$("*") 所有元素； $(".intro.demo") 所有 class="intro" 且 class="demo" 的元素； $("p:first") 第一个 元素；:even选择器选取每个带有偶数 index 值的元素（比如 2、4、6）。 $("tr:even") 所有偶数 元素； $("tr:odd") 所有奇数
2016-11-14 10:58:19
247
原创 2016.11.14 jq（AJAX）
AJAX 是与服务器交换数据的艺术，它在不重载全部页面的情况下，实现了对部分网页的更新。AJAX = 异步 JavaScript 和 XML。AJAX load() 方法：load() 方法从服务器加载数据，并把返回的数据放入被选元素中。$(selector).load(URL,data,callback);必需的 URL 参数规定您希望加载的 URL。可选的 data 参数规定与请求一同发送
2016-11-14 10:14:35
190
原创 2016.11.14 jq（遍历）
遍历 - 祖先：parent() 方法返回被选元素的直接父元素。parents() 方法返回被选元素的所有祖先元素，它一路向上直到文档的根元素 ()。parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。返回介于 与 元素之间的所有祖先元素： $("span").parentsUntil("div");遍历 - 后代：children() 方法返回被选元素的所有直接
2016-11-14 09:42:43
255
原创 2016.11.14 jq（HTML ）
获得内容和属性：获得内容 ：text() - 设置或返回所选元素的文本内容。html() - 设置或返回所选元素的内容（包括 HTML 标记）。val() - 设置或返回表单字段的值。获取属性 ： attr() 方法用于获取属性值。设置内容和属性：设置内容 ： text()、html() 以及 val() 在（）中加内容。text()、html() 以及 val() 的回调函数由两个参数：被选
2016-11-14 08:25:16
279
原创 2016.11.11 jq（复习1 选择器 事件 效果）
基础 jQuery：$(document).ready(function(){} 库的替代：如果您不愿意在自己的计算机上存放 jQuery 库，那么可以从 Google 或 Microsoft 加载 CDN jQuery 核心文件。Google 的 CDN：src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.j
2016-11-11 16:08:48
358
原创 2016.11.11 HTML DOM（对象方法 属性 访问 修改 事件 导航节点）
对象方法：getElementsByTagName() 返回包含带有指定标签名称的所有元素的节点列表（集合/节点数组）。getElementsByClassName() 返回包含带有指定类名的所有元素的节点列表。appendChild()把新的子节点添加到指定节点。removeChild()删除子节点。replaceChild()替换子节点。insertBefore()在指定的子节点前面插
2016-11-11 11:18:30
1615
原创 2016.11.11 HTML DOM（对象方法 属性 访问 修改）
对象方法：getElementsByTagName() 返回包含带有指定标签名称的所有元素的节点列表（集合/节点数组）。getElementsByClassName() 返回包含带有指定类名的所有元素的节点列表。appendChild()把新的子节点添加到指定节点。removeChild()删除子节点。replaceChild()替换子节点。insertBefore()在指定的子节点前面插
2016-11-11 10:41:50
1208
原创 2016.11.11 js对象（RegExp 事件）
RegExp 对象：直接量语法：/pattern/attributes。创建 RegExp 对象的语法：new RegExp(pattern, attributes);pattern 是一个字符串，指定了正则表达式的模式或其他正则表达式。attributes 是一个可选的字符串，包含属性 "g"、"i" 和 "m"，分别用于指定全局匹配、区分大小写的匹配和多行匹配。方括号用于查找某个范围内的字符：
2016-11-11 09:49:02
218
原创 2016.11.11 js对象（Math String ）
Math ：对象用于执行数学任务。abs() 方法可返回数的绝对值。Math.abs(x)。ceil() 方法可对一个数进行上舍入。pow() 方法可返回 x 的 y 次幂的值。Math.pow(x,y)。random() 方法可返回介于 0 ~ 1 之间的一个随机数。round() 方法可把一个数字舍入为最接近的整数。sqrt() 方法可返回一个数的平方根。String ：字符串。big
2016-11-11 09:07:04
216
原创 2016.11.10 js对象参考手册（数组,Date ）
img标签里的name="b1"，mouseOver，document.b1.src ="/i/eg_mouse.jpg"（换图，使用name来.src）。JavaScript Array 对象：pop() 方法将删除 arrayObject 的最后一个元素，把数组长度减 1，并且返回它删除的元素的值。如果数组已经为空，则 pop() 不改变数组，并返回 undefined 值。push()
2016-11-10 14:28:05
239
原创 2016.11.10 js（复习3完）
浏览器对象模型 (BOM)，Window 尺寸：window.innerHeight - 浏览器窗口的内部高度。window.screen对象包含有关用户屏幕的信息。screen.availWidth - 可用的屏幕宽度，返回访问者屏幕的宽度，以像素计，减去界面特性，比如窗口任务栏。window.location对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。在编写时可
2016-11-10 13:47:09
260
原创 2016.11.10 js（复习2）
通过可编程的对象模型，JavaScript 获得了足够的能力来创建动态的 HTML。能够改变页面中的所有 HTML 元素。能够改变页面中的所有 HTML 属性。能够改变页面中的所有 CSS 样式。能够对页面中的所有事件做出反应。修改 HTML 内容的最简单的方法时使用innerHTML 属性。document.getElementById("image").src="landscape.jpg
2016-11-10 08:46:36
183
原创 2016.11.9 js（复习1）
alert() 函数在 JavaScript 中并不常用，但它对于代码测试非常便。 onclick="alert('Welcome!')"x=document.getElementById("demo") //查找元素。x.innerHTML="Hello JavaScript"; //改变内容。match() 方法可在字符串内检索指定的值，或找到一个或多个正则表达式的匹配。x.style
2016-11-09 16:35:07
174
原创 2016.11.9 css（复习3 完）
使用 margin 属性来水平对齐：如果宽度（div）是 100%，则对齐没有效果。cursor:pointer">（手状）。
2016-11-09 08:22:07
168
原创 2016.11.8 css（复习2）
通过将 display 属性设置为 block，可以让行内元素（比如 元素）表现得像块级元素一样。还可以通过把 display 设置为 none，让生成的元素根本没有框。这样的话，该框及其所有内容就不再显示。CSS 相对定位：注意，在使用相对定位时，无论是否进行移动，元素仍然占据原来的空间。设置为绝对定位的元素框从文档流完全删除，并相对于其包含块定位，包含块可能是文档中的另一个元素或者是初始包含
2016-11-08 15:57:24
328
原创 2016.11.7 html5+css（复习1）
2016.7.26：acity">yt。opacity：透明度。 text-indent:2em;/*缩进*/。overflow: scoll;（超出滚动）。letter-spacing: 3px;（字母间距）。white-space:nowrap;规定段落中的文本不进行换行：text-overflow:ellipsis：（超出div部分使用省略号）~clip（超出部分影藏）。reset需
2016-11-07 22:02:11
314
原创 2016.11.6 复习HTML5 （H5标签）
a标签：target="_blank" ； 标签：表示一个缩写形式，比如 "Inc."、"etc."。某些浏览器中，当您把鼠标移至缩略词语上时，title 可被用来展示表达的完整版本。 标签为文档或 section 定义联系信息。 标签的内容独立于文档的其余部分。 的内容可用作文档的侧栏。 标签:带有可点击区域的图像映射： 标签中的 usemap 属性与 map 元素 name 属性相
2016-11-06 08:48:04
235
原创 2016.10.30 Bootstrap.6（js插件）
模态框 ：modal 类。button中（data-target="#myModal"）链接modal.
2016-10-30 21:57:10
165
原创 2016.10.30 Bootstrap.5（组件）
路径导航：加：breadcrumb类。最后的加active类默认分页：pagination翻页：class="pager"对齐链接：previous（左对齐）next（右对齐）。标签：class="label label-default"（5个 可改变外观）。徽章： 。巨幕：jumbotron。缩略图：thumbnail警告框： class="alert alert-success
2016-10-30 17:21:44
222
原创 2016.10.30 Bootstrap.4（组件开始）
下拉菜单：将下拉菜单触发器和下拉菜单都包裹在 .dropdown 里（button中添加：data-toggle="dropdown"。ul中添加：dropdown-menu）。对齐：.dropdown-menu-right 类可以让菜单右对齐。不建议使用 .pull-right。li中（添加dropdown-header：标题）。divider（分割线）。为下拉菜单中的 元素添加 .d
2016-10-30 12:59:17
196
原创 2016.10.30 复习Booestrap.3（全局css样式完）
按钮：预定义样式：Default。使用 .btn-lg、.btn-sm 或 .btn-xs 可以获得不同尺寸的按钮。通过给按钮添加 .btn-block 类可以将其拉伸至父元素100%的宽度，而且按钮也变为了块级（block）元素。强烈建议尽可能使用 元素来获得在各个浏览器上获得相匹配的绘制效果。图片：响应式图片：过为图片添加 .img-responsive 类可以让图片支持响应式布局。
2016-10-30 12:05:40
247
原创 2016.10.29 复习Bootstrap.2
表单：所有设置了 .form-control 类的 、 和 元素都将被默认设置宽度属性为 width: 100%;。 将 label 元素和前面提到的控件包裹在 .form-group 中可以获得最好的排列。（div中写form-group ）placeholder（默认值） 定要添加 label 标签设置 .sr-only 类将其隐藏。在input旁加按钮···（用div包裹，中用.i
2016-10-29 12:21:10
206
原创 2016.10.27 复习Bootstrap.1
通过使用 .col-md-push-*（向左推） 和 .col-md-pull-*（向右拉） 类就可以很容易的改变列（column）的顺序。对于被删除的文本使用 标签。对于没用的文本使用 标签。额外插入的文本使用 标签。为文本添加下划线，使用 标签。改变字与字之间的间距使得每行对齐（text-justify）。大小写：text-lowercase：全部小写。text-uppercase：全
2016-10-27 09:15:07
203
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人