xuxuechao6的博客

响应式布局  响应式布局是用来兼容浏览器分辨率，清晰度，横屏，竖屏的页面元素布局方式。一般使用栅格方式实现。时间思路有两种，一种是PC端优先，另一种是以移动优先，PC端作为一个扩展。由于移动端的资源比较优先，一般比较推荐从移动端扩展到PC端，这样就避免了在移动端加载多余的PC端内容。响应式布局主要可以结合几种实现方式：1，移动端布局控制使用 viewport标签在手机浏览器上控制布局控

define(function(require,exports,module){ var $ = require('zepto'), helper = require('helper'), tips = require('tips'), loadding = require('loadding'), eventHelper = require

jQuery animate()方法详解、实例、扩展（详细版）　　一、语法　　先看看官方文档怎么写的。语法 1　　$(selector).animate(styles,speed,easing,callback)参数描述styles　　必需。规定产生动画效果的 CSS 样式和值。　　可能的 CSS 样式值（提供实例

$(document).ready(function() { $("ul li").eq(0).addClass('active') //确认为第一个LI添加class $('.nav li').bind('click', function(){ //bind() 方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。//将事件和函数绑定到元

html5概念啥的就不废话了，不知道的 百度， 谷歌一堆。。今天学了学html5中的Canvas结合新增的标签来获取本地摄像头，在html5之前，要在浏览器获取本地摄像头只有通过插件（ActiveX，但是这种只有IE支持）或者是flash来获取（或许你没学过flash那就很坑爹了），在之后微软的silvertlight中也可以获取，但这些都比较麻烦，在html5的世界里，要获取本地摄像头，只要

//获取页面的链接 var nowUrl = window.location.href; nowUrl = nowUrl.split('/');//分离成数组 取最后边的一个 然后给他的父级添加class //alert( nowUrl[nowUrl.length - 1])console.log(nowUrl) $('.order_type a[href*="

雪碧图被运用在众多使用了很多小图标的网站上。相对于把每张小图标以.png格式文件的形式引用到页面上，使用雪碧图只需要引用一张图片，对内存和带宽更加友好。 实现EDIT假设我们通过.toolbtn的类，为应用该类的各元素提供一张背景图片：style> .toolbtn {background:url(myfile.png); display:inline-block; heigh

.yuan{ display: inline-block; width: 13px; height: 13px; border-radius: 13px; background-color:#29aecb; margin-right: 5px;}.shuxian{ display: inline-block; width: 3px

浏览器在展现一个文档的时候，必须要把文档内容和相应的样式信息结合起来展示。 这个处理过程一般分两个阶段：浏览器先将标记语言和CSS转换成DOM (文档对象模型)结构。 这时DOM 就代表了电脑内存中的相应文档，因为它已经融合了文档内容和相应的样式表。最后浏览器把 DOM的内容展示出来。标记语言通过使用“元素”来定义文档结构。你需要使用一些以''结尾的字符串，俗称tags，来

html lang="en">head> meta charset="UTF-8"> title>Titletitle> style> .header{ width: 300px; height: 100px; } .text_line{ width:

background-image: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,1));

指针变化的代码style=" cursor:pointer;"CSS cursor 属性实例一些不同的光标：span.crosshair {cursor:crosshair}span.help {cursor:help}span.wait {cursor:wait}尝试一下 »属性定义及使用

>  html>  head>  meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>      title>title>      meta charset="utf-8" />      style type="text/css">          p::first-letter  

flexbox 弹性盒布局和布局原理最近开始做H5，发现flexbox用的超级广泛，找到了这么一篇文章，https://css-tricks.com/snippets/css/a-guide-to-flexbox/,认为讲的还不错，加上自己的一些测试和理解，就有了这一篇笔记。新版的flexbox规范分两部分：一部分是container，一部分是 items。flexbox是一整

ajax （ajax开发）AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。AJAX = 异步 JavaScript和XML（标准通用标记语言的子集）。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实

一、Trident内核代表产品Internet Explorer，又称其为IE内核。Trident（又称为MSHTML），是微软开发的一种排版引擎。使用Trident渲染引擎的浏览器包括：IE、傲游、世界之窗浏览器、Avant、腾讯TT、Netscape 8、NetCaptor、Sleipnir、GOSURF、GreenBrowser和KKman等。二、Gecko内核代表作品M

拿一个btn举例子 .btn{width:138px;height:36px;background:url("image/button/bg19.jpg") no-repeat left top;}图片会根据一个鼠标移入移出事件会发生改变，其实只是图片显示的位置不同

http://www.tuicool.com/articles/NJJBzqm