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