ankang2030-CSDN博客

转载 Diy页面服务端渲染解决方案

1. 问题由来在移动互联网电商领域，运营每天需要搭建多个促销页面来吸引用户去点击去购买，一开始程序员临时写个新页面去实现，可这些页面可以用几次就不用了，每次创建新页面去实现费时费力，而且，电商的运营需求是快速迭代的，每次去页面代码里去改，然后上线也太不方便了。所以产品提出了Diy 页面----配置web组件去搭建页面，事先定好页面可能到用到哪些的组件，然后运营在后台选好页面由哪些组件...

2016-01-18 15:28:00 180

转载数据表格表头与首列固定的完全实现

前几天项目经理跟我说有这么个需求：一个很大的表格，垂直滑动时表头固定，水平滑动里第一、二列固定。我一想这也太难实现了，直接回复说可能实现不了，可是没过会经理发个12306网站的一个现存的实现样子，汗！我只能说那我先调研下实现的成本吧。心里想想反正客户给钱，没有什么理由不做啊。1. 前期调研先打开12306网站上面的那个表格，打开浏览器调试工具，发现他们好像用的是插件（dhtmlx...

2012-05-10 16:21:00 232

转载 HTML5表单及其验证

HTML表单一直都是Web的核心技术之一，有了它我们才能在Web上进行各种各样的应用。HTML5 Forms新增了许多新控件及其API，方便我们做更复杂的应用，而不用借助其它Javascript框架，先说下表单的几个基本知识点：表单仍是以<form>元素作为容器，我们可在其中设置基本的提交特性；当用户提交页面时，表单仍然向服务器发送表单控件的值；之前老版本中的...

2012-04-26 10:19:00 1140

转载谈谈javascript中的定时器

最近写一些JS动画，常用到JS中的定时器(setTimeout & set Interval)，查找相关资料，有些心得与大家一起分享。使用setTimeout & set Interval创建的定时器可以实现有趣且有用的功能，初学者可能对Javascript的定时器有误解，认为它们是线程，其实Javascript是运行于单线程中的，而定时器仅仅是计划在未来的某个时间执行...

2012-01-06 13:26:00 708

转载 web前端工程师入门须知

本文是写给那些想要入门web前端工程的初学者，高手请路过，也欢迎高手们拍砖。先说下web前端工程师的价值，目前web产品交互越来越复杂，用户使用体验和网站前端性能优化这些都得靠web前端工程师去做web前端工程师是设计加开发的综合体，web前端工程师是在开发人员中最直接面向产品，面向用户的设计人员，一个开发团队的成果是要靠web前端工程师去展现，因为用户不会去关心后台的处理有多么强大 ...

2011-12-16 10:52:00 558

转载 CSS3实践之路(六):CSS3的过渡效果(transition)与动画(animation)

div.trans{width:100px;height:100px;background:gray;transition:width 2s;-moz-transition:width 2s; /* Firefox 4 */-webkit-transition:width 2s; /* Safari and Chrome */-o-transiti...

2011-11-21 10:30:00 157

转载 CSS3实践之路(五):2D和3D转换(transform)

.panal{ width:500px; border: 1px solid blue; height:200px;}.panal div{ border: 1px solid #6600ff ;width:120px; height:60px; background-color:#cc9900;}.tr{transform: translate(80p...

2011-11-17 11:02:00 204

转载 CSS3实践之路(四):文本特效

.tshadow{ text-shadow:5px 5px 5px #0066ff; color:#660066;}.txtjust{ width:70px; text-align:justify;text-justify:distribute;text-align-last: distribute;}p.test1{width:11em...

2011-11-14 10:22:00 115

转载 CSS3实践之路(三):颜色(Color)和背景(Backgroud)

.bgimg1{width:200px; height:150px; border:1px gray solid; float:left; background-image:url('http://images.cnblogs.com/cnblogs_com/Wenwang/201111/201111041219248657.gif'); background-repe...

2011-11-06 10:29:00 313

转载 CSS3实践之路(二):盒子模型(box Model)和边框(border)

.border1{ width:150px; height:80px; background-color:#6699ff; border:2px solid; border-radius:20px 5px 20px 5px / 10px 5px 10px 5px; }.circel{ background-color:#0066ff; widt...

2011-11-02 09:53:00 339

转载 CSS3实践之路(一):CSS3之我观

CSS 的英文全称Cascading Style Sheets，中文意思是级联样式表,通过设立样式表，可以统一地控制HMTL中各DOM元素的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式表，可以扩充精确指定网页元素位置，外观以及创建特殊效果的能力。 CSS的W3官方网址是:www.w3.org/TR/CSS/,在这个《CSS3实践之路》中这官方资料是我主要参考资料，此外...

2011-11-01 10:03:00 121

转载 JS特效文字逐个显示

最近上网看到一个JS特效,让文字逐个在网页上显示,就像手动一个一个输入这些文字一样.把相关的代码copy过来,在本地运行,发现这些JS只在IE在有效,其它浏览器都没有效果,于是本人在此基础上作些改进,让此效果在所有浏览器都有此效果. 以下是网上JS特效源码:<script language="JavaScript1.2">var it=0function initia...

2011-10-22 23:12:00 501

转载 Asp.Net平台下的图片在线裁剪功能的实现

最近项目中有个图片在线裁剪功能,本人查找资料,方法如下:前台展现用jquery.Jcrop实现,后台使用 System.Drawing.Image类来进行裁剪.1.前台展现实现网上找到这个jquery.Jcrop,稍看了下,发现它提供的效果完全能满足项目需求.官方网址:http://deepliquid.com/content/Jcrop.html,感兴趣的朋友可去看看....

2011-10-19 10:32:00 130

转载利用CSS3的transform做的动态时钟

近来HTML5+CSS3，以及相关的游戏开发都很火啊，本人也得跟上时代的脚步，做了一个CSS3的小Demo供大家指点。1. transform 与 transform-origin 使用说明目前这两个属性得到了主流浏览器IE，webkit，firefox，opera的支持，属性名分别为-ms-transform -webkit-transform，-moz-transform，-...

2011-09-21 16:31:00 157

转载 HTML+CSS编写规范

在任何一个项目或者系统开发之前都需要定制一个开发约定和规则，这样有利于项目的整体风格统一、代码维护和扩展。由于Web项目开发的分散性、独立性、整合的交互性等，所以定制一套完整的约定和规则显得尤为重要。第一节 CSS样式文件的命名建立样式表文件时，分类编写样式到下列样式表文件中，并统一放在【CSS】文件夹里：主要 main.css 文字样式 font.css 表...

2011-09-07 15:24:00 264