01 2015 档案

6 《锋利的jQuery》Ajax的应用（略。）
摘要：Ajax的优势1、不需要插件支持2、优秀的用户体验3、提高web程序的性能（传输数据的方式，按需发送）4、减轻服务器和带宽的负担Ajax的不足1、浏览器对XMLHttpRequest对象支持度不足2、破坏浏览器前进、“后退”的正常功能3、对搜索引擎的支持不足4、开发和调试工具的缺乏Ajax的核心是X... 阅读全文
posted @ 2015-01-30 15:12 psycho_z 阅读(252) 评论(0) 推荐(2) 编辑
ajax进度条
摘要：.graph { width: 400px; height: 25px; border: 1px solid #f8b3d0; }.bar { background-color: #ffe7f4; display: block; float: left; height: 100%; text-ali... 阅读全文
posted @ 2015-01-29 15:44 psycho_z 阅读(320) 评论(0) 推荐(1) 编辑
常用链接
摘要：jquery版本库：http://code.jquery.com/jquery/jquery在线手册：http://www.php100.com/manual/jquery/ 阅读全文
posted @ 2015-01-29 09:58 psycho_z 阅读(153) 评论(0) 推荐(0) 编辑
bind(),live(),delegate(),on()绑定事件方式
摘要：1、bind()：向匹配元素添加一个或多个事件处理器。适用所有版本，但是自从jquery1.7版本以后bind()函数推荐用on()来代替。$(selector).bind(event,data,function) event：必需项；添加到元素的一个或多个事件，例如 click,dblclick... 阅读全文
posted @ 2015-01-28 17:23 psycho_z 阅读(268) 评论(0) 推荐(0) 编辑
3 《锋利的jQuery》jQuery中的DOM操作
摘要：DOM操作分（1）DOM Core（核心）：document.geElementsByTagName("form");/ element.getAttribute("src");（2）HTML-DOM：document.forms; / element.src;（3）CSS-DOM：element.... 阅读全文
posted @ 2015-01-28 14:31 psycho_z 阅读(188) 评论(0) 推荐(0) 编辑
表格功能
摘要：功能项：1、json动态，分批次加载表格数据2、固定表格头部3、播放表格数据问题待解决：定义类，实时更新数据（定义类保存表格行）。 车... 阅读全文
posted @ 2015-01-27 09:30 psycho_z 阅读(265) 评论(0) 推荐(0) 编辑
5.2 《锋利的jQuery》jQuery对表格的操作（选项卡/换肤）
摘要：表格隔行变色以及单选/复选表格展开关闭表格筛选字体变大/缩小选项卡网页换肤tip1：$("tr:odd")和$("tr:even")选择器索引是从0开始的，因此第1行是偶数1、表格隔行变色以及单选/复选.even{background-color: #fff38f;} /*偶数行样式*/.odd{ ... 阅读全文
posted @ 2015-01-22 16:26 psycho_z 阅读(644) 评论(0) 推荐(0) 编辑
4.1 《锋利的jQuery》jQuery中的事件
摘要：$(document).ready()方法和window.onload方法的区别事件绑定合成事件事件冒泡事件对象的属性tip1:停止事件冒泡和阻止默认行为都可以用return false替代。只有当你同时需要preventDefault和stopPropagation，并且你的代码可以接受直到你的回... 阅读全文
posted @ 2015-01-21 21:15 psycho_z 阅读(276) 评论(0) 推荐(0) 编辑
5.1 《锋利的jQuery》jQuery对表单的操作
摘要：获取焦点和失去焦点改变样式改变文本框/滚动条高度复选框应用下拉框应用表单验证tip1：注意使用的for标签，对应input的id。（for 属性规定 label 与哪个表单元素绑定。）tip2:注意：jquery从1.6版本开始，哪些属性应该用attr()访问，哪些应该用prop()访问。第一个原则... 阅读全文
posted @ 2015-01-21 17:35 psycho_z 阅读(239) 评论(0) 推荐(0) 编辑
4.2 《锋利的jQuery》jQuery中的动画
摘要：问题：queue()方法？tip0:jquery从1.9版本以上就不支持toggle()方法。// $("#panel h5.head").toggle(function(){// ...// },function(){// ... // });以上不支持！以下支持... 阅读全文
posted @ 2015-01-21 11:24 psycho_z 阅读(282) 评论(0) 推荐(0) 编辑
2 《锋利的jQuery》jQuery选择器
摘要：tip1：jquery检查某个元素是否存在：if($("#tt").length>0){}或者if($("#tt")[0]){}先说css选择器有：标签选择器：td,aID选择器：#note{}类选择器：.dream{} , div.note{}群组选择器：td,p,div.a{}后代选择器：#li... 阅读全文
posted @ 2015-01-19 15:57 psycho_z 阅读(393) 评论(0) 推荐(0) 编辑
回流（reflow）与重绘（repaint）
摘要：“reflow和repaint是减缓JavaScript的三大主要原因之一”......回流（reflow）这个名词指的是网路浏览器为了重新渲染部分或全部的文档而重新计算文档中元素的位置和几何结构的过程。假如我使用JavaScript砍掉一个节点，这棵树为了不脱节，肯定要重新梳理一遍，将砍掉的那个断... 阅读全文
posted @ 2015-01-16 16:59 psycho_z 阅读(525) 评论(0) 推荐(0) 编辑
CSS隐藏元素的几种方法
摘要：1、display，使用none值会让元素从文档中直接删除，”直接消失不见了”用法：display:none优点：简单暴力，不需要多余代码。不占空间，对布局没影响。缺点：元素从文档删除，不利于seo2、text-indent，一般是首行缩2个中文字的用法是text-indent:2em。但当给他一个... 阅读全文
posted @ 2015-01-16 16:05 psycho_z 阅读(11141) 评论(0) 推荐(1) 编辑
absolute布局的替代实现
摘要：京东商城首页标价定位小横条首页导航的下拉1、京东商城首页标价定位.p-img{ height: 130px;}.p-price{ margin:-28px 0 0 74px;}.price{ background-color: #ff0000; color: #fff; padding: 2px 5... 阅读全文
posted @ 2015-01-15 10:59 psycho_z 阅读(355) 评论(0) 推荐(0) 编辑
CSS相对|绝对（relative/absolute）定位
摘要：1、破坏性和包裹性position:absolute与float:left，两者有两大共性：包裹性，破坏性。包裹性包裹性换种说法就是让元素inline-block化，例如一个div标签默认宽度是100%显示的，但是一旦被absolute属性缠上，则100%默认宽度就会变成自适应内部元素的宽度。 ... 阅读全文
posted @ 2015-01-14 17:25 psycho_z 阅读(799) 评论(0) 推荐(0) 编辑
margin的相关属性及应用
摘要：1、margin常见问题：①IE6下双边距 （不推荐使用float+margin，可用padding替代）详见《css浏览器兼容问题集锦》之4、IE6中margin双边距②IE6绝对定位margin-left的问题 （不推荐使用absolute布局）详见《css浏览器兼容问题集锦》之3、IE6中... 阅读全文
posted @ 2015-01-14 14:50 psycho_z 阅读(162) 评论(0) 推荐(0) 编辑
em、pt、px和百分比
摘要：浏览器默认的字体大小为100%=16px=12pt=1empx像素（Pixel）：是固定大小的单元。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。一个像素等于电脑屏幕上的一个点（是你屏幕分辨率的最小分割）。像素单元的一个问题是，它没有为视障读者的扩展，以适应移动设备。点（pt）：通常用于印刷... 阅读全文
posted @ 2015-01-14 10:19 psycho_z 阅读(6795) 评论(0) 推荐(0) 编辑
BFC和haslayout（IE6-7）（待总结。。。）
摘要：支持BFC的浏览器（IE8+，firefox，chrome，safari）Block Formatting Context(块格式化上下文)是W3C CSS2.1规范中的一个慨念，在CSS3中被修改为flow root。格式化则表明了在这个环境中，元素处于此环境中应当被初始化，即元素在此环境中应当如... 阅读全文
posted @ 2015-01-13 16:50 psycho_z 阅读(355) 评论(0) 推荐(0) 编辑
清除浮动
摘要：理解clear:left/right的含义为什么要清除浮动清除浮动的方法1、理解clear:left/right的含义clear语法：clear：none | left | right | both取值：none：默认值。允许两边都可以有浮动对象left：不允许左边有浮动对象right：不允许右边 ... 阅读全文
posted @ 2015-01-13 15:38 psycho_z 阅读(471) 评论(0) 推荐(0) 编辑
Table的一些设置（自适应以及溢出）
摘要：table的两个属性单行溢出点点显示表格的宽度设置双栏自适应连续连续英文符换行1、table重置的两个属性：①border-collapse: collapse; /* 为表格设置合并边框模型 */②border-spacing: 0; /* 设置在表格中的单元格之间出现的间距为0 */代码： ... 阅读全文
posted @ 2015-01-08 16:52 psycho_z 阅读(53238) 评论(1) 推荐(2) 编辑
css三角形实现的几种方法的区别
摘要：演变：.triangle{ height: 30px; width: 30px; display: inline-block; border: 30px solid; border-color: #ff0000 #00ff00 #00... 阅读全文
posted @ 2015-01-07 15:45 psycho_z 阅读(924) 评论(0) 推荐(0) 编辑
CSS重置
摘要：1、注意：在reset的时候，避免不必要的重置，例如“dt”没有默认边距。“ul”、“ol”只有左外边距，td th只有padding值。。。2、在使用的时候因为全局设置字体为62.5%，所以页面要包裹class为"fz"的div，设置页面字体为12px。.fz不包含表单元素，所以表单元素因为继承需... 阅读全文
posted @ 2015-01-06 20:26 psycho_z 阅读(491) 评论(0) 推荐(0) 编辑
网页布局的应用（float或absolute）
摘要：一个浮动（左浮动或右浮动）垂直环绕布局（float、clear）左右两列布局（float、absolute）三栏网页宽度自适应布局（float、absolute）注意：网页设计中应该尽量避免使用浮动。避免使用absolute1、一个浮动（左浮动或右浮动）当一个div里面含有浮动元素和非浮动元素，IE... 阅读全文
posted @ 2015-01-06 20:17 psycho_z 阅读(1032) 评论(0) 推荐(0) 编辑
VSS
摘要：vss：①在“运行”里面运行路径。0.32的。用admi。。账号登陆 打开服务器文件夹 有个。ini的文件②打开Microsoft Visual SourceSafe 打开SourceSafe数据库 阅读全文
posted @ 2015-01-06 17:15 psycho_z 阅读(133) 评论(0) 推荐(0) 编辑
AnkhSVN
摘要：安装和配置签入签出问题1、安装和配置①安装。（貌似默认的安装到C:\Program Files\AnkhSVN 2下，开始菜单也没快捷？）②源代码管理器设置：打开vs2012，工具→选项→源代码管理→插件选择③导入项目：文件→subversion→从subversion打开→选择.sln（注意更改代... 阅读全文
posted @ 2015-01-06 17:12 psycho_z 阅读(251) 评论(0) 推荐(0) 编辑
vs2012环境配置
摘要：快捷键css格式设置字体设置新建项目项目创建失败？更改默认开发语言环境1、快捷键代码格式化：Ctrl+K+D2、css格式设置:工具→选项→文本编辑器→CSS→格式设置→选择“紧凑模式”3、字体设置工具→选项→环境→字体和颜色→选择“Consolas”字体4、新建项目（注意：没必要提前在磁盘新建项目... 阅读全文
posted @ 2015-01-06 16:04 psycho_z 阅读(732) 评论(0) 推荐(0) 编辑
IDEA环境配置
摘要：1、快捷键格式化文本：Ctrl+Alt+L注释：Ctrl+/2、字体设置File→Settings→Editor→Colors&Fonts→Font 设置字体为Consolas如图：3、css格式设置File→Settings→Code Style→CSS 设置格式在一行显示如图：4、新建项目①在磁... 阅读全文
posted @ 2015-01-06 15:18 psycho_z 阅读(320) 评论(0) 推荐(0) 编辑
css浏览器兼容问题集锦
摘要：表单按钮用input type=submit和a链接两者表现不一致的问题表单的输入框、文本、验证码图片没有对齐IE6/7中margin失效IE6中margin双边距1、问题： 表单按钮用input type=submit和a链接两者表现不一致的问题。input{ border:none; }.btn... 阅读全文
posted @ 2015-01-06 11:09 psycho_z 阅读(291) 评论(0) 推荐(0) 编辑