find面码-CSDN博客

原创 emmet使用简介

http://www.iteye.com/news/27580

2016-09-28 19:34:40 398

转载 javascript——闭包

闭包是javascript的一大特色，同时也是一大难点，希望下面的几篇干货能帮助大家理解~~https://developer.mozilla.org/en-US/docs/Web/JavaScript/Closures http://www.cnblogs.com/wangfupeng1988/p/3977924.html

2016-09-13 22:53:48 318

原创《javascript高级程序设计》——基本包装类型和单体内置对象

1.Boolean类型Boolean类型是与布尔值对应的引用类型。var falseObject=new Boolean(flase);alert(falseObject&&true);//true;var falseObject=false;alert(falseObject&&true);//false没事儿不要用Boolean类型~~~ 2.Number类型toString()，可以加一

2016-09-13 22:08:33 299

原创《javascript高级程序设计》——引用类型之Function

1.函数实际上是对象，函数名实际上是一个指向函数对象的指针。function sum(num1,num2){ return num1+num2;}alert(sum(10,10));//20var anotherSum=sum;alert(anotherSum(10,10));//20sum=null;alert(anotherSum(10,10));//20因此没有重载，同名函数，

2016-09-13 19:44:36 287

原创《javascript高级程序设计》——引用类型之Object、Array

Object1.创建Object实例的方式有两种：var person=new Object();person.name="zx";person.age=19;对象字面量表示法：var person={ name:"zx", age:19};住意每两个属性中间用逗号分隔，最后一个属性后面没有逗号，结尾要加分号。 2.访问对象属性时，可以使用点表示法，也可以使用方括号表示法。在使

2016-09-13 08:53:04 336

原创《javascript高级程序设计》——变量和作用域

1.ECMAscript包含两种不同类型的值：基本类型值和引用类型值。基本类型值有5种：Undefined、Null、Boolean、String、Number。它们是按值访问的，可以操作保存在变量中的实际的值。而在操作对象时，访问的实际是变量的引用而不是实际的值，因此引用类型的值是按引用访问的。 2.只能给引用类型值动态地添加属性：var name="zx";name.age=19;alert

2016-09-13 08:03:49 249

原创 javascript网页特效——日期和时间

实例一：不同时段显示不同的标题欢迎词<script type="text/javascript"> //修改标题的函数 function start(){ var date = new Date(); var str = ''; var ho

2016-09-12 22:31:45 491

原创 javascript网页特效——导航菜单

实例一：当网页超过一屏时候导航始终置顶<script type="text/javascript"> //初始化函数 function init(){ //获取顶部元素的DOM var wrap = document.getElementById('wrap');

2016-09-12 22:07:43 363

原创 javascript网页特效——table

实例一：动态的为表格中的单元格文字添加样式<script type="text/javascript"> //为表格改变样式的函数 function chCell(){ //获取DOM var tbl = document.getElementById('tbl'); var rows = tbl.rows; //得到当

2016-09-12 19:57:53 378

原创 javascript网页特效——div的应用

实例一：从下往上的信息滚动特效<div id="container" style="overflow:hidden;height:100px;"> <table align="left" cellpadding="0" cellspace="0" border="0"> <tr> <td id="con1

2016-09-12 19:27:21 538

原创 javascript网页特效——文本输入框和下拉菜单特效

实例一：让文本框只带有下划线<script type="text/javascript"> function changeTextStyle(){ //让文本框只带有下划线 //获得文本框的DOM var myText = document.getElementById("myText");

2016-09-11 22:46:41 1188

原创 javascript网页特效——链接特效

实例一：带下划线的链接<script type="text/javascript"> //为链接加上下划线 function addLine(){ //获取到所有的链接的DOM var linkDOMS = document.getElementsByTagName("a"); for(var i=0; i<lin

2016-09-11 20:43:02 700

原创 javascript网页特效——按钮特效

实例一：不同的按钮提交不同的表单地址<script type="text/javascript"> //提交表单 function submitForm(btn){ var btnId = btn.id; //获取单击按钮的id var f = document.forms[0] //当前的表单

2016-09-11 10:36:05 899

原创 javascript网页特效——鼠标特效

实例一：禁用鼠标右键<script type="text/javascript"> //为文档的鼠标按下事件定义回调 document.onmousedown = function(event){ //判断事件的值是否为鼠标右键 if (event.button == 2){

2016-09-11 09:36:26 2015

原创 javascript网页特效——窗口和框架

实例一：计算窗口内的框架数量<script type="text/javascript"> function alertFrames(){ //得到框架的总数 var frames = window.frames; //得到框架数组 alert(frames.length);

2016-09-11 08:01:04 423

原创 javascript网页特效——控制表单控件

遍历表单的所有控件<script type="text/javascript"> //遍历表单的所有控件 function getValues(){ var f = document.forms[0]; //获取表单DOM var elements = f.elements; //获取所有的控件数组 var

2016-09-10 21:31:40 412

原创 HTML——表单

HTML 表单用于搜集不同类型的用户输入。<form> .form elements .</form>表单元素<input>元素<input type="text"> 定义用于文本输入的单行输入字段： First name: Last name:

2016-09-10 20:06:22 336

原创 javascript网页特效——DOM操作

实例一：根据name获取网页中的所有复选框<script type="text/javascript"> //获取多个DOM function getDomsByName(){ //获取的DOMs var doms = document.getElementsByName("myName"

2016-09-10 13:22:23 451

原创 javascript网页特效

实例一：自动刷新窗口原理：利用reload实现刷新窗口，利用setTimeout实现自动刷新。源代码：<script type="text/javascript"> //刷新网页的函数 function fresh(){ window.location.reload(); //调用location的reload函

2016-09-10 07:49:56 1378

原创 javascript网页特效——showModalDialog和showModelessDialog

window.showModalDialog()用来创建一个显示HTML内容的模态对话框。 window.showModelessDialog()用来创建一个显示HTML内容的非模态对话框。使用方法： vReturnValue = window.showModalDialog(sURL ，[ vArguments] ，[sFeatures])

2016-09-08 22:55:06 231

转载 javascript网页特效——window.opener

window.opener 实际上就是通过window.open打开的窗体的父窗体。比如在父窗体parentForm里面通过 window.open(“subForm.html”),那么在subform.html中 window.opener就代表parentForm,可以通过这种方式设置父窗体的值或者调用js方法。如： window.opener.test();—调用父窗体中的test()方法

2016-09-08 19:44:48 303

原创 javascript网页特效——setTimeout和setInterval

window对象提供了两个方法来实现定时器的效果，分别是window.setTimeout()和window.setInterval。其中前者可以使一段代码在指定时间后运行；而后者则可以使一段代码每过指定时间就运行一次。它们的原型如下： window.setTimeout(expression,milliseconds); window.setInterval(expressi

2016-09-08 11:16:00 315

原创 javascript网页特效——window.open

2016-09-08 09:16:33 517

原创《CSS权威指南》学习记录——生成内容

生成内容（generated content）是指由浏览器创建的内容，而不是由标记或内容来显示。例如，列表标志就是生成内容。插入生成内容利用：before和：after伪元素可以将指定内容放在元素的前面或后面。例如：a[href]:before{content:"(link)";}显示如下：关于content关键字：content。可接受：string、url、attr、normal（默认值）等

2016-06-11 10:53:21 434

原创《CSS权威指南》学习记录——列表

HTML部分无序列表<ul> <li>咖啡</li> <li>茶</li> <li>牛奶</li></ul> 列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。有序列表<ol> <li>咖啡</li> <li>牛奶</li> <li>茶</li></ol> 列表项内部可以使用段落、换行符、图片、链接以及其他列表等等。自定义列表自定义列表不仅仅是一列项目，而是

2016-06-11 08:09:09 567

原创 CSS学习记录——表格

HTML部分表格表格由 table标签来定义。每个表格均有若干行（由 tr 标签定义），每行被分割为若干单元格（由 td标签定义）。字母 td 指表格数据（table data），即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。<table><tr><td>row 1, cell 1</td><td>row 1, cell 2</td></tr><tr

2016-06-10 23:01:54 3221

原创《CSS权威指南》学习记录——定位（二）

包含块和绝对定位元素元素绝对定位时，会从文档流中完全删除，然后相对于其包含块定位，其边界根据偏移属性放置。定位元素不会流入其他元素的内容，反之亦然。这说明，绝对定位元素可能覆盖其他元素，或被其他元素覆盖。绝对定位元素的包含块是最近的position值不为static的祖先元素，创作人员通常会选择一个元素作为绝对定位元素的包含块，将其position值设为relative且没有偏移：显示如下

2016-06-10 16:19:53 3803

原创《CSS权威指南》学习记录——定位（一）

利用定位，可以准确地定义元素框相对于其正常位置应该出现在哪里，或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。定位的类型关键字：position。可接受：static（默认值）、relative、absolute、fixed。应用于所有元素。无继承性。 static 元素框正常生成。 relative 元素框偏移某个距离。元素仍保持其未定位前的形状，它原本所占的空间仍保留。 absolut

2016-06-10 10:21:41 587

原创《CSS权威指南》学习记录——浮动

浮动关键字：float。可接受：left、right、none（默认值）。适用于所有元素。无继承性。<img src="b4.gif" style="float:left;alt="b4"" > 一个元素浮动时，其他元素会“围绕”该元素。浮动元素不会与周围元素发生外边距合并。如果要浮动一个非替换元素，则必须要为其声明一个width。让一个元素浮动，它会像块级元素一样摆放和表现，但本质不变

2016-06-10 01:15:04 732

前景色一般来说，前景是元素的文本，还包括边框。最简单的方法是使用color属性改变文本颜色，同时还会影响边框的颜色。要覆盖的话，可以使用border-color。没什么好说的~~背景元素的背景区包括前景之下直到边框外边界的所有空间，因此，内容区和内边距都是背景的一部分，且边框画在背景之上。背景色关键字：background-color。可接受color、transparent（默认值），不能继承。背

2016-06-09 21:18:27 480 2

原创《CSS权威指南》学习记录——行内元素

术语解释匿名文本匿名文本是指所有未包含在行内元素中的字符串。空格也是匿名文本的一部分。em框em框在字体中定义，font-size的值决定了em框的高度。内容区对于非替换元素，内容区是指元素中各em框串在一起构成的框；对于替换元素，内容区就是元素的固有高度加上可能有的外边距、边框、内边距。行内框通过line-height减去font-size的值（行间距），除以2，分别应用到内容区的顶端和底端，得到

2016-06-04 22:26:42 549

原创《CSS权威指南》学习记录——块级元素

包含块每个元素都相对于其包含块摆放，对于正常的西方语言文本流的中的一个元素，包含块由其最近的块级祖先框、表单元格或行内块祖先框的内容边界组成。例如：<body> <div> <p>xxx</p> </div></body> 则p的包含块是div，div的包含块是body。因此，p的布局依赖于div，div的布局依赖于body。术语解释替换元素指用作为其他元素占位符的元素。例如im

2016-06-04 13:40:48 578

原创《CSS权威指南》学习记录——内边距、边框、外边距

//好讨厌，这本书居然在第七章就直接用了这些属性，然后在第八章部分介绍o(╯□╰)o~所以，这部分内容是根据w3c来学习的，等我看完第七章和第八章后再向里面加些内容框模型概述CSS假定每个元素都会生成一个或多个矩形框，称其为元素框。元素框中心有一个内容区，内容区周围有可选的内边距、边框、外边距。元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边

2016-06-01 22:44:40 1302

原创《CSS权威指南》学习记录——文本属性

使用文本属性，可以控制文本的颜色、字符间距，对齐文本，装饰文本，对文本进行缩进等。缩进和水平对齐缩进文本p{text-indent:3em;}通过使用text-indent，可以将元素的第一行缩进一个指定长度，甚至是负值。一般的，可以将其应用到所有块级元素上，但不能应用到行内（inline）元素上，图像之类的替换元素也不行。不过，如果一个块级元素的首行中有一个图像，它也会跟着其余文本移动。p{

2016-05-31 16:28:36 561

原创《CSS权威指南》学习记录——字体

设置字体属性是样式表的最常见用途之一。CSS字体处理中最复杂的是字体系列（font-family）匹配和字体加粗（font-weight）匹配，其次是字体大小（font-size）计算。字体系列由于种种原因，相同的字体可能会有不同的称呼。CSS定义了5种通用字体系列：serif 成比例，且有上下短线。成比例是指字体中的字符根据其不同的大小会有不同的宽度。上下短线是指字符笔划末端的装饰。seri

2016-05-29 09:47:34 669

原创《CSS权威指南》学习记录——颜色和长度单位

数字CSS中有两类数字：整数和实数。数字类型主要作为其他值类型的基础，某些情况下，也可以直接作为属性的值。百分数百分数值几乎总是相对于另一个数值：可能是同一元素的另一个属性值，也可能是从父元素那继承的值，或者是祖先元素的值。颜色命名颜色CSS规范定义了一些颜色，这些颜色可以直接根据其名字来使用。不过，可选择的颜色数量很少，即使大多数web浏览器提供了更多的命名颜色，但在大多数情况下还是不够用~~。用

2016-05-28 16:16:57 588

原创《CSS权威指南》学习记录——特殊性和层叠

继承（Inheritance）是从一个元素向其后代元素传递属性值时所采用的机制。确定向一个元素应用哪些样式时，不仅要考虑继承，还要考虑声明的特殊性，以及声明的来源，这个过程称为层叠（cascade）。特殊性经常会出现这样一种情况：同一个元素被应用不同的规则，当这些规则不冲突时还好，但是当发生冲突时，就要利用特殊性来解决。对于每个规则，用户代理会计算其特殊性，当一个元素有两个或多个冲突的规则时，拥有最

2016-05-28 11:01:04 555

原创《CSS权威指南》学习记录——选择器

规则结构每个规则都由两个部分组成：选择器（selector）和声明块（declaration block）。选择器定义了将影响文档中的哪些部分；声明块由一个或多个声明组成，其中每个声明都是一个属性-值对（property-value）。声明总有如下格式：属性名加冒号，再加值，再加分号。大多数情况下，值可以是一个关键字，或者是该属性可取关键字的一个列表，一般用空格分开。要注意的是，如果属性或值书写错误

2016-05-27 22:04:14 626

空空如也

空空如也