- 博客(29)
- 收藏
- 关注
RSS订阅原创 事件类型
不同的事件类型：鼠标事件，键盘事件鼠标事件：clock事件，mouseover事件，mouseout事件事件：在标题区域按下——要在页面中移动——释放鼠标时停止移动mouseover事件 当鼠标指针在元素内部移动时重复地触发鼠标事件都是在浏览器窗口中的特定位置上发生的。这个位置信息保存在事件的clientX和clientY属性中。所有浏览器都支持这两个属性，它们的值表示
2016-08-21 15:56:09
249
原创 JS事件流
事件流事件流——描述的是从页面中接受事件的顺序IE——事件冒泡流，即世间最开始由最具体的元素（元素中嵌套层次最深的那个节点）接收，然后逐级向上传播至最不具体那个节点（文档）事件捕获：不太具体的节点应该更早接收到时间，而最具体的节点最后接收到事件。使用事件处理程序1.html事件处理程序2.DOM0级事件处理程序 较传统的方式：把一
2016-08-19 07:39:16
368
原创 jQuery选择器
id选择器页面的任何操作都需要节点的支撑，开发者如何快速高效的找到指定的节点也是前端开发中的一个重点。jQuery提供了一系列的选择器帮助开发者达到这一目的，让开发者可以更少的处理复杂选择过程与性能优化，更多专注业务逻辑的编写。jQuery几乎支持主流的css1~css3选择器的写法，我们从最简单的也是最常用的开始学起id选择器：一个用来查找的ID，即元素的id
2016-08-15 22:07:55
290
原创 jQuery-1
环境搭建进入官方网站获取最新的版本 http://jquery.com/download/ ，这里需要注意 jQuery 分 2 个系列版本 1.x 与 2.x，主要的区别 在于 2.x 不再兼容 IE6、7、8 为移动端而优化，由于减少了一些代码，使得该版本比 jQuery 1.x 更小且更快。如果开发者比较在意老版本 IE 用户，只能使用 jQuery 1.9 及之前
2016-08-13 23:50:13
225
转载 CSS清除浮动大全共8种方法
在各种浏览器中显示效果也有可能不相同，这样让清除浮动更难了，下面总结8种清除浮动的方法，测试已通过 ie chrome firefox opera，需要的朋友可以参考下清除浮动是每一个 web前台设计师必须掌握的机能。css清除浮动大全，共8种方法。 浮动会使当前标签产生向上浮的效果，同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码
2016-08-10 22:33:34
194
原创 css基础
div盒子模型：在CSS中，width和height指的 是内容区域的宽度和高度。增加内边距，边框和外边距不会影响内容区域的尺寸，但是会增加元素框的总尺寸。盒子在页面中所占的宽度：margin-left+border-left+padding-left+内容宽度+padding-right+border-right+margin-right浮动float清除浮动cl
2016-08-10 15:47:50
158
翻译 JS浏览器窗口大小
浏览器窗口可视区域大小获得浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）的方法:一、对于IE9+、Chrome、Firefox、Opera 以及 Safari：• window.innerHeight - 浏览器窗口的内部高度• window.innerWidth - 浏览器窗口的内部宽度二、对于 Internet Explorer 8、7、
2016-08-09 23:53:39
1206
翻译 插入节点appendChild()
插入节点appendChild()在指定节点的最后一个子节点列表之后添加一个新的子节点。语法:appendChild(newnode)参数:newnode：指定追加的节点。我们来看看，div标签内创建一个新的 P 标签，代码如下:运行结果:HTMLJavaScriptThis is a new p
2016-08-09 22:50:23
825
翻译 节点属性
节点属性在文档对象模型 (DOM) 中，每个节点都是一个对象。DOM 节点有三个重要的属性 ：1. nodeName : 节点的名称2. nodeValue ：节点的值3. nodeType ：节点的类型一、nodeName 属性: 节点的名称，是只读的。1. 元素节点的 nodeName 与标签名相同2. 属性节点的 nodeName
2016-08-09 15:19:16
512
翻译 DOM对象，控制HTML元素
认识DOM文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。先来看看下面代码:将HTML代码分解为DOM节点层次图:HTML文档可以说由节点构成的集合，DOM节点有:1. 元素节点：上图中、、等都是元素节点，即标签。
2016-08-08 23:55:43
418
翻译 JavaScript内置对象--History 对象
History 对象history对象记录了用户曾经浏览过的页面(URL)，并可以实现浏览器前进与后退相似导航的功能。注意:从窗口被打开的那一刻开始记录，每个浏览器窗口、每个标签页乃至每个框架，都有自己的history对象与特定的window对象关联。语法：window.history.[属性|方法]注意：window可以省略。History 对
2016-08-08 17:57:25
419
翻译 JavaScript内置对象-Date 日期对象
Date 日期对象日期对象可以储存任意一个日期，并且可以精确到毫秒数（1/1000 秒）。定义一个时间对象 :var Udate=new Date(); 注意:使用关键字new，Date()的首字母必须大写。 使 Udate 成为日期对象，并且已有初始值：当前时间(当前电脑系统时间)。如果要自定义初始值，可以用以下方法：var d
2016-08-08 15:24:31
257
翻译 window对象--JavaScript 计时器
window对象是BOM的核心，window对象指当前的浏览器窗口。window对象方法:JavaScript 计时器在JavaScript中，我们可以在设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行。计时器类型：一次性计时器：仅在指定的延迟时间之后触发一次。间隔性触发计时器：每隔一定的时间间隔就触发一次。计时
2016-08-08 13:14:57
311
翻译 JavaScript内置对象-Array 数组对象
Array 数组对象数组对象是一个对象的集合，里边的对象可以是不同类型的。数组的每一个成员对象都有一个“下标”，用来表示它在数组中的位置，是从零开始的数组定义的方法：1. 定义了一个空数组:var 数组名= new Array();2. 定义时指定有n个空元素的数组：var 数组名 =new Array(n);3.定义数组的时候，直接初始化
2016-08-07 23:45:41
254
4
翻译 JavaScript内置对象-Math对象
Math对象Math对象，提供对数据的数学计算。使用 Math 的属性和方法，代码如下： var mypi=Math.PI; var myabs=Math.abs(-15); document.write(mypi); document.write(myabs);运行结果:3.14159265358979315注
2016-08-07 22:36:40
296
5
转载 JavaScript内置对象-string对象
什么是对象JavaScript 中的所有事物都是对象，如:字符串、数值、数组、函数等，每个对象带有属性和方法。对象的属性：反映该对象某些特定的性质的，如：字符串的长度、图像的长宽等；对象的方法：能够在对象上执行的动作。例如，表单的“提交”(Submit)，时间的“获取”(getYear)等；JavaScript 提供多个内建对象，比如 String、Date
2016-08-05 23:52:24
371
翻译 事件响应，让网页交互
什么是事件JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。比如说，当用户单击按钮或者提交表单数据时，就发生一个鼠标单击（onclick）事件，需要浏览器做出处理，返回给用户一个结果。主要事件表:鼠标单击事件( onclick
2016-08-05 16:13:40
210
转载 JS中function()使用方法
javascript 函数不同于其他的语言，每个函数都是作为一个对象被维护和运行的。通过函数对象的性质，可以很方便的将一个函数赋值给一个变量或者将函数作为参数传递。在继续讲述之前，先看一下函数的使用语法： 以下是引用片段： function func1(…){…} var func2=function(…){…}; var func3=function func4(
2016-08-05 14:29:27
1968
转载 函数——小程序，大作用
函数函数的作用，可以写一次代码，然后反复地重用这个代码。如:我们要完成多组数和的功能。var sum; sum = 3+2;alert(sum);sum=7+8 ;alert(sum); .... //不停重复两行代码如果要实现8组数的和，就需要16行代码，实现的越多，代码行也就越多。所以我们可以把完成特定功能的代码块放到一个函数里，直接调用
2016-08-05 11:51:43
474
原创 JS流程控制语句
if语句（做判断）if语句是基于条件成立才执行相应代码时使用的语句。语法:if(条件){ 条件成立时执行代码}注意：if小写，大写字母（IF）会出错！假设你应聘web前端技术开发岗位，如果你会HTML技术，你面试成功，欢迎加入公司。代码表示如下: var mycarrer = "HTML"; if (mycarrer == "HTM
2016-08-04 17:51:39
305
翻译 Array
什么是数组我们知道变量用来存储数据，一个变量只能存储一个内容。假设你想存储10个人的姓名或者存储20个人的数学成绩，就需要10个或20个变量来存储，如果需要存储更多数据，那就会变的更麻烦。我们用数组解决问题，一个数组变量可以存放多个数据。好比一个团，团里有很多人，如下我们使用数组存储5个学生成绩。数组是一个值的集合，每个值都有一个索引号，从0开始，每个索引都有一个相应的
2016-08-04 13:01:07
156
翻译 JS基础语法-要懂的规则
变量是用于存储某种/某些数值的存储器我们为了区分盒子，可以用BOX1,BOX2等名称代表不同盒子，BOX1就是盒子的名字（也就是变量的名字）。我们赶快给变量取个好名字吧!变量名字可以任意取，只不过取名字要遵循一些规则:1.必须以字母、下划线或美元符号开头，后面可以跟字母、下划线、美元符号和数字。如下:正确: my
2016-08-03 21:45:50
248
原创 DOM
DOM文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。将HTML代码分解为DOM节点层次图 HTML文档可以说由节点构成的集合，三种常见的DOM节点:1. 元素节点：上图中、、等都是元素节点，即标签。
2016-08-01 22:20:52
238
1
原创 浏览器兼容问题
浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同 问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。 碰到频率:100% 解决方案：css里 {margin:0;padding:0;} 备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的css文件开头都会用通配符来设置各个标签的内外补丁是0。 浏览器兼容问题二：块
2016-07-31 17:29:38
186
转载 css文本显示
文字超出隐藏并显示省略号html代码如下：divclass="css1">Web前端开发 - 专注于网站前端设计与Web用户体验div>divclass="css2">Web前端开发 - 专注于网站前端设计与Web用户体验div>.css1{color:#6699ff;b
2016-07-13 22:29:51
281
原创 JS打开新窗口（window.open）
JS打开新窗口（window.open） open() 方法可以查找一个已经存在或者新建的浏览器窗口。语法：window.open([URL], [窗口名称], [参数字符串]) 参数说明:URL：可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。 窗口名称：可选参数，被打开窗口的名称。 1.该名称由字母、数字和下划线字符组成
2016-07-07 11:40:49
827
原创 弹出对话框
我们在访问网站的时候，有时会突然弹出一个小窗口，上面写着一段提示信息文字。如果你不点击“确定”，就不能对网页做任何操作，这个小窗口就是使用alert实现的。语法:alert(字符串或变量); 看下面的代码: var mynum = 30; alert("hello!"); alert(mynum);注:alert弹出消息对话框(包含
2016-07-06 12:06:41
275
原创 如何处理元素内的空白
white-space 属性设置如何处理元素内的空白。所有浏览器都支持 white-space 属性。注释：任何的版本的 Internet Explorer （包括 IE8）都不支持属性值 "inherit"这个属性声明建立布局过程中如何处理元素中的空白符。值 pre-wrap 和 pre-line 是 CSS 2.1 中新增的。默认值：norm
2016-07-06 11:35:16
259
原创 css选择器
http://www.w3school.com.cn/cssref/css_selectors.aspCSS的选择器其实大类的话可以分为三类，即id选择器、class选择器、标签选择器。用法如下： #id名 { 属性名:属性值; } .class名 { 属性名:属性值; } 标签名 { 属性名:属性值; }其中，他们之间又可
2016-06-20 17:01:47
135
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人