随笔分类 -  HTML

表格花式效果
摘要：对于table的一些基础信息不了解的，可以参考我以前写过的一篇《关于table的一些记录》。下面演示的代码，具体的源码可以参考此处。 一、表格固定左边与顶部 公司最近要做个排期系统，当滚动表格的时候，需要将顶部和左边的分别固定起来。 1）固定顶部 原理就是用标签模拟出顶部的样式，通过脚本计算出高度， 阅读全文
posted @ 2017-03-07 09:59 咖啡机（K.F.J） 阅读(1250) 评论(4) 推荐(2) 编辑
移动开发屏幕适配分析
摘要：我在开发前端的时候曾经会有几个疑惑： 1）拿到的设计搞的宽度是640px或750px的，在页面不同尺寸屏幕布局的时候怎么换算。 2）移动端布局是用%、px、rem、伸缩盒 Flexible Box Layout还是多列Multi-column。 3）用px设置了字体大小，但是在ipad上面显示的却很 阅读全文
posted @ 2016-02-26 09:59 咖啡机（K.F.J） 阅读(3362) 评论(2) 推荐(9) 编辑
制作在线简历（四）——工作经历
摘要：一、结构倒序显示经历，第一行是时间与公司，第二行是行业，第三行是工作内容，这里也是用了flex布局，图表是用个canvas画布画出来的。下图是大屏幕下的显示方式：移动端的显示如下： 2014/5--2014/9：大... 阅读全文
posted @ 2015-07-02 11:49 咖啡机（K.F.J） 阅读(1313) 评论(0) 推荐(1) 编辑
多种方法实现Loading（加载）动画效果
摘要：当我们ajax提交一个按钮的时候，给那个按钮来个Loading效果会高端很多，体验也会上升个层次。既能让用户知道正在提交中，也能防止二次提交，好处多多呢。上面的这个圈圈是会滚动的。简单点的话，可以直接用GIF动态图片实现。不过现在已经有了CSS3和HTML5了，多了好几种高大上的实现方式。这里先来介... 阅读全文
posted @ 2015-06-08 10:19 咖啡机（K.F.J） 阅读(16431) 评论(10) 推荐(8) 编辑
PJAX实现
摘要：一、浏览器历史API浏览器历史就像一堆卡片，如下所示：在HTML4中，我们已经可以使用window.history对象来控制历史记录的跳转，可以使用的方法包括：方法描述back()加载 history 列表中的前一个 URL。forward()加载 history 列表中的下一个 URL。go()加... 阅读全文
posted @ 2015-05-26 13:50 咖啡机（K.F.J） 阅读(1411) 评论(2) 推荐(1) 编辑
前端基础学习分享
摘要：用a标签制作一个按钮为主线，然后围绕这个按钮，做一些效果样式等操作。附件中可以下载CSS参考手册。一、工具工欲善其事必先利其器。我们首先需要准备好调试工具，这里我就简单介绍几种，firefox、chrome以及IE。1.firefox我们用到的是firebug，非常好用，工具-》附加组件。这里有一篇... 阅读全文
posted @ 2015-03-30 09:51 咖啡机（K.F.J） 阅读(1438) 评论(0) 推荐(5) 编辑
最近一个项目的反思
摘要：入行这些年，没多少成功的经验，失败的经验却越来越多。今天花点时间好好的反思一下，老是稀里糊涂的可不行。我下面写的不针对任何人，就事论事。一、无管理核心 缺少了这个重要的凝聚力，下面的人可以说是在单兵作战，一盘散沙，各自为战，怎么可能把项目做好。还有下面的这些问题： 1、团队成员碰到的问题无法... 阅读全文
posted @ 2014-09-02 09:02 咖啡机（K.F.J） 阅读(4949) 评论(29) 推荐(23) 编辑
CSS选择器的一些记录
摘要：选择器例子例子描述CSS.class.intro选择 class="intro" 的所有元素。1#id#firstname选择 id="firstname" 的所有元素。1**选择所有元素。2elementp选择所有 元素。1element,elementdiv,p选择所有 元素和所有 元素。... 阅读全文
posted @ 2014-07-20 12:23 咖啡机（K.F.J） 阅读(684) 评论(1) 推荐(0) 编辑
我觉得网站的通用部分
摘要：这个图片是我用xmind编辑的。欢迎大家来纠正或添加！再来说说我对网站开发的理解与碰到的问题。网站的前端有几个部分我觉得很重要：1.优雅的文字提示2.合理的页面设计3.适当的脚本特效一进入这个网站，就让人有一种非常舒适的感觉。并且在舒适的基础上有夺人眼球的特效，再有贴心的提示，我相信肯定能给浏览者一... 阅读全文
posted @ 2014-07-05 22:24 咖啡机（K.F.J） 阅读(2117) 评论(8) 推荐(5) 编辑
iframe的一些记录
摘要：首要要做配置操作，配置两个域名，我这里使用的是Apache。附件中的demo1和demo2 DocumentRoot "D:/htdocs/iframe/demo1" ServerName www.iframe1.cn DocumentRoot "D:/htdocs/iframe/... 阅读全文
posted @ 2014-06-29 18:01 咖啡机（K.F.J） 阅读(1623) 评论(2) 推荐(0) 编辑
CSS字体记录
摘要：在西方国家的字母体系，分成两大字族：serif 及 sans serif。其中 typewriter 打字机字体，虽然也是 sans serif，但由于他是等距字，所以另独立出一个 Typewriter 字族出来。serif 的意思是，在字的笔画开始及结束的地方有额外的装饰，而且笔画的粗细会因... 阅读全文
posted @ 2014-06-21 16:31 咖啡机（K.F.J） 阅读(1191) 评论(1) 推荐(5) 编辑
关于table的一些记录
摘要：HTML有10个表格相关标签表格的大标题，该标记可以出现在 之间的任意位置。它对于搜索引擎的机器人记录信息十分重要。参数有align、valign表格的列定义属性定义表格列的分组，Firefox、Chrome 以及Safari 仅支持colgroup 元素的span 和width 属性定义表格定义表... 阅读全文
posted @ 2014-06-15 11:53 咖啡机（K.F.J） 阅读(1105) 评论(0) 推荐(2) 编辑