Category: Web开发

1

利用JSONP解决跨域问题

什么是跨域? 简单的来说,出于安全方面的考虑,javascript不能访问其他服务器上的内容,即“同源策略”(参考1,参考2)。跨域就是通过某种手段绕过同源策略去访问不同服务器上的内容。只要域名、端口、协议任何一个不同,就是不同的域。协议或端口不同只能通过后端来解决。

0

理解session与cookie

在Web发展历史中,session与cookie都是伟大的存在,其初衷都是为了记住用户在网站上的浏览信息,如果没有其他替代品的出现,几乎所有web站点都离不开session与cookie。

如何禁止(表单)用户名、密码自动填充 3

如何禁止(表单)用户名、密码自动填充

Html登录表单经常被自动填充,有的甚至用户从来没有登录过的网站也会有自动填充,甚是让人讨厌。

在网页中插入视频–使用flowplayer视频插件 8

在网页中插入视频–使用flowplayer视频插件

在自己的网页播放视频是很常见的事情,特别是博客或者个人网站中。然而html4却没有尽如人意的给出完美的解决方案,我们只能借助插件来完成。

0

网页设计元素(各种设计的细微差别)

我们之前介绍了页面的整体风格,现在跟大家着重讨论一下各种设计的细微差别。其中一些元素可能是因潮流而变成流行性因素,而其他则是广受追捧的经典设计元素。希望大家能在下面我所列的这种设计元素中找到创意灵感,但请不要照搬下面的元素,而是思考他们对整体设计的潜在影响,考虑每一个元素的隐含意义,并从实际的角度考虑它与你的设计作品之间的联系。(这一次给大家列举了更多优秀网页的例子)

jQuery 添加元素 0

jQuery 添加元素

设置商品的分数,如4分,用4颗红心和一颗灰心表示,就需要js动态操作。 首先要获取商品分数 此时获得分数是string,需要将其转换成int 接下来要获得添加红心和灰心的元素对象 然后就可向元素中添加红心和灰心了 完整代码 广告

Web前端开发小技巧 0

Web前端开发小技巧

1.给所有标签添文本 比如 或者 2.添加基本的Landmarks ARIA Landmark是W3C定义的一套网站可用性规则,对于网站不同的模块添加描述性的Landmark——或者直接叫role,有利于读屏软件更好的理解你的网页,从而让视障用户更好的使用你的网站。 3.自定义统一:focus 其实很多网站会用尽一切办法去掉浏览器的:focus样式,特别是对于IE浏览器,其实,浏览器默认带上:focus样式是有道理的,它能指示用户当前的鼠标焦点位置是在哪里。这个对于键盘流特别重要。 所以请不要去掉:focus样式,甚至,你觉得默认的样式不好看或者不统一(IE是虚线框,Webkit是高亮的实线框,并且,Safari是蓝色,Chrome是橙色)也可以自己给定义一个高亮色: 4.给你的网页添加h1 不仅有利于SEO,还可以增强网页可读性。 5.定义表格的表头 通常很多人习惯表格全部使用td标签,其实,表格不止有hd标签,还有th、col、scope等。 所以简单来说,表头换成th标签吧: 6.定义表格描述 不要简单的在表格前面/后面加个p了事了,表格有专用的caption标签可用,就像图片一样。 7.避免“点击此处” 虽然这样的链接描述对普通人都无所谓,但是对读屏软件来说,是相当糟糕的,它其实是对视障用户的一种干扰。 所以,直接把链接用到正地方吧。 8.去掉tabindex 曾经,很多人用tabindex来“增强”用户体验,但是这个属性却会打乱页面的正常阅读顺序,对视障用户是灾难性的,对普通用户也未必是友善的。 所以千万不要滥用tabindex属性。 9.在线检测一下 呃,看到这里发现其实是个广告,但是如果能检测出来网站可用性问题,也是件好事情,WebAIM开发的一个网页工具,输入URL就会自动检测。测试了一下还不错,http://wave.webaim.org/ 译自:http://webaim.org/blog/10-easy-accessibility-tips/,请尊重版权,转载请注明来源,多谢~~

腾讯招聘前端的要求 3

腾讯招聘前端的要求

深刻理解Web标准; 精通图像处理及代码编辑工具; 精通Web前端跨平台开发技术(XHTML/XML/CSS/Javascript等); 及时了解业界前瞻信息及应用,并有浓厚的兴趣和深入的见解; 对HTML5/CSS3方面有实际的理解和实践经验; 对网站性能优化有研究并有相关实践经验; 熟悉业界常用Javascript脚本库(如jQuery、YUI、mootools等); 有团队协作精神,较强的逻辑分析能力、沟通表达能力,善于学习; 勇于探索新领域了解多终端平台(手机,打印机,视障阅读器)研发,对可用性等有实际的理解和实践经验; 有Web Apps开发经验优先; 具备项目驱动力,对此有独特见解并有成功案例优先;

前端学习路线(推荐书籍) 2

前端学习路线(推荐书籍)

HTML、CSS 类别书籍,都是大同小异,在当当网、卓越网搜索一下很多推荐。如果感觉学的差不多了,可以关注一下《CSS禅意花园》,这个很有影响力。 Javascript 的书籍 推荐看老外写的,国内很多 Javascript 书籍的作者对 Javascript 语言了解的都不是很透彻。 这里推荐几本 Javascript 书籍:

用js自动获取时区(Auto detect a time zone with JavaScript) 1

用js自动获取时区(Auto detect a time zone with JavaScript)

Use javascript solution http://www.onlineaspect.com/2007/06/08/auto-detect-a-time-zone-with-javascript/ Demo should show your timezone in select box. http://onlineaspect.com/examples/timezone/index.html

js正则表达式 0

js正则表达式

什么是正则表达式? 这个问题可以参见:“正则表达式30分钟入门教程”,很多编程语言都支持正则表达式,本文仅仅讨论JavaScript中的正则表达式。 创建一个正则表达式 第一种方法: var reg = /pattern/; 第二种方法: var reg = new RegExp(‘pattern’); 正则表达式的exec方法简介 语法: reg.exec(str); 其中str为要执行正则表达式的目标字符串。 例如: <script type=”text/javascript”> var reg = /test/; var str = ‘testString’; var result = reg.exec(str); alert(result);...