demo10-封装自己的框架kylinGo之GET方法

封装自己的框架kylinGo——GET操作篇

ajax操作在前端工作中必不可少,其重要性我就不再赘述,而常用的几乎每一种框架都有ajax的封装实现。而我们要做的,是用原生代码实现GET和POST方法,再封装成简单的形式以方便调用。这要求我们对原生ajax有一些了解,面试中也经常会谈到原生ajax部分。

假设你对ajax的使用场景和功能已经比较了解。下面我来对ajax进行一些技术层面的简要介绍

ajax其本质是通过一个对象来向某个服务器发出异步请求,获取数据,并执行回调函数的过程。

同步和异步

同步请求:严格按照时间顺序发出请求,等待请求结果,执行回调函数,向下执行

异步请求:发起请求后,......

demo9-封装自己的框架kylinGo之dom操作

封装自己的框架kylinGo——dom操作篇

丛这一章开始,我会指引你一步步封装出自己的框架,独立完成一些框架所应具备的主要功能。

为什么要封装框架

原生的javascript代码非常长,既浪耗费写代码的时间又降低了可读性。请看如下代码:

//原生

document.getElementById("id");

document.querySelector("#id");

//jquery

$("#id");

如上,jquery可以用很短的代码来代替javascript很长的代码。这种代替的累加效果会让开发人员在开发一款产......

demo8-模拟黑客帝国效果

模拟黑客帝国效果

提要:本demo涉及到CSS3与javascript的综合应用

最终效果:

http://siida.cn/book/demo8.html(请用电脑访问)

为了专注于核心代码,我并没有做兼容,因此请用高版本的chrome浏览器访问。

需求分析:

正如你所见,页面主要由两部分组成,一部分是中间的输入框,另一部分是背景的模拟黑客帝国动画,而难点是背景部分,下面我们就来一步一步对动画部分进行拆解分析。

选型

解决问题的第一步就是根据目标效果进行技术选型:即选择一个可以实现这个效果的最佳技术方案,如果有多种方法均可实现效果,则要从开发时间、性能、兼容性等多方面进行考虑,......

demo7-装饰者模式

装饰者模式

装饰者模式的作用是动态地给某个对象增加一些方法,javascript是一个没有类的世界,通常,在一种语言中,类用来制作对象(就像用一个模板来制作蛋糕一样,蛋糕是一个对象,具有体积,可以被吃,而模板本身则并没有意义)javascrpt则不同,在javascript的世界中,没有模板,我们有的是一个原始的对象,所有的对象都克隆自这个对象(或相互克隆)并新增了自己的一些属性和方法来完成不同的职责,这个根对象就是Object.prototype。

因此,如果需要对javascript中对象进行修改,大刀阔斧去改即可,不必涉及到类的概念,所以javascript中装饰者的实现相较于java......