随笔分类 - JavaScript
摘要:首先说下问题背景:想要通过异步请求一个文本文件,然后通过该文件的内容动态创建一个DOM节点添加到网页中。基于这个需要了解: 1 DOM如何动态添加节点 2 Ajax异步请求 3 Chrome浏览器如何处理本地请求 DOM如何动态添加节点 想要动态的添加节点,就需要良好的理解DOM文档。 ...
阅读全文
摘要:onload方法在网页加载完毕时,会自动执行,但是该方法有个缺点就是只能执行一个方法。 onload的限制 比如下面的代码: 执行结果如下: 只有第二个方法被执行。 那么如何才能在页面加载完成后,执行多个方法呢? 可以采用addLoadEvent方法,这个方法是由其他人编...
阅读全文
摘要:前文介绍了: 1DOM四个常用的方法 2 使用DOM核心方法完成属性填充本篇主要介绍在JS中需要注意的几个地方,另外为了减小html与javascript的耦合使用java进行onclick方法编写。 其实javascript不是一门简单的语言,但是由于入门简单,很多人使用的时候,都是直接复制...
阅读全文
摘要:本文介绍了使用DOM的简单方法实现动态加载图片的功能。 前文介绍了: 1 DOM四个常用的方法 首先看一下效果,初始时是一个相册,可以点击导航,切换图片,并切换下方显示内容: 点击house,可以动态的切换另一个图片 所使用的代码,如下: 我的...
阅读全文
摘要:终于开始复习DOM的知识了,这一阵忙乎论文,基本都没好好看技术的书。 记得去年实习的时候,才开始真正的接触前端,发现原来JS可以使用的如此灵活。 说起DOM就不得不提起javascript的组成了,javascript是由三部分组成的: 1 ECMAScript 2 BOM 3 DOM...
阅读全文
摘要:上一篇《图解HTTP 上》总结了HTTP的报文格式,发送方式,以及HTTP的一些使用。本文再总结以下内容: 1 http状态码 2 http报文首部中的各字段 3 http中的身份验证 通过上篇粗略的描述,大体了解了http首部的概念。 其实请求报文与响应报文长得差不多,区别就在于请求报文...
阅读全文
摘要:本篇总结关于http的相关知识,主要内容参考如下导图: 主要讲解的内容有: 1 URL与URI的区别。 2 请求报文与相应报文的内容。 3 GET与POST的区别。 4 http的cookie、持久化、管道化、多部分对象集合、范围请求等 后续会更新http其他的相关知识。 关键词概念 平时会经常接触
阅读全文
摘要:在AngularJS中有很多的服务,常用的比如$http,$location等等。本篇文章会介绍一下的内容: 1$http这种Angular提供的服务的使用 2 如何自定义服务,并总结服务需要注意的几个小点。 $http的使用 AngularJS为我们提供了很多种服务,$http用于发送ht...
阅读全文
摘要:前面通过视频学习了解了指令的概念,这里学习一下指令中的作用域的相关内容。通过独立作用域的不同绑定,可以实现更具适应性的自定义标签。借由不同的绑定规则绑定属性,从而定义出符合更多应用场景的标签。本篇将会总结下面的内容: 1 为何需要独立作用域 2 如何实现独立作用域 3 作用域的数据绑定之前有一...
阅读全文
摘要:前面基本了解了指令的相关内容: 1 如何自定义指令 2 指令的复用本篇看一下指令之间如何交互。学习内容来自《慕课网 指令3》 背景介绍 这例子是视频中的例子,有一个动感超人,有三种能力,力量strength,速度speed,发光light。 这三种能力作为三种属性,定义动感超人作为一个标签...
阅读全文
摘要:前面练习了如何自定义指令,这里练习一下指令在不同的控制器中如何复用。 —— 来自《慕课网指令3》 首先看一下一个小例子,通过自定义指令,捕获鼠标事件,并触发控制器中的方法。 单个控制器的标签指令 依然是先创建一个模块var myAppModule = angular.module("myAp...
阅读全文
摘要:AngularJS另一个特点就是提供了过滤器,可以通过操作UNIX下管道的方式,操作数据结果。 通过使用管道,可以便于双向的数据绑定中视图的展现。 过滤器在处理过程中,将数据变成新的格式,而且可以使用管道这种链式风格,还能接受附加的参数。 实现方式 下面看一下如何定义声明一个过滤器,首先依然...
阅读全文
摘要:AngularJS支持用户自定义标签属性,在不需要使用DOM节点操作的情况下,添加自定义的内容。 前面提到AngularJS的四大特性: 1 MVC 2 模块化 3 指令 4 双向数据绑定 下面将会介绍如下的内容: 1 如何自定义指令 2 自定义指令的使用 3 自定义指令的内嵌使用 如何自定义指令:
阅读全文
摘要:AngularJS有几大特性,比如: 1 MVC 2 模块化 3 指令系统 4 双向数据绑定那么本篇就来看看AngularJS的模块化。 首先先说一下为什么要实现模块化: 1 增加了模块的可重用性 2 通过定义模块,实现加载顺序的自定义 3 在单元测试中,不必加载所有的内容 之前做...
阅读全文
摘要:前面了解了AngularJS的使用方法,这里就简单的写个小程序,实现查询过滤以及排序的功能。本程序中可以了解到: 1 angularjs的过滤器 2 ng-repeat的使用方法 3 控制器的使用 4 数据的绑定 程序设计分析 首先,如果要是先查询过滤,就要使用到AngularJS中的过...
阅读全文
摘要:这部分,我们写一个表单程序,使用angularjs的检测并完成表单属性的获取与拷贝。 在AngularJS中,也支持html5中多种控件的自动检测,如:text、number、url、email、radio、checkbox等等。 可以通过anuglar.copy()自动拷贝form表单的数据。...
阅读全文
摘要:前面了解了AngularJS的基本用法,这里就跟着PDF一起学习下表达式的相关内容。 在AngularJS中的表达式,与js中并不完全相同。 首先它的表达式要放在{{}}才能使用,其次相对于javascript中的表达式概念,它有以下几点不同: 1 作用域不同 在javascript中默认的...
阅读全文
摘要:本篇是通过学习视频《一头扎进javascirpt高级篇》整理的一些相关知识,大致包括下面几个方面: 1 对象的创建方法 2 对象的对象属性、私有属性、类属性 3 对象的对象方法、私有方法、类方法 4 javascirpt的继承、封装、与多态 对象的创建方法: 对象的创建可以通过两种方式,...
阅读全文
摘要:说到闭包,这是js不得不提的一个特性,很多传统语言都不具备这样的特性,比如JAVA C等等。之前看书的时候,总是理解不好什么是闭包!下面就通过手绘一张原理图,来理解一下: 首先基本上所有的编程语言都有类似的特性,局部方法可以访问外部父类方法的属性,也就是说,子类或子方法可以访问父类的资源。 ...
阅读全文
摘要:本篇仅仅对于function作简单的讲解,在javascript中function不仅仅是方法,它其实是一个变量,因此拥有自己的属性,并且可以当做参数传递给其他的方法。 那么传统的方法,按照java的写法应该如下的创建: function testFunc1(name,a...
阅读全文