摘要: 1. 问题由来在移动互联网电商领域,运营每天需要搭建多个促销页面来吸引用户去点击去购买,一开始程序员临时写个新页面去实现,可这些页面可以用几次就不用了,每次创建新页面去实现费时费力,而且,电商的运营需求是快速迭代的,每次去页面代码里去改,然后上线也太不方便了。所以产品提出了Diy 页面----配置w... 阅读全文
posted @ 2016-01-18 15:28 文旺 阅读(3005) 评论(5) 推荐(0) 编辑
摘要: 前几天项目经理跟我说有这么个需求:一个很大的表格,垂直滑动时表头固定,水平滑动里第一、二列固定。我一想这也太难实现了,直接回复说可能实现不了,可是没过会经理发个12306网站的一个现存的实现样子,汗!... 阅读全文
posted @ 2012-05-10 16:21 文旺 阅读(19899) 评论(10) 推荐(7) 编辑
摘要: HTML表单一直都是Web的核心技术之一,有了它我们才能在Web上进行各种各样的应用。HTML5 Forms新增了许多新控件及其API,方便我们做更复杂的应用,而不用借助其它Javascript... 阅读全文
posted @ 2012-04-26 10:19 文旺 阅读(130931) 评论(10) 推荐(6) 编辑
摘要: 最近写一些JS动画,常用到JS中的定时器(setTimeout & set Interval),查找相关资料,有些心得与大家一起分享。 使用setTimeout & set Interval创建的定时... 阅读全文
posted @ 2012-01-06 13:26 文旺 阅读(15604) 评论(3) 推荐(6) 编辑
摘要: 本文是写给那些想要入门web前端工程的初学者,高手请路过,也欢迎高手们拍砖。 先说下web前端工程师的价值,目前web产品交互越来越复杂,用户使用体验和网站前端性能优化这些都得靠web前端工程师去做w... 阅读全文
posted @ 2011-12-16 10:52 文旺 阅读(21441) 评论(11) 推荐(14) 编辑
摘要: 刚开始W3C CSS Workgroup拒绝将CSS3 transition与animation加入官方标准,一些成员认为过渡效果和动画并非样式属性,而且已经可以用脚本实现。所以请大家明白,特别是Web前端开发员,用CSS3做一些过渡效果和动画,并不比运用JS脚本实现要好(个人认为:用CSS只不过让不懂JS的人员(设计人员)也能做动画,而且使用浏览器封装好的方法,但使用JS脚本可以更灵活,在... 阅读全文
posted @ 2011-11-21 10:30 文旺 阅读(32094) 评论(5) 推荐(4) 编辑
摘要: Transform 适应于对任一DOM元素的2D或3D转换,这些转换效果有:旋转(rotate)、拉伸(scale)、平移(move)、倾斜(skew)等,利用Transform和javascript可以制作一些简单的动画,可以为web应用带来些意想不到的效果。 目前浏览器并不是完全支持所有的Transform ,IE9、Firefox 和Opera 仅支持2D transforms ,相应... 阅读全文
posted @ 2011-11-17 11:02 文旺 阅读(26662) 评论(5) 推荐(4) 编辑
摘要: 之前工作忙,这篇博文来的有点晚,向大家说声抱歉! 1 文本特效 CSS3给文字加了很多特效,http://www.w3schools.com/css3/css3_text_effects.asp 在这里我将介绍:text-shadow、word-wrap、word-break和text-overflow。 1.1 text-shadow 文字阴影目前IE还不支持,而其它浏览器都已经支持了。 ... 阅读全文
posted @ 2011-11-14 10:22 文旺 阅读(4103) 评论(2) 推荐(3) 编辑
摘要: 1. 颜色 和 透明度 在CSS3中对颜色进行了很多扩展,具体详情可参照官网:www.w3.org/TR/2003/CR-css3-color-20030514,下面说下CSS3中新的数字定义颜色的方法。 1.1 RGBA 相信大家以前定义颜色经常使用RGB, RGB色彩模式(也翻译为“红绿蓝”,比较少用)是工业界的一种颜色标准,是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之... 阅读全文
posted @ 2011-11-06 10:29 文旺 阅读(13219) 评论(7) 推荐(4) 编辑
摘要: 首先感谢广大网友们的支持,最新CSS标准参考网站:www.w3.org/Style/CSS/current-work,大家可以从此网站找到当前CSS详细信息,以及未来CSS4的相关信息,接下来谈正事。 1 CSS盒子模型 首先来复习下CSS的box Model,box Model 是CSS+DIV布局的灵魂所在,下面这张图足以说明一切: 元素框的最内部分是实际的内容,直接包围内容的是内边距... 阅读全文
posted @ 2011-11-02 09:53 文旺 阅读(6053) 评论(7) 推荐(6) 编辑