乐胖代购免代理版

hidden

middle

bottom

原创 2017-05-10 11:31:09 915 阅读

CSS默认可继承样式

前面的话　　一直想总结出一份可继承样式的列表。常听说，颜色和字体是可继承的，盒模型样式是不可继承的，但其他样式呢？本文内容包括所有可继承的样式　　[注意]关于样式的详细信息移步至此常用可继承样式color cursor direction font letter-spacing line-height list-style text-align text-indent text-sha

模型

原创 2017-05-10 11:29:59 455 阅读

initial、inherit、unset、revert和all

initial　　表示元素属性的初始默认值(该默认值由官方CSS规范定义)　　兼容性: IE不支持　　[注意]关于各属性的初始默认值移步至此//display在官方CSS规范中定义的默认值是inline<style>.test{display: initial;}</style><div class="box"> &n

display

initial

border

原创 2017-05-10 11:29:26 2128 阅读

理解CSS中的数学表达式calc()

定义　　数学表达式calc()是calculate计算的缩写，它允许使用+、-、*、/这四种运算符，可以混合使用%、px、em、rem等单位进行计算　　兼容性: IE8-、safari5.1-、ios5.1-、android4.3-不支持，android4.4-4.4.4只支持加法和减法。IE9不支持用于backround-position　　[注意]+和-运算符两边一定要有空白符<styl

表达式

normal

border

原创 2017-05-10 11:27:10 573 阅读

移动web开发之像素和DPR

定义　　像素，又称画素，是图像显示的基本单位，译自英文“pixel”，pix是英语单词picture的常用简写，加上英语单词“元素”element，就得到pixel，故“像素”表示“图像元素”之意，有时亦被称为pel(picture element)　　像素是网页布局的基础。一个像素就是计算机能够显示一种特定颜色的最小区域。当设备尺寸相同但像素变得更密集时，屏幕能显示的画面的过渡更细致，网站看起来

javascript

element

英语单词

原创 2017-05-10 11:26:27 455 阅读

移动web开发之视口viewport

在CSS标准文档中，视口viewport被称为初始包含块。这个初始包含块是所有CSS百分比宽度推算的根源，它给CSS布局限制了一个最大宽度。在桌面上，视口的宽度和浏览器窗口的宽度一致。而在移动端，视口分为布局视口(layout viewport)、视觉视口(visual viewport)和理想视口(ideal viewport) 布局视口　　移动端设备的问题是，如果使视口的宽度和浏览器

浏览器

web

新浪网

原创 2017-05-10 11:24:53 1614 阅读

CSS伪类

伪类经常与伪元素混淆，伪元素的效果类似于通过添加一个实际的元素才能达到，而伪类的效果类似于通过添加一个实际的类来达到。实际上css3为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。本文将详细介绍伪类的详细知识锚点　　关于锚点<a>，有常见的5个伪类，分别是:link,:hover,:active,:focus,:visiteda:link{ba

java

Java

原创 2017-05-10 11:24:17 1413 阅读

javascript基础语法——变量和标识符

关于javascript，第一个比较重要的概念是变量，变量的工作机制是javascript的基本特性。实际上，变量是标识符的一种。本文将详细介绍变量和标识符定义　　标识符(Identifier)就是一个名字，用来对变量、函数、属性、参数进行命名，或者用做某些循环语句中的跳转位置的标记//变量var Identifier = 123;//属性(new&nbs

javascript

Object

日常生活

function

占位符

转载 2017-05-10 11:23:10 501 阅读

toString()方法

【1】undefined和null没有toString()方法undefined.toString();//错误null.toString();//错误【2】布尔型数据true和false返回对应的'true'和'false'true.toString();//'true'false.toString();//'false'Boolean.toString();//"function&

undefined

function

false

原创 2017-05-10 11:22:20 511 阅读

valueOf()方法

【1】undefined和null没有valueOf()方法undefined.valueOf();//错误null.valueOf();//错误【2】布尔型数据true和false返回原值。布尔型数据的包装对象返回true或falsetrue.valueOf();//truetypeof true.valueOf();//'boolean'false.valueOf();/

undefined

function

false

原创 2017-05-10 11:21:43 573 阅读

javascript类型系统——包装对象

javascript对象是一种复合值，它是属性或已命名值的集合。通过'.'符号来引用属性值。当属性值是一个函数时，称其为方法。通过o.m()来调用对象o中的方法。我们发现，字符串也同样具有属性和方法 var s = 'hello world'; console.lo

javascript

字符串

hello

原创 2017-05-10 11:21:10 507 阅读

javascript中正则表达式的基础语法

定义　　正则表达式(Regular Expression)是一门简单语言的语法规范，是强大、便捷、高效的文本处理工具，它应用在一些方法中，对字符串中的信息实现查找、替换和提取操作　　javascript中的正则表达式用RegExp对象表示，有两种写法：一种是字面量写法；另一种是构造函数写法Perl写法　　正则表达式字面量写法，又叫Perl写法，因为javascript的正则表达式特性借鉴自Perl

javascript

expression

大小写

原创 2017-05-10 11:20:34 419 阅读

String类型的属性和方法

属性　　字符串String类型的每个实例都有一个length属性，表示字符串中的字符个数。由于字符串是不可变的，所以字符串的长度也不可变　　字符串的length属性不会在for/in循环中枚举，也不能通过delete操作符删除　　[注意]对于字符串s来说，最后一个字符的索引是s.length - 1var str = "test"; console.log(str.l

String

其他

原创 2017-05-10 11:19:53 462 阅读

javascript类型系统——Math对象

javascript使用算术运算符实现基本的算术运算，如果要实现更加复杂的算术运算，需要通过Math对象定义的常量和函数来实现。和其他对象不同，Math只是一个静态对象，并没有Math()构造函数。实际上，Math只是一个由javascript设置的对象命名空间，用于存储数学常量和函数。本文将详细介绍Math对象new Math();//Uncaught TypeError:&

空间

javascript

平方根

原创 2017-05-10 11:18:32 440 阅读

javascript运算符——位运算符

二进制表示　　ECMAScript中的所有数值都以IEEE-754 64位格式存储，但位操作符并不直接操作64位的值，而是以32位带符号的整数进行运算的，并且返回值也是一个32位带符号的整数　　这种位数转换使得在对特殊的NaN和Infinity值应用位操作时，这两个值都会被当成0来处理　　如果对非数值应用位操作符，会先使用Number()将该值转换成数值再应用位操作，得到的结果是一个数值//'|'

javascript

二进制

原创 2017-05-10 11:17:55 1019 阅读

javascript中的数据类型转换

原始值转换成原始值【Undefined】　　转换为字符串: 'undefined'　　转换为数字: NaN　　转换为布尔值: false【Null】　　转换为字符串: 'null'　　转换为数字: 0　　转换为布尔值: false【Boolean】true　　转换为字符串: 'true'　　转换为数字: 1false　　转换为字符串: 'false'　　转换为数字: 0【Number】10　　转换

javascript

字符串

null

undefined

false

转载 2017-05-10 11:17:25 322 阅读

数组array

创建数组　　有两种创建数组的方法：使用字面量语法和使用Array()构造函数【字面量】　　使用数组字面量是创建数组最简单的方法，在方括号中将数组元素用逗号隔开即可 empty = []; &n

JavaScript

元素

原创 2017-05-10 11:15:38 572 阅读

被嫌弃的eval和with

eval定义　　eval()是一个全局函数，javascript通过eval()来解释运行由javascript源代码组成的字符串var result = eval('3+2'); console.log(result,typeof result);//5 'number'用法　　eval()只有一个参数，如果传入的参数不是字符串，它直接返回这个参

JavaScript

eval

原创 2017-05-10 11:13:11 319 阅读

区分元素特性attribute和对象属性property

定义　　元素特性attribute是指HTML元素标签的特性　　下面的id、class、title、a都是特性，其中a叫做自定义特性<div id="id1" class="class1" title="title1" a='a1'></div>　　对象属性property是指元素节点的属性　　下面的id、title、b都是属性，其中

function

property

title

原创 2017-05-10 11:11:48 368 阅读

定位父级offsetParent及偏移大小

偏移量(offset dimension)是javascript中的一个重要的概念。涉及到偏移量的主要是offsetLeft、offsetTop、offsetHeight、offsetWidth这四个属性。当然，还有一个偏移参照——定位父级offsetParent。本文将详细介绍该部分内容定位父级　　在理解偏移大小之前，首先要理解offsetParent。人们并没有把offsetPar

javascript

firefox

position

原创推荐 2017-05-10 11:10:47 1517 阅读 1点赞 1收藏

CSS Media媒体查询

媒介类型　　在CSS2中，媒体查询只使用于<style>和<link>标签中，以media属性存在　　media属性用于为不同的媒介类型规定不同的样式screen 计算机屏幕（默认值） tty &nb

浏览器

计算机

screen

原创 2017-05-10 11:09:50 548 阅读

javascript中的焦点管理

焦点作为javascript中的一个重要功能，基本上和页面交互都离不开焦点。但却少有人对焦点管理系统地做总结归纳。本文就javascript中的焦点管理作详细介绍焦点元素　　到底哪些元素可以获得焦点呢？默认情况下，只有表单元素可以获得焦点。因为只有表单元素可以交互<input type="text" value="223"> 　　让非表单元素获

javascript

document

function

原创 2017-05-10 11:08:57 395 阅读

javascript中的富文本编辑

一说起富文本，人们第一印象就是像使用word一样，在网页上操作文档。实际上差不多就是这样。富文本编辑，又称为WYSIWYG (What You See Is What You Get所见即所得)，指在网页中编辑富文本内容。本文将详细介绍如何通过javascript实现富文本编辑方式　　有两种编辑富文本的方式，一种是使用iframe元素，另一种是使用contenteditable属性【1

服务器

javascript

iframe

原创 2017-05-10 11:07:51 5093 阅读

JSON对象

json(javascript object notation)全称是javascript对象表示法，它是一种数据交换的文本格式，而不是一种编程语言，用于读取结构化数据。2001年由Douglas Crockford提出，目的是取代繁琐笨重的XML格式。本文将详细介绍JSON的相关内容语法规则　　JSON的语法可以表示以下三种类型的值【1】简单值　　简单值使用与javascript相同

javascript

编程语言

单引号

十进制

undefined

转载 2017-05-10 11:06:47 692 阅读

javascript中函数的5个高级技巧

函数对任何一门语言来说都是一个核心的概念，在javascript中更是如此。前面曾以深入理解函数系列的形式介绍了函数的相关内容，本文将再深入一步，介绍函数的5个高级技巧作用域安全的构造函数　　构造函数其实就是一个使用new操作符调用的函数function Person(name,age,job){ this.name=name;&

Software

javascript

function

原创推荐 2017-05-10 11:05:21 7708 阅读 1点赞 2收藏

jQuery事件绑定

bind()　　bind()方法为一个元素绑定事件处理程序，有以下3种使用方法bind(eventType[,eventData],handler(eventObject))　　bind()方法可以接受3个参数：第一个参数是一个或多个事件类型的字符串，或自定义事件的名称；第二个参数是可选参数，作为event.data属性值传递给事件对象的额外数据对象；第三个参数是用来绑定的事件处理函数　<s

jQuery

原创 2017-05-10 11:04:02 724 阅读

jQuery节点操作

创建节点　　创建节点的流程比较简单，包括创建节点、添加属性和添加文本。若应用原生方法，一般地，包括document.createElement()、setAttribute()和innerHTMLvar ele = document.createElement('div'); ele.innerHTML = '测试内容'; ele.setAttri

jQuery

原创 2017-05-10 11:02:51 624 阅读

jQuery元素过滤

索引过滤　　索引选择器是jQuery过滤选择器的一部分。与此同时，也存在功能相似的索引相关的方法，包括eq()、first()、last()eq()　　eq()方法匹配元素的集合为指定的索引的哪一个元素。eq()方法可以接受一个整数作为参数，以0为基数。若整数为负数，则从集合中的最后一个元素开始计数　<script src="http://cdn.bootcss.com/jquer

元素

function

原创 2017-05-10 11:01:12 497 阅读

理解滚动scroll

滚动宽高scrollHeight　　scrollHeight表示元素的总高度，包括由于溢出而无法展示在网页的不可见部分scrollWidth　　scrollWidth表示元素的总宽度，包括由于溢出而无法展示在网页的不可见部分　　[注意]IE7-浏览器返回值是不准确的　　【1】没有滚动条时，scrollHeight与clientHeight属性结果相等，scrollWidth与clientWidth

浏览器

网页

scroll

原创 2017-05-10 10:59:59 964 阅读

5种回到顶部的写法

写法【1】锚点　　使用锚点链接是一种简单的返回顶部的功能实现。该实现主要在页面顶部放置一个指定名称的锚点链接，然后在页面下方放置一个返回到该锚点的链接，用户点击该链接即可返回到该锚点所在的顶部位置　　[注意]关于锚点的详细信息移步至此<body style="height:2000px;"> <div id="t

用户

其他

原创 2017-05-10 10:58:40 471 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

邓文洁

欢迎

CSS全屏布局的5种方式

CSS默认可继承样式

initial、inherit、unset、revert和all

理解CSS中的数学表达式calc()

移动web开发之像素和DPR

移动web开发之视口viewport

CSS伪类

javascript基础语法——变量和标识符

toString()方法

valueOf()方法

javascript类型系统——包装对象

javascript中正则表达式的基础语法

String类型的属性和方法

javascript类型系统——Math对象

javascript运算符——位运算符

javascript中的数据类型转换

数组array

被嫌弃的eval和with

区分元素特性attribute和对象属性property

定位父级offsetParent及偏移大小

CSS Media媒体查询

javascript中的焦点管理

javascript中的富文本编辑

JSON对象

javascript中函数的5个高级技巧

jQuery事件绑定

jQuery节点操作

jQuery元素过滤

理解滚动scroll

5种回到顶部的写法