happycloud~~ - 博客园

2013年9月18日

摘要：先看一道题（群里看到有人问到，特和大家分享下），如下：很明显这图出现的问题应该是IE6对和模型的解析错误，将border 与 padding 都包含在 width 之内。但是在我们开发的过程中会发现，有时候，如果对页面中的大区域进行设置时，将border、padding计算到width和height之内，反而更灵活。但W3C的 CSS2.1规范却规定了他们并不能被包含其中。考虑到这个问题，css3中引入了一个新的属性：box-sizing，它具有“content-box”和”border-box“两个值。 box-sizing:content-box当我们设置 box-sizing: cont 阅读全文

posted @ 2013-09-18 11:33 happycloud~~ 阅读(151) 评论(0) 推荐(0) 编辑

2013年9月13日

几个排序算法的JS实现

摘要：最近找工作，复习一下数据结构的知识，看到排序这一块，顺便动手改了一下。直接插入排序：插入排序就是把数据分为有序区和无序区，遍历到的数据和有序区域的数据进行比较，找到要插入的位置，插入位置后的数据做相应移位。如下：冒泡法：两两相邻的数据进行比较，若为逆序就交换位置，直至没有可以交换的位置即可。如下：可能没有经过N次就以排好，所以这里设定一个swap监听。快速排序：直接选择排序：每次遍历都找出最小值，用MIN做记录。阅读全文

posted @ 2013-09-13 13:56 happycloud~~ 阅读(145) 评论(0) 推荐(0) 编辑

2013年9月9日

所在实习公司的JS笔试题

摘要：在班上无聊的时候看到了一份JS笔试题（我是电面进去的，没做过这份题~~），开始还觉得蛮简单。。。。。。后来觉得还是很有意思的，贴出来一起看看。题目一：if（！（"a" in window））{ var a = 1;} alert(a);题目二：var a=1, b= function a(x){ x&&a(-xx); }; alert(a);题目三： function a(x){ .. return x*2; .. } var a; alert (a); 题目四：function b(x,y,a){ .. arguments[2]... 阅读全文

posted @ 2013-09-09 11:35 happycloud~~ 阅读(383) 评论(2) 推荐(0) 编辑

2013年9月6日

最近做的几道笔试题，很有意思

摘要： 1. {a:1,b:2,c:{d:3;e:4,f:{g:5}},h:6}输出对象中所有的属性名，包括被嵌套的。当时觉得就是迭代输出么，for(key in obj),然后obj.key就好了。。。。。。后发现key这里面是字符型的，obj.key会出问题。所以这里应该考得是对象属性的另一种写法吧-----obj[key],key是字符型的。这里设置全局变量ff存储属性名是不好的，最好写在function里作为私有变量，return出来。看官明白就好哈~~2.["a",1,1],[4,4,6,'c']这样的两个或多个数组作为参数，写一个方法返回他们中的唯一值，阅读全文

posted @ 2013-09-06 22:22 happycloud~~ 阅读(266) 评论(0) 推荐(0) 编辑

2013年8月25日

媒体查询-------基于屏幕宽度和像素率的响应设计

摘要：写这个东东，主要是因为某公司笔试的时候忘了像素率的那个属性名字忘掉怎么写了。。。。。由于移动媒体的飞速发展，早早就出现了移动优先的设计原则。如果你还在想为手机用户建一个站，为PC客户建一个站，为PAD用户建一个站，那么一定是费时费力的而且维护起来也十分不便。所以一个网站适应所有的情形的“ONE WEB”想法也深得程序员的拥护。现在所说的媒体查询就有点类似我们之前指定PRINT样式那样,只不过是在前者有所加强。方法有两种：一，使用LINK 元素的media属性。例如：二、在样式表中写入@media规则。例如： @media print{ xxx; }medi... 阅读全文

posted @ 2013-08-25 21:14 happycloud~~ 阅读(787) 评论(0) 推荐(0) 编辑

2013年8月20日

标题栏闪动的小程序-------不得不吐槽啊！！！

摘要：实习这些期间，朝七晚九的日子很少写东西了，今天难得空闲~昨天接到一个feature，意思是如果用户因页面某程序运行时间过长离开（并未关闭）当前页面，当该程序运行完要给用户一个提示。本来想做一个声音，程序运行完判断是否用户离开，“梆噹”一声用户肯定回来！来段江南斯戴尔也好哈，哈哈~~后来一想自己这台实习用台式机连个音响都没有，声音在高端大气上档次给谁听啊！转而想起了人人那种消息提示，不错，煎饼果子就这套了！ var timeId=null; var originalTitle = document.title; function titleAlert(){ ... 阅读全文

posted @ 2013-08-20 23:24 happycloud~~ 阅读(926) 评论(0) 推荐(0) 编辑

2013年6月2日

提升性能JS函数小技巧：惰性载入函数

摘要：惰性载入函数各位前端程序员都知道，因为浏览器之间的差异，在写function的时候经常要用到大量的if else判断语句，将执行引导到正确的语句中去。例如function XX（）{ if（）{ dosomething;}else if（）{ dootherthing;}else{ doanotherthing; }}每次调用XX时，浏览器都要进行仔细的判断，即使每次调用时分支的结果都不变。但是我们知道只要有if这种语句的代码，肯定要比没有的要慢。所以如果if语句不必每次执行，那么我们就可以提高函数的运行效率。解决方案呢，就是... 阅读全文

posted @ 2013-06-02 02:26 happycloud~~ 阅读(331) 评论(0) 推荐(0) 编辑

代码分享：JS判断登陆端是PC还是手机

摘要：前些天朋友问我怎么判断登陆端是PC还是手机。。。自己也是很困惑，然后自己查了资料，这些东西都藏在USER-AGENT里面，查了他的一些属性，写了一个简单的验证页面大家共同学习。读取navigator.userAgent里面的信息，为了方便利用toLowerCase方法转成小写的形式。然后用MATCH方法进行匹配版本信息，这里提供了多个版本的测试信息，可以用来做后续代码的接口。这里作统一或起来判断登陆端是否是手机~~程序很简单，主要还是丰富JS知识吧。下面是个简单的小例子，希望对你有帮助。<!doctype html><html><script type=&quo 阅读全文

posted @ 2013-06-02 00:01 happycloud~~ 阅读(1067) 评论(4) 推荐(0) 编辑

2013年5月22日

doctype 文档类型总结

摘要：最近面试的时候，伦家居然问到会不会手写doctype声明，我去啊！！！那么长那么乱怎么记住啊！！！作为懒人俺们不都是去dreamweaver直接复制咩~~不过俺还是绕着弯的说了一下这个声明都是咋回事。如下：<!doctype html 声明了文档的根元素是 html，它在公共标识符被定义为 "-//W3C//DTD XHTML 1.0 Transitional//EN" 的 DTD 中进行了定义(过渡型)。浏览器将明白如何寻找匹配此公共标识符的 DTD。如果找不到，浏览器将使用公共标识符后面的 URL 作为寻找 DTD 的位置。作为一个新手经常对doctype的文阅读全文

posted @ 2013-05-22 17:55 happycloud~~ 阅读(335) 评论(0) 推荐(0) 编辑

2013年5月20日

前端面试遇到的一个逻辑题

摘要：最近找实习，发现到哪面试都会遇到一个逻辑题，更气愤的是遇到这种题就跪！！！！下面是一道今天遇到的逻辑题估算西安有多少量出租车！！！我了个个去啊！上来听到这个问题就跪了！！！啥思路没有！！！所以捏，挂了。。。不过这个后来分析了一下，还是可以做的，这里就把自己的想法写一下吧==1.按照薪金水平考虑。西安人口大约有600W人口。一般应该只有中产阶级去坐出租车，条件稍好点的有自己的私家车。这样的中产阶级比例为n,中产阶级家庭中估算一半的人口出来做出租，平均每周坐车m次。一次在出租车座位后面的小电视窗口上，看到西安收入水平的比例统计。大概有70%的中产阶级。估算每周坐出租一次。这样平均每天有600*0. 阅读全文

posted @ 2013-05-20 23:24 happycloud~~ 阅读(1228) 评论(1) 推荐(1) 编辑