Framekiller与sandbox

Framekiller是一种web应用使用来防止应用页面在frame窗口内展示的技术。它通常被用来阻止第三方网站的frame窗口在未经允许的情况下就被加载,所以这也是防止点击劫持(clickjacking)的一种手段。本文将主要介绍Framekiller相关知识以及HTML5提出的沙箱隔离- iframe的sandbox属性。

ECMAScript 6入门与进阶

ECMAScript 6,也叫ECMAScript 2015,简称ES6,是JavaScript的下一代标准,15年正式发布。2009年发布的改进版本ES5,引入了 Object.create()、Object.defineProperty()、getters 和 setters、严格模式以及 JSON 对象。相对于ES5的改进,ES6的变化是具有里程碑性的,它将改变我们编写JavaScript代码的方式。

React入门与进阶之Flux

[上一篇](http://blog.codingplayboy.com/2016/08/28/react_learn_02/),我们学习了React组件间的复合和通信,本篇我们详细介绍为React设计的架构模式Flux。Flux为React提供了一种单向数据流模式,使用此模式能够很方便的监控数据变化的原因和过程。

React入门与进阶之组件的复合与通信

在上一篇,我们学习了React基础知识,JSX语法;props和state;组件的生命周期和生命周期方法;组件的事件处理相关知识,对React有了一定的了解,但主要是对单个React组件的学习,本篇我们开始学习React组件的复合和通信。

React入门与进阶(首篇)

早期,我们开发web应用,只能是通过请求服务器,服务端响应请求,返回一个页面,,每次浏览器都得对页面加载,渲染,非常影响用户体验;直到出现了ajax,人们感觉web开发的春天终于来了,ajax使得我们可以在不刷新整个页面的情况下,更新页面局部,开发者开始使用各种类库在浏览器端渲染应用,但是随着应用越来越大,这种方式也越来越难整合。React的设计思路是将请求发生时渲染整个页面这种工作流放到客户端中。

移动开发之轻触与单击事件

在桌面浏览器,我们点击一个链接或绑定了click单击事件的元素时,需要先将鼠标移动到元素上,再单击;这个click事件有一个鼠标按下和松开的动作。而在移动设备触摸界面上,我们只需要轻触一个链接或绑定了轻触事件的元素,即可触发事件。

前端开发构建工具之Gulp

对于我们前端开发者,目前使用最多的自动化管理工具应该还是Grunt--在Gruntfile.js文件中使用JavaScript定义各种任务;在本篇主要介绍Gulp,gulp是一种基于流的前端自动化构建工具。

Backbone入门之视图(Backbone.View)

Backbone视图可以使用JavaScript模板,根据模型数据的逻辑处理向用户展示相应的界面。可以监听模型的change事件,并在回调函数绑定视图的render()方法,就可以在不重绘整个页面的情况下,更新视图。