basycai的博客

说明用photoshop cs5做示例，不同版本功能会有稍许差异。第一部分：一些快捷键相对于设计和绘画，切图用到的ps并不多，以下我总结一些在切图中比较常用的快捷键，这些快捷键能答复的提高你的工作效率，并且看起来很酷。自由的控制视图系列自由的浏览图片：按住空格后，鼠标拖动自由的缩放图片：按住alt+滚轮切换到实际像素（100%）：Ctrl + 1

CSS 属性CSS 属性组：动画背景边框和轮廓盒（框）颜色内容分页媒体定位可伸缩框字体生成内容网格超链接行框列表外边距Marquee多列内边距分页媒体定位打印Ruby语音表格文本2D/3D 转换过渡用户界面"CSS" 列指示该属性是在哪个 CSS 版本（CSS1、CSS2 或 CSS3）中定义的。CSS3 动画属性（Animation）属

iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。注：是HTML5 中的新属性。属性值描述 标签的 align 属性" style="margin:0px; padding:0px; border:0px; color:rgb(144,11,9); background:transparent">align

Q:ajax技术，很强大，但ajax应用中容易导致浏览器的前进后退按钮失效，不产生前进后退功能，这是个很头疼的问题，它严重的破坏了用户美好的体验，如何解决Ajax过程中导致的浏览器前进后退按键失效的问题？先看看其定义与介绍1.什么是AJAX?AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是一种创建交互式网页

文本换行的一些样式属性：1. word-break:break-all;只对英文起作用，以字母作为换行依据2. word-wrap:break-word; 只对英文起作用，以单词作为换行依据3. white-space:pre-wrap; 只对中文起作用，强制换行4. white-space:nowrap; 强制不换行，都起作用5. white-space:nowrap; ov

head 部分:, , , , , 以及 。 定义文档的标题,它是 head 部分中唯一必需的元素

一、HTML元素的显示优先级（显示层次问题，哪个在上哪个在下！总是显示在最前面）     帧元素>HTML元素优先，表单元素总>非表单元素优先    HTML中常用的表单元素包括：文本区域（TEXTAREA），列表框(SELECT),文本输入框，密码输入框，单选输入框，复选输入框等等。常见的非表单元素包括：链接标记（A），DIV标记，SPAN标记，TABLE标记等等。表

hidden-print1.打印类下表列出了打印类。使用这些切换打印内容。class浏览器打印机.visible-print-block.visible-print-inline.visible-print-inline-block隐藏可见.hidden-print

1.输入标签（input）HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。本章全面介绍这些新的标签输入类型：emailurlnumber//max min value steprangeDate pickers (date, month, week, time, datetime, datetime-local)searchcolor

1 定义Server-Sent 事件指的是网页自动获取来自服务器的更新。以前也可能做到这一点，前提是网页不得不询问（非自动）是否有可用的更新。通过服务器发送事件，更新能够自动到达。例子：Facebook/Twitter 更新、估价更新、新的博文、赛事结果等。2 浏览器支持所有主流浏览器均支持 web worker，除了

1 定义当在 HTML 页面中执行脚本时，页面的状态是不可响应的，直到脚本已完成。web worker 是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。您可以继续做任何愿意做的事情：点击、选取内容等等，而此时 web worker 在后台运行。2 浏览器支持所有主流浏览器均支持 web worker，除了 Internet Ex

完整的 Manifest 文件CACHE MANIFEST# 2012-02-21 v1.0.0/theme.css/logo.gif/main.jsNETWORK:login.aspFALLBACK:/html5/ /404.html重要的提示：以 "#" 开头的是注释行，但也可满足其他用途。应用的缓存会在其 manifest 文件更改时被更新。如果您编辑了一幅

在用CSS+DIV进行布局的时候，一直对position的四个属性值relative,absolute,static,fixed分的不是很清楚，以致经常会出现让人很郁闷的结果。今天研究了一下，总算有所了解。在此总结一下：先看下各个属性值的定义：1、static：默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index （为

组件对齐方式您可以使用实用工具 class .navbar-left 或 .navbar-right 向左或向右对齐导航栏中的 导航链接、表单、按钮或文本 这些组件。这两个 class 都会在指定的方向上添加 CSS 浮动pull-left为mixin版本，且被限制了

ul是无序列表，所谓的无序列表只要举个例子，大家就会明白了。     ●这是第一个列表     ●这是第二个列表     ●这是第三个列表     ●这是第四个列表   ol是有序列表，同样举个例子。  1、这是第一个列表  2、这是第二个列表  3、这是第三个列表  4、这是第四个列表这就是ul与ol的区别。ul与ol前的符号是可以修改的。只需

CSS3 选择器在 CSS 中，选择器是一种模式，用于选择需要添加样式的元素。"CSS" 列指示该属性是在哪个 CSS 版本中定义的。（CSS1、CSS2 还是 CSS3。）选择器例子例子描述CSS.class.intro选择 class="intro" 的所有元素。1#id

常用的字体组合font-family 属性应该使用若干种字体名称作为回退系统，以确保浏览器/操作系统之间的最大兼容性。如果浏览器不支持第一个字体，则会尝试下一个。请以您喜欢的字体开始，并以通用字体系列结束，以便使浏览器在通用系统中挑选相似的字体，如果没有其他字体可用的话：实例p{font-family:'Times New Roman', Times, serif}

在客户端存储数据HTML5 提供了两种在客户端存储数据的新方法：localStorage - 没有时间限制的数据存储sessionStorage - 针对一个session 的数据存储之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不高。在 HTML

1、列举3个HTML5标签，3个CSS3新特性，3个ECMAScript 5新API。css3属性     http://blog.youkuaiyun.com/basycia/article/details/50483722css3选择器   http://blog.youkuaiyun.com/basycia/article/details/504837582、2种

插件接口的设计        如果jQuery没有插件接口的设计，那么他就像个光杆司令没有兵，就是没有手下，只有自己一个封闭的城堡。因此jQuery城堡需要设计一个大门 - 插件接口，从而打开大门开始招兵买马。当然jQuery除了获得“开发者社区”的大力支持外，也有很多大公司纷纷对它投出了橄榄枝，这也是它成功的关键。        基于插件接口设计的好处也是颇多的，其中一个

绝大部分操作只需要单向绑定就能实现，双向绑定在一定程度上不利于管理数据源单向数据绑定：指的是我们先把模板写好，然后把模板和数据（数据可能来自后台）整合到一起形成HTML代码，然后把这段HTML代码插入到文档流里面。单向数据绑定缺点：HTML代码一旦生成完以后，就没有办法再变了，如果有新的数据来了，那就必须把之前的HTML代码去掉，再重新把新的数据和模板一起整合后插入到文档流中。双向数据

AngularJS 表达式 与 JavaScript 表达式类似于 JavaScript 表达式，AngularJS 表达式可以包含字母，操作符，变量。与 JavaScript 表达式不同，AngularJS 表达式可以写在 HTML 中。与 JavaScript 表达式不同，AngularJS 表达式不支持条件判断，循环及异常。与 JavaScript 表达式不同

作者：零度逍遥今天看到一篇文章，感觉很不错，于是转了过来，同时也给自己规划一个方向。【背景】如果你是刚进入web前端研发领域，想试试这潭水有多深，看这篇文章吧；如果你是做了两三年web产品前端研发，迷茫找不着提高之路，看这篇文章吧；如果你是四五年的前端开发高手，没有难题能难得住你的寂寞高手，来看这篇文章吧；web前端研发工程师，在国内是一个朝阳职业，自0

常见前端面试题第一部分：HTML & CSS 面试题1. Doctype? 严格模式不混杂模式-如何触发这两种模式，区分它们有何意义?2. 行内元素有哪些？块级元素有哪些？CSS 的盒模型？3. CSS 引入的方式有哪些? link 和@import 的区别是?4. CSS 选择符有哪些？哪些属性可以继承？优先级算法如何计算？内联和 important 哪个优先级高？5

JSONP 教程本章节我们将向大家介绍 JSONP 的知识。Jsonp(JSON with Padding) 是 json 的一种"使用模式"，可以让网页从别的域名（网站）那获取资料，即跨域读取数据。为什么我们从不同的域（网站）访问数据需要一个特殊的技术(JSONP )呢？这是因为同源策略。同源策略，它是由Netscape提出的一个著名的安全策略，现在所有支持Jav

mcgrady 善于总结,经常总结随笔 - 239  文章 - 0  评论 - 426  博客园  首页  新随笔    管理   JSON详解阅读目录JSON的两种结构认识JSON字符串在JS中如何使用JSON在.NET中如何使用JSON总结JSON的全称是”JavaScript Object Notation”，意思是JavaScript对象表示法，

在项目中遇到一个问题，需要在JS中读取数据库中的值，然后再把值返回到页面中，解决方案如下:使用Ajax方法来实现，需要用到ajax.dll（一个ajax技术开发的帮助类库）。实施过程如下：    1、引用Ajax.dll    2、在App_Code写具体的方法，最好单独建立一个类文件，然后写具体方法。       复制代码代码如下:public c

性能测试基本知识：base a  前端性能前辈7 天打造前端性能监控系统zhangtao | 11 May 2014引言前阵子在w3ctech的走进名企 - 百度前端 FEX 专场上曾“夸下海口”说听完讲座后七天就可以打造自己的前端性能监控系统，既然说出去了也不能食言。从前一篇文章前端数据之美相信大家对前端数据有了一定的了解，下面就针对其

开篇学习任何一门编程语言，都会从hello world 开始。对于一门从未接触过的语言，在短时间内我们都能用这种语言写出它的hello world。然而，对于hello world 这个简单程序的内部运行机制，我相信还有很多人都不是很清楚。hello world 这些信息是如何通显示器过显示的？cpu执行的代码和程序中我们写的的代码肯定不一样，她是什么样子的？又是如何从我们写的代码

条件运算符JavaScript 还包含了基于某些条件对变量进行赋值的条件运算符。语法variablename=(condition)?value1:value2 例子greeting=(visitor=="PRES")?"Dear President ":"Dear ";如果变量 visitor 中的值是 "PRES"，则向变量 greeting 赋值 "Dear Pres

JavaScript RegExp 对象RegExp 对象RegExp 对象表示正则表达式，它是对字符串执行模式匹配的强大工具。直接量语法/pattern/attributes创建 RegExp 对象的语法：new RegExp(pattern, attributes);参数参数 pattern 是一个字符串，指定了正则表达式的模式或其他正则表达式。

Bootstrap，来自 Twitter，是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。

dl dt dd认识及dl dt dd使用方法 标签用于定义列表类型标签。dl dt dd目录dl dt dd介绍结构语法dl dt dd案例dl dt dd总结一、dl dt dd认识   -   TOPhtml 是一组合标签，使用了dt dd最外层就必须使用dl包裹，此组合标签我们也又叫表格标签，与table表格类似组合标签，

本文源链接：http://www.html5jscss.com/html5-semantics-section.htmlHTML 5的革新之一：语义化标签一节元素标签。在HTML 5出来之前，我们用div来表示页面章节，但是这些div都没有实际意义。（即使我们用css样式的id和class形容这块内容的意义）。这些标签只是我们提供给浏览器的指令，只是定义一个网页的某些部分。但现

get与eq的区别.eq() 减少匹配元素的集合，根据index索引值，精确指定索引对象,jquery对象~~.get() 通过检索匹配jQuery对象得到对应的DOM元素。同样是返回元素，那么eq与get有什么区别呢？eq返回的是一个jQuery对象，get返回的是一个DOM对象。举个例子：$( "li" ).get( 0 ).css("color", "re

仿栈与队列的操作jQuery既然是模仿的数组结构，那么肯定会实现一套类数组的处理方法，比如常见的栈与队列操作push、pop、shift、unshift、求和、遍历循环each、排序及筛选等一系的扩展方法。jQuery对象栈是一个便于Dom的查找，提供的一系列方法，jQuery可以是集合元素，那么我们怎么快速的找到集合中对应的目标元素呢？正序，逆序。jQuery提供

回溯处理的设计（设计代码优化）         理解栈存对象的概念，结合游标可以很好的理解在这一小节我将会带领你们了解jQuery对DOM进行遍历背后的工作机制，这样可以在编写代码时有意识地避免一些不必要的重复操作，从而提升代码的性能。关于jQuery对象的包装var $aaron = $("aaron");通过对sizzle的分析，我们可以得知

插件接口的设计        如果jQuery没有插件接口的设计，那么他就像个光杆司令没有兵，就是没有手下，只有自己一个封闭的城堡。因此jQuery城堡需要设计一个大门 - 插件接口，从而打开大门开始招兵买马。当然jQuery除了获得“开发者社区”的大力支持外，也有很多大公司纷纷对它投出了橄榄枝，这也是它成功的关键。        基于插件接口设计的好处也是颇多的，其中一个

方法链式调用的实现           请关注this的神奇作用！！！      jQuery的核心理念是Write less,Do more(写的更少,做的更多)，那么链式方法的设计与这个核心理念不谋而合。那么从深层次考虑这种设计其实就是一种Internal DSL。DSL是指Domain Specific Language，也就是用于描述和解决特定领域问题的语言。

静态与实例方法共享设计共同的引用，高效的性能保留上一节分割出2个构造器的疑问，我们先看看jQuery在接口的设计：遍历方法：$(".aaron").each() //作为实例方法存在$.each() //作为静态方法存在这是最常见的遍历方法，第一条语句是给有指定的上下文调用的，就是(".aaron")获取的DOM合集，第二条