- 博客(39)
- 收藏
- 关注
原创 数组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关注的人