Welcome 微信登录

首页 / 脚本样式 / JavaScript

详解AngularJS中的依赖注入机制

详解AngularJS中的依赖注入机制

依赖注入是一个在组件中给出的替代了硬的组件内的编码它们的依赖关系的软件设计模式。这减轻一个组成部分,从定位的依赖,依赖配置。这有助于使组件可重用,维护和测试。AngularJS提供了一个至高无上的依赖注入机制。它提供了一个可注入彼此依赖下列核心组件。 值 工厂 服务 提供者 常值值值是简单的JavaScript对象,它是用来将值传递过程中的配置相位控制器。//define a modulevar mainApp = angular.module("main...
详解AngularJS中自定义指令的使用

详解AngularJS中自定义指令的使用

自定义指令中使用AngularJS扩展HTML的功能。自定义指令使用的“指令”的功能定义。自定义指令只是替换了它被激活的元素。引导过程中AngularJS应用程序找到了匹配的元素,并做好使用自定义指令compile()方法一次活动再处理使用基于指令的范围自定义指令link()方法的元素。 AngularJS提供支持,以下列元素的类型来创建自定义指令。 Element directives - 指令遇到时激活一个匹配的元素。 Attribute - - 指令...
在Python中使用glob模块查找文件路径的方法

在Python中使用glob模块查找文件路径的方法

glob模块是最简单的模块之一,内容非常少。用它可以查找符合特定规则的文件路径名。跟使用windows下的文件搜索差不多。查找文件只用到三个匹配符:”*”, “?”, “[]“。”*”匹配0个或多个字符;”?”匹配单个字符;”[]“匹配指定范围内的字符,如:[0-9]匹配数字。glob.glob返回所有匹配的文件路径列表。它只有一个参数pathname,定义了文件路径匹配规则,这里可以是绝对路径,也可以是相对路径。下面是使用glob.glo...
你所不了解的javascript操作DOM的细节知识点(一)

你所不了解的javascript操作DOM的细节知识点(一)

一:Node类型DOM1级定义了一个Node接口,该接口是由DOM中的所有节点类型实现。每个节点都有一个nodeType属性,用于表明节点的类型,节点类型在Node类型中有以下几种:Node.ELEMENT_NODE(1); 元素节点Node.ATTRIBUTE_NODE(2); 属性节点Node.TEXT_NODE(3); 文本节点Node.DOCUMENT_NODE(9); 文档节点其实还有很多种,但是那些都不是很常用,所以就来理解这其中4种就可以了,...
理解Javascript的动态语言特性

理解Javascript的动态语言特性

Javascript是一种解释性语言,而并非编译性,它不能编译成二进制文件。理解动态执行与闭包的概念动态执行:javascript提供eval()函数,用于动态解释一段文本,并在当前上下文环境中执行。首先我们需要理解的是eval()方法它有全局闭包和当前函数的闭包,比如如下代码,大家认为会输出什么呢?var i = 100;function myFunc() { var i = "test"; eval("i = "hello."");}myFunc();...
javaScript中Math()函数注意事项

javaScript中Math()函数注意事项

1.不能显式地创建一个Math对象,直接使用它就可以了;2.Math对象不能存储数据,和String,Date对象不同;3.前面知道了parseInt()函数会通过消去小数点后面的一切,来使一个小数变成整数(因此24.999变为24).经常我们需要更精确的计算。于是通过Math对象的这几个方法:round():当小数是0.5或者大于0.5的时候,向上入一位;ceil():始终向上舍入,因此23.75变成24,23.25也是如此;floor():始终向下舍入...
javascript中Date()函数在各浏览器中的显示效果

javascript中Date()函数在各浏览器中的显示效果

1.JavaScript没有基本的日期数据类型,所以只能显式的创建Date对象。例如:var myDate=new Date();2.为了创建一个存储了特定日期的,或者时间的Date对象,可以简单的把日期或者日期与时间放到括号里面;var myDate=new Date("2015/06/16 10:30");alert(myDate);火狐浏览器显示的效果为:IE浏览器显示效果:谷歌浏览器显示效果为:注意:如果上面的代码这样写;在火狐和IE浏览器里面报错...
纯js实现无限空间大小的本地存储

纯js实现无限空间大小的本地存储

好久没有写博客了,想到2年前答应要放出源代码的也没放出来,最近终于有空先把纯js实现无限空间大小的本地存储的功能开源了,项目地址https://github.com/xueduany/localstore,demo见http://xueduany.github.io/localstore/,下面给大家简单说说大概原理,具体细节和异常处理后面有机会在单独说先说下突破本地localStorage的原理,官方原话是这么说的http://www.w3.org/TR...
$.extend 的一个小问题

$.extend 的一个小问题

最近一直在搞移动端,也由于自己对jQuery比较熟悉,再加上Zepto提供了跟jQuery一样的API,所以就选择了Zepto作为开发框架。由于是移动端开发,所以也应用了一些ES5新增的API,比如forEach,下面就是我写的代码的一些示例:list.forEach(function(v) { return !!v;})我天真的以为forEach就跟jQuery的each一样,只要我的返回值为false,它就会中断循环,于是,类似这样的遍历代码写了不少(...
浅谈Jquery核心函数

浅谈Jquery核心函数

在Jquery中,所有的DOM对象都将封装成Jquery对象,而且只有Jquery对象才能使用Jquery方法或者属性来执行相应的操作。所以Jquery提供了一个可以将DOM对象封装成Jquery对象的函数,就是Jquery核心函数jquery(),也称为工厂函数。jquery核心函数有7个重载,分别如下:jquery() 该函数返回一个空的jquery对象。jquery(elements) 该函数将一个或多个DOM元素转化为Jquery对象(或jque...
使用AngularJS中的SCE来防止XSS攻击的方法

使用AngularJS中的SCE来防止XSS攻击的方法

这篇文章展示了有关XSS(跨站脚本)的不同方案以及怎样使用AngularJS中SCE($sceProvider),sanitize service这些特性来正确处理XSS。如果我遗漏了什么重要的地方请直接评论/建议。同时,错别字请见谅。以下几点内容将是我接下来要讲述的重点: 全部转码HTML 安全插入HTML的同时忽略类似“script"这样的标签。如果不加以注意,这将一样存在风险同时也会丑化页面,尤其是在有”img“标签的时候。 依赖并插入纯HTML;这...
使用AngularJS制作一个简单的RSS阅读器的教程

使用AngularJS制作一个简单的RSS阅读器的教程

简介几年前,我用C#写了一个RSS阅读器,但是我想如果把它做成一个SPA(单页应用)效果会更好。 Angular使一些事情变得简单,RSS阅读器就是其中之一。 我也用Twitter Bootstrap(做UI)实现了RSS阅读器,调试页面样式是最难的地方之一...可能是因为我不擅长css的原因。背景我有一些自己喜欢的网站( CodeProject, Dr.Dobb"s Journal, ComputerWorld, Inc. Magazine)。 然而,我...
利用JavaScript的AngularJS库制作电子名片的方法

利用JavaScript的AngularJS库制作电子名片的方法

简介在这个例子中,我引用了包括AngularJS在内的一些JavaScript库,实现了一个很简单的名片生成器。 尽管在这个小应用中,AngularJS库相较于其他JavaScript库来说做的事不多,然而,这个小而强大的AngularJS却是该应用的全部灵感之源。背景在该应用中,我们需要做些简单工作。首先,我们需要用CSS设计名片。然后,我们需要让用户实时的输入和编辑数据,这个地方AngularJS就不可或缺了。再然后,我们需要将名片的HTML div容...
<< 1111 1112 1113 1114 1115 1116 1117 1118 1119 1120 >>