2015年05月_陆康永

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 IE8~实现未知节点高度实现垂直居中

.article{ width:600px; height:200px; border:1px orange solid; display: table-cell;; /*最外面层display：table-cell*/ vertical-ali

2015-05-30 10:14:36 1498

转载 css3 display:box box-flex 实现未知高度节点相对父级垂直居中

display:box;box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持，但可以使用它们的私有属性定义firefox(-moz-)、opera(-o-)、chrome/safari（-w

2015-05-30 09:25:57 3757

转载 Grunt与WebStrom集成

为了不想使用命令行的方式开着grunt，打算将Grunt命令集成WebStrom 中。1、将配置好的Gruntfile文件放到项目的根目录下。、2.File-setting-Extental Tools 点击添加配置如下启动grunt 。在Project栏里面点击右键即可找到相应的命令

2015-05-27 14:08:32 1280

原创 A. DOM高级 07一次搜索多个关键词

ID 姓名操作 1 大卡 2 leo 3 莫莫 4

2015-05-27 09:13:58 1232 1

原创 A. DOM高级06 表格搜索01

ID 姓名操作 1 大卡 2 leo 3 莫莫 4

2015-05-27 09:10:46 470

原创 A. DOM高级 05 表格删除行

ID 姓名操作 1 大卡 2 leo 3 莫莫 4

2015-05-27 09:08:47 1274 1

原创 A DOM高级 04 表格添加行

ID 姓名操作 1 大卡 2 leo 3 莫莫 4

2015-05-27 09:06:36 1250 1

原创 A DOM高级 03 表格隔行变色

ID 姓名操作 1 大卡 2 leo 3 莫莫 4

2015-05-27 09:05:22 623

原创 A. DOM高级 02 表格鼠标经过高亮

ID 姓名操作 1 大卡 2 leo 3 莫莫 4

2015-05-27 09:02:05 1176 1

原创 A. DOM高级 01表格的快速操作

ID 姓名操作 1 大卡 2 leo 3 莫莫 4

2015-05-27 09:00:02 632

原创预加载2+网页加载条可以直接复制代码运行，如果图片地址丢失的话可以自己替换掉

*{ margin:0; padding:0;} ul{list-style: none;} #progressBox{ width:300px; height:40px; border:1px solid #C8C8C8; background:white; position:relative; margin:200px auto;} #pr

2015-05-26 10:31:42 1084 1

原创预加载1

var imgs=["http://www.wallcoo.com/nature/da_ps_landscape_01/wallpapers/1680x1050/%5Bwallcoo_com%5D_April_23rd.jpg", "http://pic5.bbzhi.com/chuangyibizhi/zuixinchuangyishejibizhi/zuixinchuangy

2015-05-26 09:41:12 1059 1

原创 106 浏览器判断 IE firefox chrome safari opara

//浏览器检测(function(){ window.sys={}; var ua=navigator.userAgent.toLowerCase();//获取炉冷却信息字符串 var s;//浏览器信息数组，浏览器名称+版本号 //document.write(ua);//不同浏览器将输出一下浏览器信息 /* document.wri

2015-05-11 22:52:41 939

转载 github设置添加SSH

很多朋友在用github管理项目的时候，都是直接使用https url克隆到本地，当然也有有些人使用 SSH url 克隆到本地。然而，为什么绝大多数人会使用https url克隆呢？这是因为，使用https url克隆对初学者来说会比较方便，复制https url 然后到 git Bash 里面直接用clone命令克隆到本地就好了。而使用 SSH url 克隆却需要在克隆之前先配置和添加

2015-05-10 21:01:05 480

原创 105 css选择器的深入 $("#div div div p")

//demo.js 调用window.onload = function () { // $("#box").find("p").find(".a").css("color","red") //上一节课find的方法//$("#box p .a").css("color","red"); // $("#box ").css("color", "red");多个“ "

2015-05-10 11:19:45 1296

原创 104 css选择器的的封装 $("#ele").css() $(".ele").css() $("ele").css()

//demo.js 调用window.onload = function () { // $().getClass("a").css("color","red");//旧方法 /* $("#box").css("color", "red").click(function(){ alert($(this).html()) });*/ //

2015-05-10 11:16:55 1916

原创 git 使用

git clone https://github.com/senchalabs/xx.git //从远程地址下载项目到本地

2015-05-09 09:26:28 463

转载程序员必须拿高薪凭什么！！！

今天有个前同事联系到我，抱怨现在好的前端程序员很缺，正好前几天五一的时候看到 Twitter 上很多人公开讨论自己的薪资，有一些感触。大部分程序员，尤其是前端，每天都要关注技术进展，几乎没时间关心别的，性格往往也不善言辞，老实巴交，凡事先反思自己的技术水平，所以我打算写这篇文章谈论一下薪水问题，希望对别人有些帮助。首先简单介绍一下个人情况：本人之前在北京工作五年，技术能力平平，没多少谈

2015-05-08 10:00:01 1218

原创 103 extend 插件入口 jquery eq 和get的封装拖拽插件

//demo.jswindow.onload = function () { //个人中心 $().getClass("member").hover(function(){ $(this).css("background","url(images/arrow2.png) no-repeat 55px center"); $().get

2015-05-07 22:36:49 888

原创 navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)) 判断是不是移动设备 'ontouchstart' in window; 判断支不支

navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)) 判断是不是移动设备 'ontouchstart' in window; 判断支不支触屏

2015-05-06 10:53:15 19662

原创 101 事件 [~ie8] 事件标准化

//tool.js//跨浏览器获取视口function getInner(){ if(typeof window.innerWidth!="undefined") { return{ width:window.innerWidth,//火狐,IE9以下不支持 height:wind

2015-05-05 23:13:10 797

原创 jQuery.slide1.3x

$.fn.extend({ //常用：鼠标经过||点击切换图片, // 调用方式,$("对象").changeImg("事件") changeImg: function(event) { var index=0; $(this).eq(index).find("img").eq(0).hide(); $(

2015-05-05 09:43:39 805

原创 101 事件 [~ie8] 删除事件以及同一个注册函数进行屏蔽

//base.jsvar $=function(_this)//调用,把this传递过来{ return new Base(_this);};//对象式function Base(_this){ //创建一个数组来获取节点和节点的数组 this.elements=[];//私有化，不共用 if(_this!=u

2015-05-04 23:56:07 748

原创 100 事件 [~IE8] 用数组来保存传统事件通过数组来实现按顺序执行

这一节，我们来解决IE顺序执行的问题//demo.html //base.jsvar $=function(_this)//调用,把this传递过来{ return new Base(_this);};//对象式function Base(

2015-05-04 23:42:12 868

原创 99 event事件监听

//Base.jsvar $=function(_this)//调用,把this传递过来{ return new Base(_this);};//对象式function Base(_this){ //创建一个数组来获取节点和节点的数组 this.elements=[];//私有化，不共用 if(_this!=undef

2015-05-03 23:09:12 776