自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

liyangready的专栏

摸爬滚打于前端大军中,不回头,不放弃

  • 博客(50)
  • 收藏
  • 关注

原创 js-如何保留两位小数/整数的时候不出理

0.1+0.2 = 0.30000000000000004我们都知道js关于小数的问题,那么在开发过程中,对于算式出来的结果,比如价格,如果是整数的时候我不做出理,如果是小数的时候只保留两位。如何最快的搞定。var a = 0.1 + 0.2;Number(a.toFixed(2));简单的就是最好的,极简主义。

2014-12-12 11:50:51 2170

原创 ie6 bug - hover 相关

RThover A元素想显示A元素中的B元素,很常见的场景。不依赖js的情况,会用到hover属性,但是ie6只支持a标签的hover。so,常见结构:        .opt-el:hover .hide-el {displau:block;....}之类的,在ie6下面跪了,原因是 ie6hover的时候需要和之前的状态css有变化,才能出现。修

2014-12-11 13:30:43 409

原创 ie6 bug- position:relative

在ie6中,如果遇到了 postion:relative导致元素定位失败的情况,多半发生在,这个文档流父级几层元素都没有显示的定义宽高,所以需要在ie6能够找到宽高的文档位置加上 position:relative;即在你需要relative的元素往上找几层,找到布局元素加上position:relative。否则它会自动找到理它最近的非static作为定位标准。这个bug很难复现,复现了,记得这

2014-12-05 15:10:55 436

原创 nginx 相关

最近开始折腾nginx,windows下面太蛋疼。总结一下

2014-11-25 14:52:40 479

原创 关于http请求

前段时间和同事争论为什么需要给ajax

2014-11-24 16:48:50 508

原创 css绝对定位 自适应宽度的问题

css绝对定位的元素,如果不设定宽度,宽度如何计算?

2014-11-09 12:07:50 8658 1

原创 关于html5 canvas画布

canvas画布的宽高和css里面的宽高单位不一致你能信?被坑过就知道了。。。canvas别用css去控制宽高,写在canvas画布内容里面,如:再在画布中设置的宽度以这个200为准。

2013-11-26 10:42:52 558

原创 我也来读jquery

jquery用的不是很多,但是对于jquery这种飘逸的书写风格憧憬已久,三个月前去看过jquery源码,无果,把javascript高级程序设计又看了两遍,再来分析分析jquery源码。也不知道正确与否。jquery设计的整体框架:$ = jquery = function(){};首先肯定是这样的,定义jquery和$两个全局变量,对应着一个function。jquery是原型

2013-11-17 13:50:25 749

原创 近期计划

找工作像无头苍蝇一样,来百度实习半个月也整天想着去别家笔试面试什么的,技术上进步很小啊。因为种种原因要离开百度了,曾经很想去的地方~不管在哪里,做什么才是最重要吧。给自己定点计划刺激下,实在懒,不爱写blog,好几个前辈都说过我,要我多记录学到的东西。近期目标:1 javascript权威指南,2遍。2 node这么火,去过一遍吧。3 h5不温不火这么多年,感觉有点要爆发的

2013-10-30 17:54:19 498 1

原创 一个KMP算法(c++版)

不会算法的前端工程师无力吐槽,研究了一下午KMP。KMP啊 擦 获取子串代码:void GetNextEx(char *T, char *next)  {  int i=k,j=0; next[1] = 0;  while(k   {  if (j == 0 || T[k] == T[j])  {  ++k; ++j;

2013-10-06 21:44:13 383

原创 当初积累的知识 再贴上来

HTML:1 HTML意思:hypertext markup language 超文本标记语言。2 web标准和W3C的理解。   标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构       行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛    的设备所访问、更少的代码和

2013-10-06 21:28:48 813

原创 好记星不如烂笔头之new的操作

new运算符执行下面的任务:创建一个没有成员的对象。为那个对象调用构造函数,传递一个指针给新创建的对象作为this指针。然后构造函数根据传递给它的参数初始化该对象。就是建立一个类的实例new是创建了一个没有成员的对象并改变了this指针,通过构造函数去初始化,在除了构造函数的情况下,尽量避免用new操作符。

2013-10-03 00:31:24 539

原创 两个关于字符串的问题

1 字符串中连续出现次数最多的子串  function maxSubStr(str){ var substr = [],count = 0,max = 0; var n = str.length for(var i=0;i<n;i++){ //分出所有字串 substr[i] = str.slice(i); } for(var i=0;i<

2013-10-01 17:19:08 547

原创 回车键是否提交的详细内容

回车键提交表单:设置 <input /> 标签或者  标签的属性 type="submit" 即可。回车键不提交表单,用JavaScript来解决,具体代码如下:(或者使用增加一个input type=“text”的方法 原因如下)document.getElementsByTagName('form')[0].onkeydown = function(e){ var e

2013-09-28 01:09:26 461

原创 研究了一下关于图片预览的方法

首先文中引用了好多前辈的blog,原谅我没有节操的复制粘贴,菜鸟进阶第一步,膜拜前人^ ^~~~          图片预览是指在表单中提交无刷新的情况下,将想上传的图片显示出来,很常用的一个功能。          大概查阅了一下资料,现在比较常用的办法如下:          ie6:中可以直接获取到value即为本地图片地址,可以直接引用在页面中,但是其他浏览器和ie高版本将

2013-09-20 13:50:15 679

原创 使用表单的注意事项

好久没用过表单,有些最最基础的东西,反而容易遗忘。       1 需要上传的表单项都需要有name属性啊,无论是post还是get,都只将有name属性的表单项上传。       2 form的几个主要属性:enctype action method name等  其中action规定上传什么文件,不建议使用,因为几乎没有浏览器支持。enctype规定表单数据在发送到服务器之前应该如何编

2013-09-20 11:01:10 791

原创 关于跨域那些事

所谓跨域,由于js在安全上面的考虑,只有同源的脚本间可以互相访问。哪些情况下构成跨域?http://www.a.com和https://www.a.com  http://www.a.com和http://www.a.com:80这两种分别由于协议号和端口号不同引起的跨域,暂时来说,js无能为力。http://www.a.com  http://70.32.92.74 域名和域名对应ip

2013-09-19 16:01:47 658

转载 怎样尽可能的缩短浏览器上页面渲染的时间

来自:http://blog.163.com/yin_1989/blog/static/17491320820129171171689/   1、尽量减少HTTP请求次数2、减少DNS查找次数3、避免跳转4、可缓存的AJAX 5、推迟加载内容7、减少DOM元素数量8、根据域名划分页面内容 9、使iframe的数量最小

2013-09-13 09:12:13 945

转载 关于http协议

详细:http://www.cnblogs.com/skynet/archive/2010/12/11/1903347.htmlhttp://www.cnblogs.com/skynet/archive/2012/11/28/2792503.html总结下HTTP协议的头部字段。1、 Accept:告诉WEB服务器自己接受什么介质类型,*/* 表示任何类型,type/*

2013-09-12 16:26:06 371

原创 记录今天学到的东西

1 需要再补充知识的地方:原型链      2 垂直居中:利用负margin解决问题      3 自适应布局,优先加载。      4 跨域用img 解决      5 闭包的使用场景      6 永久缓存      7 回车 F5 和CONTRL F5的区别      8 smarty模板      9 chrome插件了解     10 原生实现ajax

2013-09-04 15:05:36 402

原创 HTML5的学习 (canvas translate和restore的理解)

今天研究了一下canvas画布中的translate方法。一直以为translate(100,100)里面的参数是坐标点啊,其实是相对位置,坐标系移动后想要移动回去,使用translate(-100,-100),这玩意儿还能困扰我半天,服了!关于restore()的理解,之前用save()方法,然后再进行操作后执行restore()会返回之前的状态。好吧,不是所有状态,比如,你又画了一个正

2013-08-21 16:12:59 840

原创 关于border-collaps

好久没用过表格布局了,以前总是在html中table处写好 border = ‘1’ 今天想用css{border:1px solid gray}对tr起作用,结果发现没有反应。后来发现是 border-collaps搞的鬼,在table中,想要border表现为合并的模型而不是像html中的每个元素单独的border,要使用:border-collaps : collaps;

2013-08-21 14:32:50 705

原创 《精通javascript》-----------------------读书笔记

《精通javascript》一书由jquery作者写成,其中不少对于js原生事件的处理正好是jquery使用的方法,为我看jquery源码提前做了一些准备。第七章关于位置的处理方法,记录下来。以前一直是使用封装好的方法,很少去考虑兼容性,因为觉得这块兼容性实在是太差了。1 样式的获取。普通样式:ele.style[name](name即为样式名称)。     计算样式:ie:ele.c

2013-08-18 13:45:21 585

原创 不让选择文字的实现

今天有个需求,不让选择文字,简单的防止复制,虽然在控制台中还是能看到,稍微能起点作用,没什么技术难度,就是火狐下没有onselectstart属性。在chrome和ie下都可以用  xxx.onselectstart = function(){return false;}不过ff下有一个css属性:-moz-user-select 让它为none一样可以实现。各人感觉普通的文字上面

2013-08-16 16:36:56 433

原创 检测数组最好的办法

直入主题:function isArray(arr){if(Object.prototype.toString(arr)='[Object Aarry]'){return ture;}}没什么好解释的。

2013-08-14 13:55:34 442

转载 frame和iframe的具体区别

frame和iframe的具体区别,总结如下:1、frame不能脱离frameSet单独使用,iframe可以;2、frame不能放在body中;如下可以正常显示:-->      -->    如下不能正常显示:      3、嵌套在frameSet中的iframe必需

2013-08-12 17:40:38 413

原创 关于window.open()和window.openner()

今天想要使用window.open()去打开某个url,发现如下window.open('www.baidu.com')会将www.baidu.com变成子域,即这个新窗口的url是:父url/www.baidu.com肯定请求不到哈,刚开始还以为是不能跨域访问,后来得前辈指点,是没加协议。。。无语。。。写成http://www.baidu.com就可以了。。顺手说说window.openne

2013-08-12 17:39:37 829

原创 一个使用锚点的纯css图片切换

今天在网上看到一个很巧妙的对锚点的使用方法,一直以为锚点只会用在scroll里面,可以方便的挑战到某个scroll位置,没想到,当overflow:hidden的时候,锚点也能跳转到已经被隐藏的元素,从而巧妙的实习了纯css的图片切换。见代码:1234                              一个大div固定视区大小了,里面

2013-08-09 18:28:11 1601

原创 关于arguments和形参互相影响的问题

今天在淘宝面试题里面发现了一个小问题,以前应该写过,找不到了,再写一遍,免得忘说起淘宝,淘宝ued2面被拒!!!!伤心不是一点点,二面被问了一个小时的技术,竟然还是挂了,我的一个小伙伴,和我投一样的岗位,2面的那个大哥和他聊了会人生就让他过了,亲眼看着小伙伴轻松的去了我想去的地方,还是有点烦躁。不管怎么说,还是自己不够强,运气都是留给有实力的人,我相信我的小伙伴肯定能胜任那里的工作,我要加油加

2013-08-09 17:48:27 951

原创 js里面那些对字符串的操作方法

1  charAt,charCodeAt。返回某个位置的字符/字符编码:   var str = 'hello world';  str.charAt(1);// " e "  str.charCodeAt(1);// " 101 "2  indexOf()。 返回某个字符所在的位置: str.indexOf("e"); //  "1"3 substring,substr,

2013-08-08 15:11:42 512

原创 还是把for in的问题记录下来

老早之前就看到过,通过prototype拓展过的Array数组会有一个问题,for-in的时候会把扩展进来的方法遍历出来,今天又忘了,把它记录下来。         顺便挖了挖解决办法,最根本的方法是少用for in。非得用的话,如果只需要遍历数组中的元素,用 for(var i in array)时,对i加一个判断是否为数字,这样就不会遍历到原型里面添加的方法或者属性。

2013-08-07 17:55:25 360

原创 好久没有更博客了

最近都没怎么更博客,对自己好不满意啊,找借口因为好多小东西小问题都记在了自己的笔记里面,而且一直在准备ued的面试,的确是很想去ued,但是不要被欲望冲昏了头脑,还是要一步一步来,踏踏实实学东西才是关键,加油!

2013-08-06 15:15:54 417

转载 关于js的类型转换(强制和自动的规则)

Javascript的变量是松散类型的,它可以存储Javascript支持的任何数据类型,其变量的类型可以在运行时被动态改变。请看示例:?123var n= 10;n = "hello CSSer!";n = {};上面的示例中,首先声明n变量并初始化其值

2013-07-27 15:46:09 1533

原创 收集收集

1   兼容性 javascript  http://sojuker.blog.163.com/blog/static/13879087920126319346816/  css http://www.jb51.net/css/23232.html      css hack http://wenku.baidu.com/view/c1575b4d767f5acfa1c7cd40.html

2013-07-25 11:26:06 526

原创 前端常识性的东西

CSS部分:1 名词解释:cascading order 层叠顺序  collapsing margins 外边距折叠        visual formatting modal 可视化模型 它规定了用户端在媒介中如何处理文档树(document tree)。如果元素是固定定位 (“position:fixed”) 元素,那么它的包含块是当前可视窗口。html部分:js部分:

2013-07-24 15:11:31 497

原创 javascript高级程序设计-----------------读书笔记

1  关于arguments和命名参数是不是互相引用的问题,在书中说是单向影响,其实在chrome下不是,查了资料,好像要在use strict模式下才行。比如:   (function test(num1){num1 = 1;alert(arguments[0]);})(2);//1同理,修改arguments的值一定会影响到num1的值,但是当没有传递参数时,对argume

2013-07-23 18:38:45 400

原创 踩过的坑,持续更新

1 top竟然是DOM中的保留字,和window一个类型的东西,当初还很2b的设置var top;2 innerHTML的问题,在xhtml中要求符合标准格式才能成功,比如我遇到的是在一个p元素中,再插入p就是非法的。还要注意IE下面的某些元素只读,如等。3 偷懒用var a = b =c =null; 会怎样,a是局部变量,剩下的全是全局变量!!想不到吧。。。

2013-07-23 14:41:54 454

原创 浏览器的怪异模式和标准模式

怪异模式是让IE的行为更接近IE5,标准模式则是让IE的行为更接近标准。       所以想写跨浏览器的css,尽量使用标准模式。解决方案就是采用doctype声明,大多数浏览器采用下面的这些判断规则    浏览器要使老旧的网页正常工作,但这部分网页是没有doctype声明的,所以浏览器对没有doctype声明的网页采用quirks mode解析。    对于拥有d

2013-07-23 14:29:04 596

原创 float在行内元素和在块级元素不同表现

一直以为float就是脱离文档流那么简单,自己写了些测试代码,发现水这么深尼玛,一句话,慎用float。       在块级元素中使用了浮动元素,如3个div,第一个div浮动,后面两个div会往上挤,就当上面的div不存在一样,这时候,浮动元素后方的div会钻到浮动元素下面,显示就是被浮动元素遮挡了。真的就那么简单了吗?当我在浮动元素后面的非浮动元素中加了一些文字啊啊,诡异的现象出现了,

2013-07-22 22:52:02 3470

原创 css中对于盒子模型margin属性的思考---margin折叠问题

今天发现了一个奇怪的现象:在两个嵌套div中,子div设置了margin属性,竟然会影响到父div,就是会把父div撑大,但我在父div加入了overflow:hidden之后显示正常。开始查阅相关资料,找到了margin折叠问题。margin折叠的规则两个或多个毗邻的普通流中的块元素垂直方向上的margin会折叠浮动元素/inline-block的元素/绝对定位元素的ma

2013-07-18 22:06:23 1122 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除