JavaScript

动静分离的数据并发加载策略

作者:莫冠钊转载请注明出处,保留原文链接和作者信息前言当今许多大型网页应用尤其是SPA均采用了动静分离的策略。关于动静分离的描述,这里推荐一篇不错的博文 网站静态化处理—动静分离策略。本人是做前端的,之前有幸与一位对性能追求极致的后端同学一起开发这种动静分离的web项目,以下将从传统顺序模式、单路数据并发模式(以下简称单并发模式)、多路数据并发模式(以下简称多路并发模式)来

【Chrome插件】Github Travis Stat

博客原文地址:http://yaowenjie.github.io/%E7%BC%96%E7%A8%8B%E7%9B%B8%E5%85%B3/travis-github-chrome-extension太长不读版最近自己写了一个Chrome浏览器扩展/插件(github repo),并将其发布到了谷歌官方商店(chrome web store),该插件为github上的仓库

浅谈前端存储

浅谈前端存储前言web应用允许使用浏览器提供的API实现将数据存储到用户的电脑上,这种客户端存储相当于赋予了Web浏览器记忆功能。客户端存储遵循“同源策略”,因此不同站点的页面是无法相互读取对方存储的数据客户端存储有以下几种形式:Web存储cookieIE User Data离线Web应用web数据库文件系统APIWeb Storgage实现了“web存储”草案标准的浏览器

GoJS 绘图 (五) :定位面板与垂直面板(Panel)

Panel是负责任的大小和位置的所有元素。每个面板建立自己的坐标系。一个面板的元件的绘制顺序表示建立这些元素的Z轴排序。虽然只有一个面板,也有许多不同类型的面板,每个都有其自己的目的是如何安排的元素。当你建立一个面板,你通常会指定其Panel.type作为构造函数参数。这些都是存在的各种面板组成:Panel.PositionPanel.VerticalPanel.Horiz

不再彷徨:完全弄懂JavaScript中的this(译文总结)

其实this是一个老生常谈的问题了。关于this的文章非常多,其实我本以为自己早弄明白了它,不过昨天在做项目的过程中,还是出现了一丝疑惑,想到大概之前在JavaScript weekly里收藏待看的一篇详解this的文章(后有链接,也附上了稀土上的中文译文)和另一篇一位前辈推荐的文章,就把它们看了看,对this的认识确实提升了一些。JavaScript 中的’this‘是动

JavaScript检测之basevalidate.js

上篇文章「JavaScript检测原始值、引用值、属性」中涉及了大量有用的代码范例,为了让大家更方便的使用这些代码,博主特意把这些代码重新整理并托管到 GitHub,项目地址是:https://github.com/stone0090/base-validate,如果 basevalidate.js 对您有帮助,请帮忙在 GitHub 上 Star 该项目,谢谢大家。bas

不能落伍!2014年网页设计趋势预测

年尾总结年初预测已经成为了多数人的习惯。2013年很多人以为世界真的会末日,我们真的看不到2014年的日出,但是事情并没有发生, 我们顺利的活到了2014年,那么今年的网页设计领域又有什么新的发展呢?是延续经典还是推陈出新?通过大师的预测,我们发现了一些蛛丝马迹,那么今天我们就来给大家分享一下这些宝贵的信息!如果你有什么想法记得在下方的评论里告诉我们呦~先进的杂志式布局[b

也谈前端面试常见问题之『数组乱序』

前言终于可以开始 Collection Functions 部分了。可能有的童鞋是第一次看楼主的系列文章,这里再做下简单的介绍。楼主在阅读 underscore.js 源码的时候,学到了很多,同时觉得有些知识点可以独立出来,写成文章与大家分享,而本文正是其中之一(完整的系列请猛戳 https://github.com/hanzichi/underscore-analysis

我是如何用Worktile进行敏捷开发的

从编写产品backlog说起产品backlog是Scrum的核心,也是一切的起源。从根本上说,它就是一个需求、或故事、或特性等组成的列表,按照重要性的级别进行了排序。它里面包含的是客户想要的东西,并用客户的术语加以描述。一般来说产品backlog需要包含以下几个重要的属性:标识符——就是个自増长的数字而已,以防止重命名之后找不到。名称——简短的、描述性的故事名。比如“查看你

怎么写好组件

我们为什么要写组件呢?这里不细分组件、插件、控件,追究其原因无非让代码,能够复用,追求更快的开发效率。其实还有个重要的原因,项目大了之后,难以维护。这个时候就会把项目中重复的部分抽取出来,形成一个组件。但是组件也会有些'缺点',这个最后讲。组件需求要实现如图的一个条件选择器','全选','','','','全不选',''].join('');},getChoseItem: