随笔分类 - 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...
阅读全文