简明现代魔法 -> web设计理念

PHP与JavaScript下的Cookie操作

列出JS和php交互的方法

php用自身函数读取php 的cookie,没有任何障碍,无需解码处理。js采用cookie.js方法读取js 的cookie,没有任何障碍,无需解码处理。js读取php的中文cookie,需要做 "decodeURIComponent (escape(php_cn_ck)) "函数处理。php读取js的中文cookie 需要做 "unescape()" 函数处理。

发布于 2011-04-06 分类:webdesign

一个用js代码生成的Loading效果

用四个符号(-、\、|、/) 来模拟不断旋转

一个简单的loading效果,用四个符号(-、\、|、/) 来模拟一个不断旋转的小东东,以提示用户当前正在载入中,ArcLive 上为玩家建立连线时便是这样显示的,呵呵。为了避免可能出现的阻塞浏览器线程的情况,这里用setTimeout 代替了setInterval。让人想起了DOS下QBasic和FoxBase那种远去的亲切吧 :)

发布于 2011-04-03 分类:webdesign

一步步实现JavaScript图片导航

图片导航是如何实现的

我们要做一个图片导航,一屏显示5张图片,用户能点"上一张"/"下一张"按钮,实现移动切换图片,如果往前没有图片了则"上一张"是无效状态,如果往后没有图片了则"下一张"是无效状态。可以使用jquery去实现,但容易陷入怎么做的思维中,如果自己手写的话,就可以先思考做什么,然后再思考怎么做。(当然这里做什么指原型已确定的)

发布于 2011-04-02 分类:webdesign

用图片代替单选按钮作为选项

用label就可以实现

单选按钮一般我们需要点中那个小圆圈,才可以选中该选项。那么我们能不能不点那个小圆圈,直接点该选项(文字或图片等)而进行选中呢?答案肯定是可以的,用label就可以实现,下面是一个简单的例子。

发布于 2011-04-02 分类:webdesign

关于用户体验的一些思考

反对把"最佳实践"、"方法论"、"框架"挂在嘴边

用户体验这个词似乎突然流行起来,似乎因为以前过苦日子,不在乎衣着打扮,最近大家富足了,审美提高了,突然迸发出了需求。当然也和大环境有关系,比如苹果的成功,很多人就认为是用户体验至上;360不管口碑如何,产品也经常被(包括Pony)作为用户体验的榜样。

发布于 2011-03-27 分类:webdesign

在iframe里对父级页面进行表单验证

在iframe中使用parent关键字

我们有时候需要在iframe里面对父级的表单进行验证,这其实也很简单,在iframe中使用parent关键字来调用父级页面的javascript函数即可。下面是我在项目遇到的一个实际问题,为了以后使用方便,记录下。如果能对大家也有用,那就最好了。

发布于 2011-03-20 分类:webdesign

浏览器是如何加载外部资源的

看看各浏览器是如何下载资源来打开页面的

这个总结来源于一次优化的请求,最初某个页面的加载十分缓慢,load事件迟迟无法触发,因此希望可以通过对静态文件分域名等方式对页面的外部资源进行优化,拿得load事件尽可能早地触发。本篇文章就使用几种流行的浏览器,针对同一个页面的外部资源加载过程进行分析,推测各浏览器加载外部资源的策略、特征,并最后给予一定的比较和总结。

发布于 2011-03-16 分类:webdesign

如何不刷新提交表单

无刷新提交数据除了Ajax也可以使用这个

如果按照常规的表单提交方法,提交后页面会进行转向,如果希望页面无刷新,可以通过ajax方法,也可以简单的通过iframe的方法。这个时候,可以将表单提交到框架中。大概模式如下:放个隐藏的 iframe,给表单指定 target。提交后会刷新这个隐藏的 iframe。

发布于 2011-03-12 分类:webdesign

让眼睛始终注视着你的鼠标

Google曾经用过的一个js效果

没看之前,觉得会挺难的,今天看了别人的思路,于是自己摸索着也整了一个出来。感觉这东西也不太实用,不过把它挂在博客上什么的装饰一下还可以,但主要是练习js,提高自己的编程能力啦~。写的时候,画张图,边分析边写,会容易些,另外就是一些初中数学知识的运用啦......

发布于 2011-03-10 分类:webdesign

论文:搜索引擎爬虫的实现

看看搜索引擎的基本实现技术

万维网是一个通过HTML格式使数十亿的文件产生联系的集合 ,然后如此规模庞大的数据已经成为信息检索的障碍,用户为了查找自己想要的资料可能要翻转数页。网络爬虫是搜索引擎的核心部分,网页爬虫持续不断的在互联网上爬行来寻找任何新的增加到网络中的页面和已经从网上删除页面。由于网页的持续的增长和动态性,遍历网络中所有的网址并处理已成为一种挑战。

发布于 2011-03-06 分类:webdesign

密码强度评分规则

用户体验从细节开始做好

密码强度是一个很普遍的功能,比较简单,主要是怎么制定这个强度规则。现在需要升级密码强度的验证,以前的验证比较简单,现在已经不能满足需求了,现在需要可灵活变化并有多级别可配置选择的一个密码强度验证,所以就设计了下面这个东东。在设计前也参考了下比较成熟的强度规则,大同小异,不外乎都采取了打分的机制来控制密码强度规则,这样可配置性高,灵活。

发布于 2011-02-10 分类:webdesign

网站访问速度的前端优化

简单的6种方法加快你的网站访问速度

把你的 .js 库文件地址替换成 Google CDN的地址,精简和优化你的 js 和 CSS,GZIP 压缩你的 JS 和 CSS 文件,缓存你的 js 和 CSS 文件,使用css sprites合并图片,优化你网站图片(图片)。以上6种优化方法都是前端的,前端优化的意义在于减少http请求,减少网站前端程序组成的体积。

发布于 2011-02-03 分类:webdesign

为什么我不出十秒就离开你的网站

借鉴失败的经验来提升网站的用户体验

是什么让人们在打开你的网页没多久就按下返回键?他们为什么那么快就想摆脱你的网站?可以做些什么来改善这一点呢?长期思考这个问题之后,我发现了比原本想象的还要多的一些因素。如果把以下因素单独考虑的话,可能还不至于让访问者产生迅速离开的冲动,但是如果这些因素掺杂在一起的话,却足以留给访问者一个足够坏的印象,让他们马上离开。

发布于 2010-12-26 分类:webdesign

数学与代码结合的美丽

其实JS也能绘出漂亮的动画

除了html5支持的canvas画布外,几乎是不可能通过一两个元素就构建出我们所想的视井深度的。哪怕是我们想建一个最简单的基于球体的模型,都不得不通过像素模拟的思想来实现。可是如果是像素模拟,可能吗?等于说需要成千上万个元素才能模拟一个稍微像样的球体模型。。。浏览器表示鸭梨很大很大,浏览器说如果要这样,你还是杀了我吧。

发布于 2010-12-15 分类:webdesign

一个前端初学者的经验总结

经验的东西是最珍贵的

三个月前写的代码,除了一些样式没分离之外,我还观察到一点,以前的代码动不动就div,很少的地方用H元素,标题的地方都用div+span来控制了,这真是个杯具。不过现在的我尽量在将这些东西改过来。很多人都会用div+css,但是很少有人能不写多余的标签,这需要一定的功底,我知道我自己已经在这个方向上发展了,值得欣慰的事。

发布于 2010-12-03 分类:webdesign
 

copyright © 2009 简明现代魔法    学习、分享、进步

power by Gonn 感谢所有关心和支持本站的朋友们