代码改变世界

随笔分类 - CSS/HTML

前端攻略系列

2013-01-05 08:03 by 聂微东, 19141 阅读, 收藏, 编辑
摘要:越努力,越幸福... 欢迎盆友关注我的微信公众号:前端攻略,感谢。 00 开光篇 01 前端各种优化 ~ 前端面试有感(2014/3/09上传) 02 前端各种面试题 03 Javascript 设计模式 04 前端好书推荐 05 HTML5系列 Offline Web Application(ma 阅读全文

impress.js初体验 - 前端装X利器

2013-01-04 08:24 by 聂微东, 57826 阅读, 收藏, 编辑
摘要:博客一歇就是半年,略惭愧...元旦假期各种惬意:打打Dota(悲催的输多赢少)、滑滑雪;吃吃东西、逛逛街。转眼儿今天就得上班了,5点早早起床(最近坚持早睡早起),忍不住分享下前段时间发现的前端工程师装X的利器,所以这新年第一篇博文诞生了:) 你希望别人看到你的演示文稿会发出“wow”吗?你希望使用华丽的效果来震惊你的观众吗? 那咱们往下看------------------正文分割线------------------概述 如果你已经厌烦了使用PowerPoint制作PPT,那么impress.js是一个非常好的选择,用它做的PPT更加直观,效果也非常的不错。装X是需要一定代价的,不过... 阅读全文

IE下 z-index 的各种坑

2012-03-05 21:40 by 聂微东, 50351 阅读, 收藏, 编辑
摘要:到新地方有些日子了,差不多适应了这边的工作节奏与流程。接到的第一个开发任务是几个比较简单的页面,需要做的工作就是先把设计图变成页面,然后使用PHP创建几个请求的接口传递数据,标准且简洁的web开发思路。可是真有些日子没有写DIV+CSS了,而且对IE6兼容性的坑碰到的还是不够多(以前做国外项目),所以这次开发中不可避免的碰见了几个问题,尤其是在IE下的 z-index 问题很有意思,所以整理了一些资料和总结分享给大家...注:因为引入了jsfiddle,所以页面加载受影响会稍慢一些^_^ 阅读目录:z-index属性z-index规范参考在IE下出现的问题在IE6下z-index的问... 阅读全文

2011总结与2012展望

2012-02-19 23:29 by 聂微东, 4663 阅读, 收藏, 编辑
摘要:2011年发生了太多的事情,上半年与下半年的工作与生活就像发生了两极反转,我只想对已经发生过的一切说:“谢谢,感谢曾经在我身上发生的一切,无论是美好的还是难受的”。 这是一篇彻头彻尾的水文,只为了纪念这过去的2011和展望已经开始的2012。 2011关键字 - 化蛹、浮躁与专注 化蛹,百度百科给的解释 - “完全变形昆虫在幼虫和成虫之间的一个发育阶段”。我的理解就是从小虫子变成一个蛹,不到破蛹那天还不知道出来的是蛾还是碟。 浮躁,今年换了两份工作,对此我真的很惭愧很懊恼,其实在这儿说换工作的事其实不好,可是既然已下决心写总结了就豁出去呗。换工作确实是个很慎重很谨慎的事情,在这里善... 阅读全文

前端攻略系列(二) - 前端各种面试题

2012-01-31 23:12 by 聂微东, 64369 阅读, 收藏, 编辑
摘要:幸运且光荣的被老大安排了一个任务 - “去整理些前端面试题”。年前确实不是招人的好时候,所以我们前端团队经过了超负荷的运转,终于坚持过了春节。春节以后就开始招人啦,这套题考察的目标就是基础基础再基础,嘿嘿。 事先声明:这些题目的来源:面试曾经被问过;工作被别人问过或者遇见过;网上看见过...答案真心不给提供,真的是许多问题都需要个人的理解和沉淀,所以还请各位自己动手...前端可以试试自己差不多能回答多少题,哈哈。其实很多题我也没有好答案,面试的时候如果遇到牛人我也可以顺便交流交流,反正我也只是一面,不丢人也不怕丢人。如果朋友们有好的面试题欢迎提建议,我会其实补充更新的,先谢谢各位了。 ... 阅读全文

前端攻略系列(一) - 前端各种优化(保证持续更新)

2011-12-31 23:52 by 聂微东, 35930 阅读, 收藏, 编辑
摘要:还有一个小时才到2012,那还能有点时间写点吐槽的东西,嘿嘿...2011年12月绝对是本人工作以来压力最大的一个月,已经忙到睡觉时间少了,业余看书时间少了,身体开始报警了,肩膀上的责任压的我实在喘不过气...作为一个普通的北漂,在北京类似我这样的人海的去了,尤其是在咱们这个行业。 我非常热爱生活,每分钟都无比珍贵;我热爱我现在所做的一切,哪怕确实让我精疲力尽(所以写博客暂时被我当成减压的方法)。 在我看来生活就是应该这样,既然我们在投胎的时候选择的生存模式or困难模式,那么不管发生什么困难都是意料之中。所以我在这不是想要表达自己的抱怨,而是想提醒自己和大家 “再忙再累也不要忘记自己的... 阅读全文

Fiddler - 前端开发值得拥有

2011-09-28 23:10 by 聂微东, 34067 阅读, 收藏, 编辑
摘要:最近换了新工作,搬了新家,换了新室友,一切都在重新开始。因为家里网还没装好,工作之余上网都得去网吧,所以园子最近比较少上了,可是博客可不能断,就为一口气,坚持就是胜利。好吧,叨叨完了,下面开始正文...  写这篇文章的目的何在:  1.本人还算喜欢看书,JavaScript的相关书看过一些,书本上总能看见对JavaScript类似的评语或者评价 - “JavaScript调试困难”。可是事实却是随... 阅读全文

CSS的4个简写

2010-12-13 18:50 by 聂微东, 1605 阅读, 收藏, 编辑
摘要:1.background 简写属性在一个声明中设置所有的背景属性:background-colorbackground-imagebackground-repeatbackground-attachmentbackground-position例如: background: #444444 url(image.png) no-repeat fixed top;2.border 简写属性在一个声明设置所有的边框属性:border-widthborder-styleborder-color例如: border:1px solid red;3.font 简写属性在一个声明中设置所有字体属性:font 阅读全文

关于Chrome浏览器字体的bug处理

2010-12-07 19:21 by 聂微东, 1544 阅读, 收藏, 编辑
摘要:作为WEB开发者我们得知道,看似简单的网页制作,如果要做得更好、更专业,真的是不简单。  我今天在A号机器上用chrome打开一个网页,再用B号机器上用chrome打开相同的网页,结果出现字体显示的太小不一样。原因是在简体中文版一直存在最小字体 12px 的限制。12px 有什么好处?就是别让字体太小,看着能舒服一点。    说实话,我不知道这是 Chrome 的 bug,还是 中文版Chrome 浏览器故意造成的,还是怕用户看不清 12px 以下的字号吗?蛋定...  其实解决它的最好方法仅仅只需要在你要写的css里面加上:-webkit-text-size-adjust:none;  好了 阅读全文