<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[boia]]></title><description><![CDATA[程序员之家，程序员的花园]]></description><link>https://blog.youkuaiyun.com/boiaprogramfan0420</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; boiaprogramfan0420]]></copyright><item><title><![CDATA[【HTML5】（360、联想、腾讯各类手机管家）旋转渐变条]]></title><link>https://blog.youkuaiyun.com/boiaprogramfan0420/article/details/8841834</link><guid>https://blog.youkuaiyun.com/boiaprogramfan0420/article/details/8841834</guid><author>boiaprogramfan0420</author><pubDate>Tue, 23 Apr 2013 21:18:34 +0800</pubDate><description><![CDATA[前两天用html5做了一个手机管家上查毒的旋转条，发个教程


http://boia.github.io/blog/2013/04/23/process/]]></description><category></category></item><item><title><![CDATA[【JS】地球节电一小时]]></title><link>https://blog.youkuaiyun.com/boiaprogramfan0420/article/details/8714244</link><guid>https://blog.youkuaiyun.com/boiaprogramfan0420/article/details/8714244</guid><author>boiaprogramfan0420</author><pubDate>Sun, 24 Mar 2013 20:16:46 +0800</pubDate><description><![CDATA[今天用CSS3+JS写了个地球节电1小时的效果




教程：  纪念地球节电一小时




预览： http://boia.github.com/art/light.html]]></description><category></category></item><item><title><![CDATA[【联想面试】面试第一站(带题目和答案)]]></title><link>https://blog.youkuaiyun.com/boiaprogramfan0420/article/details/8643905</link><guid>https://blog.youkuaiyun.com/boiaprogramfan0420/article/details/8643905</guid><author>boiaprogramfan0420</author><pubDate>Wed, 06 Mar 2013 20:25:40 +0800</pubDate><description><![CDATA[昨天去联想面试了，发个链接





面试第一站—————联想(带题目和我做的)
http://boia.github.com/blog/2013/03/06/lenovo/]]></description><category></category></item><item><title><![CDATA[octopress剖析]]></title><link>https://blog.youkuaiyun.com/boiaprogramfan0420/article/details/8634292</link><guid>https://blog.youkuaiyun.com/boiaprogramfan0420/article/details/8634292</guid><author>boiaprogramfan0420</author><pubDate>Mon, 04 Mar 2013 16:33:55 +0800</pubDate><description><![CDATA[这里将从最初级的安装开始讲起，然后有哪些好玩的DIY也可以闹闹。




1. Octopress初级安装


这里讲了基本的安装还有各个软件的配置




2. Octopress增加新浪微博侧栏






3. 在octopress中加入jsfiddle




以后还会继续更新，请关注boia]]></description><category></category></item><item><title><![CDATA[【html5百度地图】简单使用]]></title><link>https://blog.youkuaiyun.com/boiaprogramfan0420/article/details/8451529</link><guid>https://blog.youkuaiyun.com/boiaprogramfan0420/article/details/8451529</guid><author>boiaprogramfan0420</author><pubDate>Sat, 29 Dec 2012 21:13:36 +0800</pubDate><description><![CDATA[今天本想着使用下google地图的API，没想到呢，国内这网速又要让我吐槽一番。
然后想想，好吧，百度好歹也是国产精英，然后去百度开发者网站看了下，果然不赖，而且和google map用法也是大同小异。


geolocation是navigator的一个属性，它是一个地理位置对象，要使用这个对象，首先需要去检测浏览器是不是支持，如果对JS比较熟悉，那么if(navigator.geolo]]></description><category></category></item><item><title><![CDATA[【JS每日练习】阿里巴巴web前端开发面试题]]></title><link>https://blog.youkuaiyun.com/boiaprogramfan0420/article/details/7506553</link><guid>https://blog.youkuaiyun.com/boiaprogramfan0420/article/details/7506553</guid><author>boiaprogramfan0420</author><pubDate>Wed, 25 Apr 2012 23:23:46 +0800</pubDate><description><![CDATA[今天在浏览一个网站的时候，找到了阿里巴巴的Web前端面试题，然后自己做了下，跟大家分享一下




第一部分：用CSS实现布局

让我们一起来做一个页面
首先，我们需要一个布局。
请使用CSS控制3个div，实现如下图的布局。









第二部分：用javascript优化布局

由于我们的用户群喜欢放大看页面
于是我们给上一题的布局做一次优化。]]></description><category></category></item><item><title><![CDATA[【JS每日练习】JS写的tab选项卡]]></title><link>https://blog.youkuaiyun.com/boiaprogramfan0420/article/details/7495041</link><guid>https://blog.youkuaiyun.com/boiaprogramfan0420/article/details/7495041</guid><author>boiaprogramfan0420</author><pubDate>Tue, 24 Apr 2012 18:46:36 +0800</pubDate><description><![CDATA[今天在某个论坛看到一个选项卡的实例，觉得还不错，自己就试着写了下，代码如下


	
    JS tab滑动门练习
    
		*{padding:0;margin:0;}
		.tab{width:600px;margin:40px auto;}
		.item{border:2px solid #000;border-radius:5px 5px 0 0;background:#000;h]]></description><category></category></item><item><title><![CDATA[从0开始计时]]></title><link>https://blog.youkuaiyun.com/boiaprogramfan0420/article/details/7494133</link><guid>https://blog.youkuaiyun.com/boiaprogramfan0420/article/details/7494133</guid><author>boiaprogramfan0420</author><pubDate>Tue, 24 Apr 2012 15:49:05 +0800</pubDate><description><![CDATA[JS练习
	
		tt = 0;
		function clock()
		{		
			//var tt = document.getElementById("txt").value;
			tt++;
			document.getElementById("txt").value = tt;
			//setInterval("clock()",1000);
		}
		
	


	
	
	点]]></description><category></category></item><item><title><![CDATA[【JS每日练习】简单时钟的实现]]></title><link>https://blog.youkuaiyun.com/boiaprogramfan0420/article/details/7494057</link><guid>https://blog.youkuaiyun.com/boiaprogramfan0420/article/details/7494057</guid><author>boiaprogramfan0420</author><pubDate>Tue, 24 Apr 2012 15:36:42 +0800</pubDate><description><![CDATA[JS练习
	
		function clock()
		{
			var tt = new Date();
			document.getElementById("time").innerHTML = tt.getHours()+":"+
					(tt.getMinutes()<10?"0"+tt.getMinutes():tt.getMinutes())+":"+(tt.getSeconds]]></description><category></category></item><item><title><![CDATA[Canvas globalAlpha绘出透明图形]]></title><link>https://blog.youkuaiyun.com/boiaprogramfan0420/article/details/7471456</link><guid>https://blog.youkuaiyun.com/boiaprogramfan0420/article/details/7471456</guid><author>boiaprogramfan0420</author><pubDate>Tue, 17 Apr 2012 22:18:40 +0800</pubDate><description><![CDATA[var mycanvas = document.getElementById("mycanvas");
	var context = mycanvas.getContext("2d");
	
	context.fillStyle = "#ff0";
	context.fillRect(0,0,150,150);
	context.fillStyle = "#0f0";
	context.fillR]]></description><category></category></item><item><title><![CDATA[fillStroke画出多彩图形]]></title><link>https://blog.youkuaiyun.com/boiaprogramfan0420/article/details/7471328</link><guid>https://blog.youkuaiyun.com/boiaprogramfan0420/article/details/7471328</guid><author>boiaprogramfan0420</author><pubDate>Tue, 17 Apr 2012 21:43:35 +0800</pubDate><description><![CDATA[var mycanvas = document.getElementById("mycanvas");
	var context = mycanvas.getContext("2d");
	
	//context.fillStyle = "red";
	for(var i=0;i<6;i++)
	{
		for(var j=0;j<6;j++)
		{
			//context.beginPath]]></description><category></category></item><item><title><![CDATA[【Html5每日练习】本地存储localStorage]]></title><link>https://blog.youkuaiyun.com/boiaprogramfan0420/article/details/7461429</link><guid>https://blog.youkuaiyun.com/boiaprogramfan0420/article/details/7461429</guid><author>boiaprogramfan0420</author><pubDate>Sat, 14 Apr 2012 20:50:34 +0800</pubDate><description><![CDATA[上一篇博文中讲到了sessionStorage，今天来练习一下localStorage，其实localStorage很简单，只要将对象改一下就行，看代码








  

	var dataArr = [];
	var ele = document.getElementsByClassName("text")[0];  //利用类选择器获得元素
	function setData()]]></description><category></category></item><item><title><![CDATA[【Html5每日练习】本地存储之sessionStorage]]></title><link>https://blog.youkuaiyun.com/boiaprogramfan0420/article/details/7461410</link><guid>https://blog.youkuaiyun.com/boiaprogramfan0420/article/details/7461410</guid><author>boiaprogramfan0420</author><pubDate>Sat, 14 Apr 2012 20:42:09 +0800</pubDate><description><![CDATA[Html5很强大，不仅添了新的选择器，而且还加了一个Web Storage，以前使用cookies总让我感到不爽，不过在这里我就侮辱它了，好歹也存活了那么多年了，今天就让我们来领略一下html5的风骚








  

	var dataArr = [];
	var ele = document.getElementsByClassName("text")[0];  //利用类选择器获]]></description><category></category></item><item><title><![CDATA[【JS 每日练习】实现颜色变换]]></title><link>https://blog.youkuaiyun.com/boiaprogramfan0420/article/details/7460910</link><guid>https://blog.youkuaiyun.com/boiaprogramfan0420/article/details/7460910</guid><author>boiaprogramfan0420</author><pubDate>Sat, 14 Apr 2012 16:32:41 +0800</pubDate><description><![CDATA[红:
绿:
蓝:

有趣的颜色变化

	function changeColor()
	{
		$("font").style.color = toRGB();
	}
	function toRGB()
	{
		var red = parseInt($("red").value);
		var green = parseInt($("green").value);
		var blue = pa]]></description><category></category></item><item><title><![CDATA[【Html5每日练习】canvas五彩缤纷的五角星]]></title><link>https://blog.youkuaiyun.com/boiaprogramfan0420/article/details/7460777</link><guid>https://blog.youkuaiyun.com/boiaprogramfan0420/article/details/7460777</guid><author>boiaprogramfan0420</author><pubDate>Sat, 14 Apr 2012 15:46:30 +0800</pubDate><description><![CDATA[貌似是很久没碰数学的缘故，今天计算如何绘制一个五角星特别地费力，看来还得好好地学下高数啊，太虚假了~~~
不过计算出来后还是有一点小小的错误，有两条边有点误差，大家就凑合看吧，不要见怪




	var myCanvas = document.getElementById("myCanvas");
	var context = myCanvas.getContext("2d");

	//创建]]></description><category></category></item><item><title><![CDATA[【Html5每日练习】canvas绘制坐标变换图形]]></title><link>https://blog.youkuaiyun.com/boiaprogramfan0420/article/details/7460243</link><guid>https://blog.youkuaiyun.com/boiaprogramfan0420/article/details/7460243</guid><author>boiaprogramfan0420</author><pubDate>Sat, 14 Apr 2012 11:36:21 +0800</pubDate><description><![CDATA[前两天我一直搞不懂坐标变换的内3个函数，按手册上的去写代码，发现实现的代码和手册上说的代码不一样，所以决定自己好好地研究一下，后来明白了，我总喜欢把函数写在路径后面，所以实现不了变换，今天在网上闲逛的时候看到一个马尾图案，我就试着画了一个，实现的思路应该有两种，但代码却可以有N种，代码如下






	var myCanvas = document.getElementById("myCa]]></description><category></category></item><item><title><![CDATA[【Html5每日练习】canvas绘制线性渐变图形]]></title><link>https://blog.youkuaiyun.com/boiaprogramfan0420/article/details/7460114</link><guid>https://blog.youkuaiyun.com/boiaprogramfan0420/article/details/7460114</guid><author>boiaprogramfan0420</author><pubDate>Sat, 14 Apr 2012 10:44:02 +0800</pubDate><description><![CDATA[var myCanvas = document.getElementById("myCanvas");
	var context = myCanvas.getContext("2d");
	
	var canvasGra = context.createLinearGradient(0,0,0,500);
	canvasGra.addColorStop(0,"rgba(255,0,0,0.5)")]]></description><category></category></item><item><title><![CDATA[CSS选项卡]]></title><link>https://blog.youkuaiyun.com/boiaprogramfan0420/article/details/7459292</link><guid>https://blog.youkuaiyun.com/boiaprogramfan0420/article/details/7459292</guid><author>boiaprogramfan0420</author><pubDate>Fri, 13 Apr 2012 21:24:23 +0800</pubDate><description><![CDATA[看到好多大型的网站都会有一些tab选项卡，所以今天就写了一个供大家参考，代码简洁明了，不需要太多的解释，只需要注意一下兼容性问题就行了。看代码




	css选项卡练习

	
		div{width:565px;height:220px;}
		div.tabcard .nav{background-color:#ff359a;width:565px;height:21px;}
		.na]]></description><category></category></item><item><title><![CDATA[windows.event对象详细介绍]]></title><link>https://blog.youkuaiyun.com/boiaprogramfan0420/article/details/7458317</link><guid>https://blog.youkuaiyun.com/boiaprogramfan0420/article/details/7458317</guid><author>boiaprogramfan0420</author><pubDate>Fri, 13 Apr 2012 16:12:43 +0800</pubDate><description><![CDATA[1、event代表事件的状态，例如触发event对象的元素、鼠标的位置及状态、按下的键等等。event对象只在事件发生的过程中才有效。event的某些属性只对特定的事件有意义。比如，fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。 

2、属性：





altKey, button, cancelBubbl]]></description><category></category></item><item><title><![CDATA[【Html5每日练习】canvas quadraticCurve二次曲线深入理解]]></title><link>https://blog.youkuaiyun.com/boiaprogramfan0420/article/details/7455523</link><guid>https://blog.youkuaiyun.com/boiaprogramfan0420/article/details/7455523</guid><author>boiaprogramfan0420</author><pubDate>Thu, 12 Apr 2012 21:12:12 +0800</pubDate><description><![CDATA[今天在canvas看见两个方法用来绘制贝塞尔曲线，我觉得很好奇，就点开了参考手册的说明，但令我失望了，几乎什么也没有，只有那么一句话，贝塞尔曲线的数学原理超过了本参考页的范围。好吧，看来有些东西就得靠自己，在百度搜索了下贝塞尔曲线，百度文科解释的还是挺透彻的，明白了以后，就开始操作了，代码很简单，如下







	var myCanvas = document.getElementBy]]></description><category></category></item></channel></rss>