xuxuechao6的博客

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

>  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  

动态填充数据li class="c6 " id="Info">li>jq动态填充数据script> $(document).ready(function(){ $.get("/users/Session",function(data,status){ console.log("数据: " + data + "\n状态: " + status);

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

window.onload = function(){ var arr = document.getElementsByTagName('button'); for(var i = 0;i<arr.length;i++){ arr[i].onclick = function(){ alert(this.id); } } }b1

按照习惯的理解，这两个概念似乎都是指的一个东西（就是咱们在这个版里讨论的这些个"高深理论“^_^）。但我认为，事实上从技术的角度上讲，这两个事物几乎没有任何相关性。web标准简而言之就是将页面的结构、表现和行为各自独立实现，更通俗的讲就是如今招聘时流行的语言”div+css"。但W3C XHTML的任何一个版本都没有对web标准理念作限制。很显然的，我们可以用xhtml 1.1写出一个table定

HTML+CSS1.对WEB标准以及W3C的理解与认识（1）web标准规范要求，书写标签必须闭合、标签小写、不乱嵌套，可提高搜索机器人对网页内容的搜索几率。--- SEO（2）建议使用外链css和js脚本，从而达到结构与行为、结构与表现的分离，提高页面的渲染速度，能更快地显示页面的内容。（3）样式与标签的分离，更合理的语义化标签，使内容能被更多的用户所访问、内容能被更广泛的设备所访

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

script type="text/javascript"> //判断控制页面初始时左右的高度一致 window.onload = function(){ //设置页面加载完成后运行JS var hl = $(".menu").outerHeight(); //获取左侧left层的高度 var hr = $(".main").outerHeight(); //获

html是超文本文档    浏览器是一个可以进行渲染的一个窗口；js css的工作原理   ；js css是如何进行渲染的；js是如何进行异步加载的；jq是一个类库，研究jq的源码；jq里包涵有N多经典的JS写法

html>head lang="en"> meta charset="UTF-8"> title>管理后台title> script type="text/javascript" src="/static/js/jquery-1.11.2.min.js">script> link rel="stylesheet" href="/static/admin/css/c

基于jquery实现导航菜单高亮显示（两种方法）投稿：mrr 字体：[增加 减小] 类型：转载 时间：2015-08-23 我要评论本篇文章是基于jquery实现导航菜单高亮显示，当点击不同导航菜单实现当前点击的菜单是高亮的，有需要的朋友可以关注下本文项目需求：实现原理：当选中当前元素时，给当前元素添加样式，同级元素移除样式。点击不同的导

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

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

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

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

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

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

什么是 DOM？DOM 是 W3C（万维网联盟）的标准。DOM 定义了访问 HTML 和 XML 文档的标准："W3C 文档对象模型 （DOM） 是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。"W3C DOM 标准被分为 3 个不同的部分：核心 DOM - 针对任何结构化文档的标准模型XML DOM - 针对 XM

CSS3 @keyframes 规则如需在 CSS3 中创建动画，您需要学习 @keyframes 规则。@keyframes 规则用于创建动画。在 @keyframes 中规定某项 CSS 样式，就能创建由当前样式逐渐改为新样式的动画效果。浏览器支持属性浏览器支持@keyframes   

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

首先，我学习前端有3个多月吧，算是个新手吧，不过学了很多知识，所有有点混乱，所以特地来整理一下，一是方便我自己记忆，二是万一别人入门看到我写的呢，也算是个好事。毕竟学习代码就需要分享，需要总结，才能走的更好，更远。   工具选择，我比较推荐webstrom， 毕竟是收费的，用着提示比较多，用着比较爽。不需要记忆太多的代码，是好事也是坏事。自己感觉吧。不过在中国 收费的 都有那个啥 百度一下

HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">html>head> title>Titletitle> META http-equiv="Content-Type" content="text/html; charset=gb

说说JSON和JSONP，也许你会豁然开朗，含jQuery用例[转]转自：　　http://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.html由于Sencha Touch 2这种开发模式的特性，基本决定了它原生的数据交互行为几乎只能通过AJAX来实现。当然了，通过调用强大的Pho

高性能优化Web前端高性能HTML一、避免使用iframe　　iframe也叫内联frame，可将一个HTML文档嵌入另一个HTML文档中。　　iframe的好处是，嵌入的文档独立于父文档，通常也借此使浏览器模拟多线程。缺点是：　　①虽然iframe能模拟多线程，但主流浏览器的同域名并行下载数是不变的，浏览器对同域名的链接总是共享浏览器级别的连接池，　　   即使是

初识WEB：输入URL之后的故事【转】　　转载一篇文章，分析的是浏览器输入url后所执行的一系列操作！写得非常清晰易懂，分享给大家！作者：Jesse 出处： http://jesse2013.cnblogs.com/本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。如果觉得还有帮助的话，可以点一下

60款很酷的 jQuery 幻灯片演示和下载【转】　　　jQuery 是一个非常优秀的 JavaScript 框架，使用简单灵活，同时还有许多成熟的插件可供选择，它可以帮助你在项目中加入漂亮的效果，其中之一就是幻灯片效果的实现，这是一种在有限的网页空间内展示系列项目时非常好的方法。　　今天这篇文章要给大家分享的是60款很酷的 jQuery 幻灯片插件，相信里面一定会有你喜欢的。

通过JS模拟select表单，达到美化效果[demo][转]　　转自：　　http://www.cnblogs.com/dreamback/p/SelectorJS.html通过JS模拟select表单，达到美化效果Demo　　　　  　Code//普通模式new SelectorJS.selector.init({　　id:

转自：　　http://blog.csdn.net/hongdi/article/details/7065380一、javascript编码规范1．所有js代码应写在一个.js文件中，使用引入，不在html文件中直接写js代码2．标签的language属性已废弃，不要再使用3．所有变量使用前必须声明，声明变量需要使用var关键字，否则默认声明的为全局变量，变

偶然看到一个整理很全的正则验证方法，分享给大家。　　摘录如下：script src="scripts/jquery-1.4.1.js" type="text/javascript">script> script language="javascript" type="text/javascript"> 　　/** 　　 * 定义验证各种格式类型的正则表达式对象

JS字符串函数String.replace()[转]转自：http://www.cnblogs.com/mackxu/archive/2013/03/12/string_replace.html替换匹配给定正则表达式的(一个或多个)子串string.replace(regexp, replacement)参数：regexp: RegExp对象或者字符串

jQuery(function(){})与(function(){})(jQuery)的区别　　今天查看同事的代码，最新版本脚本库的函数定义方法发生了改动，由一般函数定义方式function fff(){}换成()(para)匿名方法，查阅资料后，分析如下：　　起初方式为：App.Extent = function (__minx, __mi

SQL语句之语法汇总(一)　　　前段时间安装了sqlserver及management，编写了一些sql语句，现在对sql中常用的几个语法进行总结、分析与代码实例演示。　　汇总一只介绍基本语法，较复杂的排序、分组等操作将在之后的文章中陆续总结！一.创建表、修改表与删除表　　1.1代码1.创建表：create table Person5(Id int not n

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

所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。在学习浏览器兼容性之前，我想把前端开发人员划分为两类：第一类是精确按照设计图开发的前端开发人员，可以说是精确到1px

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

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

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