<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/ankang2030</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; ankang2030]]></copyright><item><title><![CDATA[Diy页面服务端渲染解决方案]]></title><link>https://blog.youkuaiyun.com/ankang2030/article/details/102294534</link><guid>https://blog.youkuaiyun.com/ankang2030/article/details/102294534</guid><author>ankang2030</author><pubDate>Mon, 18 Jan 2016 15:28:00 +0800</pubDate><description><![CDATA[1. 问题由来
在移动互联网电商领域，运营每天需要搭建多个促销页面来吸引用户去点击去购买，一开始程序员临时写个新页面去实现，可这些页面可以用几次就不用了，每次创建新页面去实现费时费力，而且，电商的运营需求是快速迭代的，每次去页面代码里去改，然后上线也太不方便了。所以产品提出了Diy 页面----配置web组件去搭建页面，事先定好页面可能到用到哪些的组件，然后运营在后台选好页面由哪些组件...]]></description><category></category></item><item><title><![CDATA[数据表格表头与首列固定的完全实现]]></title><link>https://blog.youkuaiyun.com/ankang2030/article/details/102294533</link><guid>https://blog.youkuaiyun.com/ankang2030/article/details/102294533</guid><author>ankang2030</author><pubDate>Thu, 10 May 2012 16:21:00 +0800</pubDate><description><![CDATA[前几天项目经理跟我说有这么个需求：一个很大的表格，垂直滑动时表头固定，水平滑动里第一、二列固定。我一想这也太难实现了，直接回复说可能实现不了，可是没过会经理发个12306网站的一个现存的实现样子，汗！我只能说那我先调研下实现的成本吧。心里想想反正客户给钱，没有什么理由不做啊。
1. 前期调研
先打开12306网站上面的那个表格，打开浏览器调试工具，发现他们好像用的是插件（dhtmlx...]]></description><category></category></item><item><title><![CDATA[HTML5表单及其验证]]></title><link>https://blog.youkuaiyun.com/ankang2030/article/details/102294550</link><guid>https://blog.youkuaiyun.com/ankang2030/article/details/102294550</guid><author>ankang2030</author><pubDate>Thu, 26 Apr 2012 10:19:00 +0800</pubDate><description><![CDATA[HTML表单一直都是Web的核心技术之一，有了它我们才能在Web上进行各种各样的应用。HTML5 Forms新增了许多新控件及其API，方便我们做更复杂的应用，而不用借助其它Javascript框架，先说下表单的几个基本知识点：

表单仍是以&lt;form&gt;元素作为容器，我们可在其中设置基本的提交特性；
当用户提交页面时，表单仍然向服务器发送表单控件的值；
之前老版本中的...]]></description><category></category></item><item><title><![CDATA[谈谈javascript中的定时器]]></title><link>https://blog.youkuaiyun.com/ankang2030/article/details/102294530</link><guid>https://blog.youkuaiyun.com/ankang2030/article/details/102294530</guid><author>ankang2030</author><pubDate>Fri, 06 Jan 2012 13:26:00 +0800</pubDate><description><![CDATA[最近写一些JS动画，常用到JS中的定时器(setTimeout &amp; set Interval)，查找相关资料，有些心得与大家一起分享。 使用setTimeout &amp; set Interval创建的定时器可以实现有趣且有用的功能，初学者可能对Javascript的定时器有误解，认为它们是线程，其实Javascript是运行于单线程中的，而定时器仅仅是计划在未来的某个时间执行...]]></description><category></category></item><item><title><![CDATA[web前端工程师入门须知]]></title><link>https://blog.youkuaiyun.com/ankang2030/article/details/102294547</link><guid>https://blog.youkuaiyun.com/ankang2030/article/details/102294547</guid><author>ankang2030</author><pubDate>Fri, 16 Dec 2011 10:52:00 +0800</pubDate><description><![CDATA[本文是写给那些想要入门web前端工程的初学者，高手请路过，也欢迎高手们拍砖。 先说下web前端工程师的价值，目前web产品交互越来越复杂，用户使用体验和网站前端性能优化这些都得靠web前端工程师去做web前端工程师是设计加开发的综合体，web前端工程师是在开发人员中最直接面向产品，面向用户的设计人员，一个开发团队的成果是要靠web前端工程师去展现，因为用户不会去关心后台的处理有多么强大 ...]]></description><category></category></item><item><title><![CDATA[CSS3实践之路(六):CSS3的过渡效果(transition)与动画(animation)]]></title><link>https://blog.youkuaiyun.com/ankang2030/article/details/102294526</link><guid>https://blog.youkuaiyun.com/ankang2030/article/details/102294526</guid><author>ankang2030</author><pubDate>Mon, 21 Nov 2011 10:30:00 +0800</pubDate><description><![CDATA[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...]]></description><category></category></item><item><title><![CDATA[CSS3实践之路(五):2D和3D转换(transform)]]></title><link>https://blog.youkuaiyun.com/ankang2030/article/details/102294542</link><guid>https://blog.youkuaiyun.com/ankang2030/article/details/102294542</guid><author>ankang2030</author><pubDate>Thu, 17 Nov 2011 11:02:00 +0800</pubDate><description><![CDATA[.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...]]></description><category></category></item><item><title><![CDATA[CSS3实践之路(四):文本特效]]></title><link>https://blog.youkuaiyun.com/ankang2030/article/details/102294523</link><guid>https://blog.youkuaiyun.com/ankang2030/article/details/102294523</guid><author>ankang2030</author><pubDate>Mon, 14 Nov 2011 10:22:00 +0800</pubDate><description><![CDATA[.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...]]></description><category></category></item><item><title><![CDATA[CSS3实践之路(三):颜色(Color)和背景(Backgroud)]]></title><link>https://blog.youkuaiyun.com/ankang2030/article/details/102294539</link><guid>https://blog.youkuaiyun.com/ankang2030/article/details/102294539</guid><author>ankang2030</author><pubDate>Sun, 06 Nov 2011 10:29:00 +0800</pubDate><description><![CDATA[.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...]]></description><category></category></item><item><title><![CDATA[CSS3实践之路(二):盒子模型(box Model)和边框(border)]]></title><link>https://blog.youkuaiyun.com/ankang2030/article/details/102294521</link><guid>https://blog.youkuaiyun.com/ankang2030/article/details/102294521</guid><author>ankang2030</author><pubDate>Wed, 02 Nov 2011 09:53:00 +0800</pubDate><description><![CDATA[.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...]]></description><category></category></item><item><title><![CDATA[CSS3实践之路(一):CSS3之我观]]></title><link>https://blog.youkuaiyun.com/ankang2030/article/details/102294537</link><guid>https://blog.youkuaiyun.com/ankang2030/article/details/102294537</guid><author>ankang2030</author><pubDate>Tue, 01 Nov 2011 10:03:00 +0800</pubDate><description><![CDATA[CSS 的英文全称Cascading Style Sheets，中文意思是级联样式表,通过设立样式表，可以统一地控制HMTL中各DOM元素的显示属性。级联样式表可以使人更能有效地控制网页外观。使用级联样式表，可以扩充精确指定网页元素位置，外观以及创建特殊效果的能力。 CSS的W3官方网址是:www.w3.org/TR/CSS/,在这个《CSS3实践之路》中这官方资料是我主要参考资料，此外...]]></description><category></category></item><item><title><![CDATA[JS特效文字逐个显示]]></title><link>https://blog.youkuaiyun.com/ankang2030/article/details/102294517</link><guid>https://blog.youkuaiyun.com/ankang2030/article/details/102294517</guid><author>ankang2030</author><pubDate>Sat, 22 Oct 2011 23:12:00 +0800</pubDate><description><![CDATA[最近上网看到一个JS特效,让文字逐个在网页上显示,就像手动一个一个输入这些文字一样.把相关的代码copy过来,在本地运行,发现这些JS只在IE在有效,其它浏览器都没有效果,于是本人在此基础上作些改进,让此效果在所有浏览器都有此效果. 以下是网上JS特效源码:&lt;script language="JavaScript1.2"&gt;
var it=0
function initia...]]></description><category></category></item><item><title><![CDATA[Asp.Net平台下的图片在线裁剪功能的实现]]></title><link>https://blog.youkuaiyun.com/ankang2030/article/details/102294529</link><guid>https://blog.youkuaiyun.com/ankang2030/article/details/102294529</guid><author>ankang2030</author><pubDate>Wed, 19 Oct 2011 10:32:00 +0800</pubDate><description><![CDATA[最近项目中有个图片在线裁剪功能,本人查找资料,方法如下:前台展现用jquery.Jcrop实现,后台使用 System.Drawing.Image类来进行裁剪.
1.前台展现实现
网上找到这个jquery.Jcrop,稍看了下,发现它提供的效果完全能满足项目需求.
官方网址:http://deepliquid.com/content/Jcrop.html,感兴趣的朋友可去看看.
...]]></description><category></category></item><item><title><![CDATA[利用CSS3的transform做的动态时钟]]></title><link>https://blog.youkuaiyun.com/ankang2030/article/details/102294524</link><guid>https://blog.youkuaiyun.com/ankang2030/article/details/102294524</guid><author>ankang2030</author><pubDate>Wed, 21 Sep 2011 16:31:00 +0800</pubDate><description><![CDATA[近来HTML5+CSS3，以及相关的游戏开发都很火啊，本人也得跟上时代的脚步，做了一个CSS3的小Demo供大家指点。
1. transform 与 transform-origin 使用说明
目前这两个属性得到了主流浏览器IE，webkit，firefox，opera的支持，属性名分别为-ms-transform -webkit-transform，-moz-transform，-...]]></description><category></category></item><item><title><![CDATA[HTML+CSS编写规范]]></title><link>https://blog.youkuaiyun.com/ankang2030/article/details/102294535</link><guid>https://blog.youkuaiyun.com/ankang2030/article/details/102294535</guid><author>ankang2030</author><pubDate>Wed, 07 Sep 2011 15:24:00 +0800</pubDate><description><![CDATA[在任何一个项目或者系统开发之前都需要定制一个开发约定和规则，这样有利于项目的整体风格统一、代码维护和扩展。由于Web项目开发的分散性、独立性、整合的交互性等，所以定制一套完整的约定和规则显得尤为重要。 第一节 CSS样式文件的命名 建立样式表文件时，分类编写样式到下列样式表文件中，并统一放在【CSS】文件夹里：     主要  main.css  文字样式  font.css   表...]]></description><category></category></item></channel></rss>