‘JavaScript脚本’ 分类的存档

随着越来越多的交互效果,Javascript越来越流行,对前端的要求也越来越高,无论是Dom,Event,Ajax……还是jquery,prototype,mootools,YUI,我们需要更多的学习 发展

没有评论jQuery源码查看器

2010年3月19日

收藏一下:http://james.padolsey.com/jquery/

还不错,可以按版本查看 jquery每个方法的实现

如果能有用原生js来模仿jquery每个方法的站点就好了 哈哈:) 好贪啊

没有评论各浏览器中cookie限制

2010年3月19日
  Firefox Opera chrome IE6 IE7/IE8
最多key个数 50个 30个 53个 20个 50个
key个数超出时 随机删除旧的 先进先出方式删除旧的
单key字节数 4097 4051 4051 4096 5072
单key字节超出时 不进行写入操作
总字节数限制 204850 4997 本地无cookie 4096 10239
总字节超出后 不写入新的 - cookie无法读写
  • 注①:包括key及value,以及分号、等号
  • 注②:总字节数也受HTTP Server的设置影响;
    Apache用这2个参数调整:
    LimitRequestFieldSize 限制客户端发送的请求头的字节数 【默认 8190】
    LimitRequestLine 限制接受客户端发送的HTTP请求行的字节数【默认 8190】
    当cookie超出Server的设置大小后会出现400 Bad Request

结论:我们应该保证cookie key数量<=20,单key字节<=4000b,总字节数<=4000b

感谢vfresh同学整理:)

1 条评论一个在线JS代码调试器:jsfiddle

2010年3月10日

从朋友的blog发现一个好玩的:)
一个在线编译代码的调试器,很强大支持自己添加框架,目前内置的框架有的:MOOTOOLSJQUERYPROTOTYPEYUI GLOWVAILLA.此调试器界面比较清晰,HTML、CSS、JS、显示结果都分别排列在一起,随时可以看到调试的结果,选择某种框架后就可以直 接在JS的输入框里输入对应的代码,点运行后在结果框里就能立即看到效果,此外它还支持IFRAME的站外引用,如果想给你的博客添加一个便捷的在线脚本 或者页面调试器,那这一款Web playground肯定十分适合你。

jsfiddle

尝试一下?http://jsfiddle.net/

外部调用演示:

1 条评论Nicholas C. Zakas如何面试前端工程师

2010年3月8日

Original Post:Interviewing the front-end engineer
Nicholas C. Zakas,2010年1月5日
翻译完成:2010年1月7日,最后更新:2010年1月10日

面试前端工程师对我来说是一件非常有意思的事,因为面试过程很大程度上也是自我提升的过程。无论大公司还是小公司,之所以在如何招聘到真正有能力的 前端工程师方面会遇到同样的问题,就是因为负责招聘的那些人不知道自己公司需要什么样的人,结果问问题时也问不到点子上。经过这几年在行业里的摸索,我总 结出了自己的一套很有效的面试前端工程的方法。

有的应聘者说我不好对付,但留给他们这样的印象也并非我所愿。我觉得之所以他们说我不好对付,主要是因为我问他们问题时问得太细了。以前我曾专门写过一些东西,告诉应聘者怎么才能通过我的面试以及怎样才能成为优秀的前端工程师应该具备什么样的素质,而我的面试可以说完全是按照那两篇文章的标准进行的。我不会问一些特别偏门的问题,也不认为出几道逻辑题就能考出人的真实水平。我唯一的想法就是确定你能否胜任我们要招的这个职位。为此,我需要简单地考察如下几个方面。

基本知识

我们生活在互联网时代,你想知道的任何事情几乎都能在15分钟内找到相关信息。可是,能找到信息并不等于你会使用它。我认为所有前端工程师至少都应 该掌握某些基本的知识,才能有效地完成自己的工作。如果一遇到问题,就停下工作上网四处搜索解决方案,怎么可能保证按期完成工作呢?听听,还有谁在说“我 不知道,但我可以上网搜到。”请这些同学把手举起来,让大家认识一下(immediately raises a flag for me.)。下面我列出一些基本的知识点,这些都是我认为一名前端工程师(无论工作年头长短)在没有任何外来帮助的情况下就应该知道的。

  • DOM结构——两个节点之间可能存在哪些关系以及如何在节点之间任意移动。
  • DOM操作——怎样添加、移除、移动、复制、创建和查找节点。
  • 事件——怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别。
  • XMLHttpRequest——这是什么、怎样完整地执行一次GET请求、怎样检测错误。
  • 严格模式与混杂模式——如何触发这两种模式,区分它们有何意义。
  • 盒模型——外边距、内边距和边框之间的关系,IE < 8中的盒模型有什么不同。
  • 块级元素与行内元素——怎么用CSS控制它们、它们怎样影响周围的元素以及你觉得应该如何定义它们的样式。
  • 浮动元素——怎么使用它们、它们有什么问题以及怎么解决这些问题。
  • HTML与XHTML——二者有什么区别,你觉得应该使用哪一个并说出理由。
  • JSON——它是什么、为什么应该使用它、到底该怎么使用它,说出实现细节来。

重申一下,上述这些知识点都应该是你“想都不用想”就知道的东西。我一开始问的所有问题都是想摸清你对所有这些领域知识的掌握程度。虽然上面列出的这些知识点并没有面面俱到,但我觉得你至少应该掌握这些,才有可能跟我坐到一间办公室里来。

少量提问
阅读全文…

没有评论2010年3月 – WEB标准化交流会 -腾飞吧前端们

2010年3月6日

继1月交流会 后的2010年第一期 话题很感兴趣 正好被相关问题烦恼着

腾飞吧 前端们

本期新增深圳站的交流!

  • 话题:前 端开发在研发流程中与其他岗位协作效率的提升
    1. 研发流程
    2. 协同规范
    3. 有效沟通

    有 想法?去讨论

  • 时间:2010-3-27 14:00-18:00
  • 报名时间:2010-3-1 至 2010-3-21 交流会邀请会在3-23日统一发出,请留意您的邮件。
  • 地点:
    • 北京:海淀区中关村腾讯北京
    • 上海:携程旅行网 上海市长宁区福泉路99号[地铁2号线淞虹路终点站5号口出]
    • 广州:天河区天河路208号粤海天河城大厦39楼新浪公司
    • 深圳:深圳市南山区高新南一道飞亚达大厦508室

W3Ctech-交流会 官方网站 http://www.w3ctech.com/