摘要：
如何使用 for...in 语句来遍历数组内的元素。 JavaScript for...in 语句 for...in 语句用于对数组或者对象的属性进行循环操作。 for ... in 循环中的代码每执行一次，就会对数组的元素或者对象的属性进行一次操作。 语法： for (变量 in 对象) { 在此 阅读全文
摘要：
CSS hack由于不同厂商的浏览器，比如Internet Explorer,Safari,Mozilla Firefox,Chrome等，或者是同一厂商的浏览器的不同版本，如IE6和IE7，对CSS的解析认识不完全一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。 这个时候我们就需 阅读全文
摘要：
Base64是网络上最常见的用于传输8Bit字节码的编码方式之一，Base64就是一种基于64个可打印字符来表示二进制数据的方法。可查看RFC2045～RFC2049，上面有MIME的详细规范。 Base64编码是从二进制到字符的过程，可用于在HTTP环境下传递较长的标识信息。采用Base64编码具 阅读全文
摘要：
js中的对象简介 js中的数据类型 string字符串 number数值 boolean布尔值 null空值 undefined未定义 以上五种数据类型属于基本数据类型 object对象基本数据类型都是单一的值"hello" 123 true,值和值之间没有任何关系 在js中表示一个人的信息(nam 阅读全文
摘要：
定义与用法 calc() 函数用于动态计算长度值。 需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% - 10px)； 任何长度值都可以使用calc()函数进行计算； calc()函数支持 "+", "-", "*", "/" 运算； calc()函数使用标准的数学 阅读全文
摘要：
JavaScript Date 对象 Date 对象 Date 对象用于处理日期与时间。 创建 Date 对象： new Date() 以下四种方法同样可以创建 Date 对象： var d = new Date(); var d = new Date(milliseconds); var d = 阅读全文
摘要：
<script type="text/javascript"> // braek关键字可以用来退出switch或者循环语句 //for(var i=0; i<5; i++){ // console.log(i); // break; //} // break只对距离他最近的循环起作用 // for( 阅读全文
摘要：
HTML 字符实体 HTML 中的预留字符必须被替换为字符实体。 一些在键盘上找不到的字符也可以使用字符实体来替换。 HTML 实体 在 HTML 中，某些字符是预留的。 在 HTML 中不能使用小于号（<）和大于号（>），这是因为浏览器会误认为它们是标签。 如果希望正确地显示预留字符，我们必须在 阅读全文
摘要：
API API（Application Programming Interface 应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组历程的能力，又无需访问源码，或是理解内部工作机制的细节。 简单理解：API是给程序员提供的一种工具，以便可以更轻松的实现 阅读全文
摘要：
第一个是来判断闰年的例子！ 我们先了解一下闰年的规则：能被400整除，或者能被4整除但不能被100整除的都是闰年，其余的年份均为平年。能被400整除的为世纪闰年，如2000年就是世纪闰年。 第二个是将两个input中的字符互相转换！ 第三个是写一个关于进制的转换器！ 我将这些例子写在了一个页面之中大 阅读全文
摘要：
一、什么是水仙花数 水仙花数也称为超完全数字不变数、自幂数、阿姆斯壮数、阿姆是特朗数。 水仙花数是指一个三位数，每个位数上数字的3次幂之和等于数字它本身。 水仙花数是自幂数的一种，三位的三次自幂数才叫做水仙花数；三位的水仙花数总够有4个：153,370,371,470 js写出水仙花数思路分析： 1 阅读全文
摘要：
不同类型的循环 JavaScript 支持不同类型的循环： for - 循环代码块一定的次数 for/in - 循环遍历对象的属性 while - 当指定的条件为 true 时循环指定的代码块 do/while - 同样当指定的条件为 true 时循环指定的代码块 while循环上篇已经讲过 for 阅读全文
摘要：
HTML5测试一 1. 问题：HTML5 之前的 HTML 版本是什么？ A、HTML 4.01 B、HTML 4 C、HTML 4.1 D、HTML 4.9 答案：A HTML5 是 HTML 最新的修订版本，由万维网联盟（W3C）于 2014 年 10 月完成标准制定。目标是取代 1999 年所 阅读全文
摘要：
学习是积少成多的事儿，贵在坚持，只有坚持不懈的做好每天给自己的任务，才能真正学习到东西。特别是在今天这个竞争激烈的社会，我们的心态更应该平和，不管今天能否进步，关键要有收获，学习一门学科、一门技术都离不开平和的心态，切记急功近利。html，css，js的学习亦是如此都是积少成多，正所谓不积跬步无以至 阅读全文
摘要：
下面是某浪的登录框下面我们就要模仿下密码设置输出这一块！ 依旧会用到表单元素 和p标签提示主要是用到 p.className = "a a1";给元素添加类名的属性： <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> < 阅读全文
摘要：
需要用到以下几点方法！ 以上是某东搜索框为力求同步写了以下代码。文字消失和怎样获取焦点失去焦点事件方法就不在一一赘述！ 以下用到表单事件： Form 事件 由 HTML 表单内的动作触发的事件（应用到几乎所有 HTML 元素，但最常用在 form 元素中）： 属性值描述 onblur script 阅读全文
摘要：
首先需要获取焦点事件 onfocus和失去焦点事件 onblur 下面是代码环节： <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <style type="text/css"> input{ color: #999; 阅读全文
摘要：
首先，我们应该知道引入精灵图的原因： 具体是因为，网页上面的每张图片都要经历一次请求才能展示给用户，小的图标频繁的请求服务器，降低页面的加载速度，为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度，因此，产生了css精灵技术。 其次，我们应该知道精灵图过程 能够缩小源文件的体积，减少htt 阅读全文
摘要：
实例 While 循环利用 while 循环在指定条件为 true 时来循环执行代码。Do while 循环利用 do...while 循环在指定条件为 true 时来循环执行代码。在即使条件为 false 时，这种循环也会至少执行一次。这是因为在条件被验证前，这个语句就会执行。 语法： while 阅读全文
摘要：
switch 语句 switch 语句是 if 语句的兄弟语句。 开发者可以用 switch 语句为表达式提供一系列的情况（case）。 switch 语句的语法： switch (expression) case value: statement; break; case value: state 阅读全文
摘要：
条件语句 在您编写代码时，经常需要根据不同的条件完成不同的行为。可以在代码中使用条件语句来完成这个任务。 在 JavaScript 中，我们可以使用下面几种条件语句： if(表达式1)语句1 else if(表达式2)语句2 else if(表达式3)语句3 else if(表达式m)语句m els 阅读全文
摘要：
条件运算符也叫三元运算符 语法：条件表达式？语句1：语句2； 条件运算符是 ECMAScript 中功能最多的运算符，它的形式与 Java 中的相同。 variable = boolean_expression ? true_value : false_value; 该表达式主要是根据 boolea 阅读全文
摘要：
在一个表达式中可能包含多个有不同运算符连接起来的、具有不同数据类型的数据对象;由于表达式有多种运算，不同的运算顺序可能得出不同结果甚至出现错误运算错误，因为当表达式中含多种运算时，必须按一定顺序进行结合，才能保证运算的合理性和结果的正确性、唯一性。 优先级从上到下依次递减，最上面具有最高的优先级，逗 阅读全文
摘要：
提纲：我们可以通过js来修改元素的大小，颜色，位置等样式 1.element.style 行内样式的操作 2.element.className 可以获取元素的class名称 3.element.setAttribute("type","button"); 获取元素修改元素的行内样式 4.inser 阅读全文
摘要：
百分号编码是什么！ 百分号编码（Percent-Encoding）也被称为 URL 编码，是一种编码机制。该机制主要应用于 URI 编码中，URI 包含 URL 和 URN，所以它们也同样适用。除此之外，也用于 MIME 类型为"application/x-www-form-urlencoded"的 阅读全文
摘要：
HTML accesskey属性与web自定义键盘快捷访问 本文地址：http://www.zhangxinxu.com/wordpress/?p=6142 可能很多小伙伴都不知道，我们只要在HTML代码上设置几个属性，就可以让浏览器支持我们自定义的快捷访问方式，而这个神奇的属性就是本文要介绍的，a 阅读全文
摘要：
一，制作一个随着时间转换而转换的桌面 原理是if语句判断时间从而改变输出图片的src路径和div里面的文字。 效果图； 二，使用按钮来切换图片 原理是使用dom改变img标签的中的src路径，进行输出。 效果图： 阅读全文
摘要：
下面讲述如何在页面生成一个装有日期的盒子 首先写出一个日期的函数进行赋值使用document.createElement创建一个文档节点div，然后将时间函数输出在div之中，利用document.body.appendChild(div);将div写入body里面，那么又将如何生成蕴含时间函数的d 阅读全文
摘要：
JavaScript 有两种比较方式：严格比较运算符和转换类型比较运算符。对于严格比较运算符（ ）来说，仅当两个操作数的类型相同且值相等为 true，而对于被广泛使用的比较运算符（==）来说，会在进行比较之前，将两个操作数转换成相同的类型。对于关系运算符（比如 <=）来说，会先将操作数转为原始值，使 阅读全文
摘要：
赋值运算符 赋值 简单的赋值运算符，把一个值赋给一个变量。为了把一个值赋给多个变量，可以以链式使用赋值运算符。参考下例： 语法 示例 加赋值（Addition assignment） 加赋值运算符把一个右值与一个变量相加，然后把相加的结果赋给该变量。两个操作数的类型决定了加赋值运算符的行为。算术相加 阅读全文
摘要：
transform-Origin属性允许您更改转换元素的位置。 2D转换元素可以改变元素的X和Y轴。 3D转换元素，还可以更改元素的Z轴。 为了更好地理解Transform-Origin属性，请查看这个演示. 定义视图被置于 X 轴的何处。可能的值： left center right length 阅读全文
摘要：
语法 background-origin: padding-box|border-box|content-box; background-Origin属性指定background-position属性应该是相对位置。 注意如果背景图像background-attachment是"固定"，这个属性没有 阅读全文
摘要：
1、shape-path 介绍 原理： clip-path 简单的工作原理是提供一系列的X和Y值来创建路径。当使用这些值创建一条完整路径时，就会把图像按照路径内部的尺寸进行裁剪。clip-path没有被主流的浏览器支持，现代浏览器中需要使用-webkit-前缀。 取值： （1）使用polygon定义 阅读全文
摘要：
响应式菜单是将盒子属性进行变换将display: none;变成display: block; 下面是响应式菜单未被触发时状态： 使用伪类：hover被触发的情况下状态： 响应式图片的原理与上面相同 未被触发时的状态： 使用伪类：hover被触发的情况下状态： 又到了发代码的时刻了 下面是响应式菜单 阅读全文
摘要：
什么是Viewport 手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。移动版的 Safari 浏览器最 阅读全文
摘要：
伪元素与伪类元素的不同： 伪元素其实相当于伪造了一个元素，例如before,first-letter达到的效果就是伪造了一个元素，然后添加了其相应的效果而已；而伪类没有伪造元素，例如first-child只是给子元素添加样式而已。 伪元素和伪类之所以这么容易混淆，是因为他们的效果类似而且写法相仿，但 阅读全文
摘要：
什么是响应式 Web 设计 响应式 Web 设计是一个让用户通过各种尺寸的设备浏览网站获得良好的视觉效果的方法。例如，您先在计算机显示器上浏览一个网站，然后在智能手机上浏览，智能手机的屏幕尺寸远小于计算机显示器，但是你却没有感觉到任何差别，两者的用户体验几乎一样，这说明这个网站在响应式设计方面做得很 阅读全文
摘要：
一、静态布局（Static Layout）即传统Web设计，网页上的所有元素的尺寸一律使用px作为单位。1、布局特点：不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚动条 阅读全文