摘要: 花了一周的时间完成了 说吧 (免费网页电话) 的前端开发工作,先将技术点总结如下:免费电话采用最新的html5 webRTC 技术 实现互联网和电信MIS网互通实现网页电话,目前只有 google chrome 支持,如果你想实现免费电话拨打,测试地址:https://www.10086china.com/index.html?id=OTkxMzA3MjUwODM3MzE5OQ== (长链接,顺便赚点积分,目前只支持chrome浏览器哦,哈哈)1、 导航(主要采用纯CSS3 实现)DOM: 首页 功能介绍 活动 邀请达人 签到达人 ... 阅读全文
posted @ 2013-09-11 13:27 pansly 阅读(1644) 评论(1) 推荐(3) 编辑
摘要: 1.在Android中java层提供了工具类:android.util.Base64; 里面都是静态方法,方便直接使用: 使用方法如下:Java代码//Base64编码:byte[]encode=Base64.encode("Hello,World".getBytes(),Base64.DEFAUL... 阅读全文
posted @ 2014-07-25 13:02 pansly 阅读(895) 评论(0) 推荐(0) 编辑
摘要: html5 canvas 提供了绘制一系列曲线的函数。如下:1、如果我们需绘制更加复杂的曲线路径,我们或许该用到贝塞尔或者2次方程曲线。quadraticCurveTo(cp1x, cp1y, x, y) bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y)两种曲线有何区别?我们可以参看一下右边这张图,2种曲线都有一个起点和终点(blue point),但是贝塞尔曲线仅有一个“control point”(red point),2次曲线则有2个。两个方法中的x和y参数都为曲线的终点坐标,cp1x和cp1y为第一control point的坐标,cp2x和cp2 阅读全文
posted @ 2012-05-19 13:21 pansly 阅读(8521) 评论(1) 推荐(1) 编辑
摘要: 标签:请求状态码 http如果向您的服务器发出了某项请求要求显示您网站上的某个网页(例如,当用户通过浏览器访问您的网页或在 Googlebot 抓取该网页时),那么,您的服务器会返回 HTTP 状态代码以响应该请求。此状态代码提供了有关请求状态的信息,且为 Googlebot 提供了有关您网站和请求的网页的信息。一些常见的状态代码为:200 - 服务器成功返回网页404 - 请求的网页不存在503 - 服务器暂时不可用以下提供了 HTTP 状态代码的完整列表。点击链接可了解详细信息。您也可以访问有关 HTTP 状态代码的 W3C 页来了解详细信息。1xx(临时响应) 用于表示临时响应并需要请求 阅读全文
posted @ 2012-03-09 18:19 pansly 阅读(485) 评论(0) 推荐(0) 编辑
摘要: 【背景】如果你是刚进入WEB前端研发领域,想试试这潭水有多深,看这篇文章吧;如果你是做了两三年WEB产品前端研发,迷茫找不着提高之路,看这篇文章吧;如果你是四五年的前端开发高手,没有难题能难得住你的寂寞高手,来看这篇文章吧;WEB 前端研发工程师,在国内是一个朝阳职业,自07-08年正式有这个职业以来,也不过三四年的时间。这个领域没有学校的正规教育,没有行内成体系的理论指 引,几乎所有从事这个职业的人都是靠自己自学成才。自学成才,一条艰辛的坎坷路,我也是这样一路走来。从2002年开始接触WEB前端研发至今已然有了9 个年头,如今再回首,期间的走了很多弯路。推已及人,如果能让那些后来者少走些弯路 阅读全文
posted @ 2012-02-02 13:53 pansly 阅读(360) 评论(0) 推荐(1) 编辑
摘要: 一、我之前介绍过的三角实现效果回顾这里所说的三角效果之等腰直角三角形效果(等边三角形有现成字符实现,没什么好说的;还有图片实现三角众人皆知,不予以说明):1. 字符实现三角效果关于字符实现三角我早在09年的时候就介绍了:使用字符实现兼容性的圆角尖角效果。一转眼两年过去了,这个技术开始被越来越多的人所熟知。使用的字符是正棱形“◆”字符,编码表示为◆。需要一定的裁剪,在极少数情况下,在FireFox浏览器下,棱形“◆”字符的字符显示会有偏差(阳痿体积小)。根据自己的实践,借助CSS3的transform旋转和IE的旋转滤镜可以比较简单地使用单标签实现上下左右各个方向还算兼容的效 阅读全文
posted @ 2011-12-18 23:29 pansly 阅读(795) 评论(0) 推荐(0) 编辑
摘要: 1、看清真相字符呢,我的理解是,跟页面上的汉字,英文字母啊等东东属于同样的东西。首先,字符图案是显示器用一个一个同样颜色的像素点组成的,不会有锯齿杂边的麻烦,如果您用photoshop制作一个小三角图片,说不定就会有可恶的白色杂边,而字符绝不会有这个问题。其次,字符本质上就是文字,受限于css的font-size属性,color属性等一切对文字起作用的属性。2、使用字符代替图片的优点①不用去作图抠图了,省了多少功夫啊!对于页面工程师来说,大大减轻了工作负担,要知道,与小于10像素的小图打交道很耗时间精力的。②不用担心杂边的问题了,字符都是纯色的像素点,想出现杂边都难。③容易控制!要想字符图案变 阅读全文
posted @ 2011-12-18 23:28 pansly 阅读(371) 评论(0) 推荐(0) 编辑
摘要: UI: jquery.HooRay jquery UI(官方的UI插件,功能很多,但我只用少数几个) jQuery EasyUI jQuery LigerUI 对话框: artDialog(很欣赏这个插件,又强大又美观) AsyncBox(制作者小吴同学也是博客园的人呢) jBox(继续国人的插件,就是皮肤稍微做的弱了点,功能上一点不输前两者) lhgDialog(作者似乎和我同龄,挺不错的) 表单验证: jquery-validate(这个就不用介绍了吧) jQuery formValidator(作者也是园子里的人哦) 放大镜: cloud zoom(这个效果炫... 阅读全文
posted @ 2011-12-18 23:24 pansly 阅读(239) 评论(0) 推荐(0) 编辑
摘要: 效果,li内文字超出隐藏,不允许出现半个汉字,超出后仍显示new图片,小于宽度自动跟随,div代码: <div class="contenta_news"><h2><a href="market?marketType=0"><img width="287" height="30" border="0" src="images/home_mlks.jpg"></a></h2><ul><li 阅读全文
posted @ 2011-12-12 16:41 pansly 阅读(1005) 评论(0) 推荐(0) 编辑
摘要: http://yslove.net/2011/02/ie6-javascriptvoid0/‘遇到过几次这种问题,现在总结一下。代码:<a onclick="window.location.href='http://www.google.com'" href="javascript:void(0);">google</a><a href="javascript:alert('Hello!');">Say Hello</a><a href=" 阅读全文
posted @ 2011-11-29 16:35 pansly 阅读(4061) 评论(0) 推荐(0) 编辑