2015年7月2日
摘要: 一、结构倒序显示经历,第一行是时间与公司,第二行是行业,第三行是工作内容,这里也是用了flex布局,图表是用个canvas画布画出来的。下图是大屏幕下的显示方式:移动端的显示如下: 2014/5--2014/9:大... 阅读全文
posted @ 2015-07-02 11:49 咖啡机(K.F.J) 阅读(1325) 评论(0) 推荐(1)
2015年7月1日
摘要: 一、结构 结构还是很朴素的,星星是在font-awsome选的一符号,整个结构又是用一张table表格来搭的,选了两种底色作为顶部和左边的底色。 这里由于使用了自定义字体,就碰到了个问题,就是当点到这张星星页面的时候,字体还没加载进来,这个时候星星的位置要么是乱码要么是没有的,后面就去找了个解决方法 阅读全文
posted @ 2015-07-01 10:00 咖啡机(K.F.J) 阅读(1250) 评论(1) 推荐(1)
2015年6月30日
摘要: 一、头像 1、先在顶部来个头像,头像再做几个动画特效,就是鼠标移上去的时候边框转180°,需要注意的是图片不能随着边框也转动 所以得把图片和边框放在两个标签中,两个标签都用绝对定位来控制位置,我以前也做过一些动画的记录,可以在《CSS3中的动画效果记录》查看到。 a标签和img标签的宽度和高度是一样 阅读全文
posted @ 2015-06-30 10:16 咖啡机(K.F.J) 阅读(1236) 评论(0) 推荐(0)
2015年6月29日
摘要: 想装逼下搞个在线简历,然后顺便用些CSS3与HTML5的一些技术,再顺带把响应式也加上去去,在移动端也能看到。 不过我的配色low了点,还望见谅...... 一、首页Loading效果 这次就打算把几个功能全部写在一起展示啦,这样就得有个Loading页面,先把该载入的都载入进来。不然的话,代码没载 阅读全文
posted @ 2015-06-29 10:08 咖啡机(K.F.J) 阅读(2661) 评论(8) 推荐(3)
2015年6月23日
摘要: 2015年已经过去大半年了,前面这段时间基本都是在加班加点赶项目度过的,勤青恳恳的敲代码,根据产品文档实现功能,然而这并没有什么卵用。完成的程序并没用得到公司的认可,也没有得到其他部门的认可,只有苦劳没有功劳。礼拜二那天还和一个客户端的同事吵了起来,我们两人是多年的同事,当时他异常的激动,起因其... 阅读全文
posted @ 2015-06-23 09:57 咖啡机(K.F.J) 阅读(11248) 评论(81) 推荐(24)
2015年6月15日
摘要: 当我以前在调PC端网页的时候,Firefox有Firebug,Chrom也有自己的调试抓包工具,用起来很方便。 但是现在我要在手机上面调试页面,这个时候就没有这么方便的现成工具了。 后面发现了Fiddler,设置一下后,就能用这个来抓取手机访问页面时候的请求了。 下面是文章大纲: 一、Fiddler 阅读全文
posted @ 2015-06-15 09:57 咖啡机(K.F.J) 阅读(10990) 评论(15) 推荐(26)
2015年6月8日
摘要: 当我们ajax提交一个按钮的时候,给那个按钮来个Loading效果会高端很多,体验也会上升个层次。既能让用户知道正在提交中,也能防止二次提交,好处多多呢。上面的这个圈圈是会滚动的。简单点的话,可以直接用GIF动态图片实现。不过现在已经有了CSS3和HTML5了,多了好几种高大上的实现方式。这里先来介... 阅读全文
posted @ 2015-06-08 10:19 咖啡机(K.F.J) 阅读(16825) 评论(10) 推荐(8)
2015年5月26日
摘要: 一、浏览器历史API浏览器历史就像一堆卡片,如下所示:在HTML4中,我们已经可以使用window.history对象来控制历史记录的跳转,可以使用的方法包括:方法描述back()加载 history 列表中的前一个 URL。forward()加载 history 列表中的下一个 URL。go()加... 阅读全文
posted @ 2015-05-26 13:50 咖啡机(K.F.J) 阅读(1509) 评论(2) 推荐(1)
2015年5月25日
摘要: 一、用toString判断类型toString() 方法返回一个代表该对象的字符串。当对象需要转换为字符串时,会调用它的toString()方法。默认情况下,每个对象都会从Object上继承到toString()方法,如果这个方法没有被这个对象自身或者更接近的上层原型上的同名方法覆盖(遮蔽),则调用... 阅读全文
posted @ 2015-05-25 09:04 咖啡机(K.F.J) 阅读(1012) 评论(0) 推荐(0)
2015年3月30日
摘要: 用a标签制作一个按钮为主线,然后围绕这个按钮,做一些效果样式等操作。附件中可以下载CSS参考手册。一、工具工欲善其事必先利其器。我们首先需要准备好调试工具,这里我就简单介绍几种,firefox、chrome以及IE。1.firefox我们用到的是firebug,非常好用,工具-》附加组件。这里有一篇... 阅读全文
posted @ 2015-03-30 09:51 咖啡机(K.F.J) 阅读(1471) 评论(0) 推荐(5)