angularjs 源码解析之injector

2016年08月24日 13 阅读

简介injector是用来做参数自动注入的，例如function fn （$http, $scope, aService） {}ng在运行时会把$http, $scope, aService 自动作为参数传入进行执行。其实很容易想明白，injector做了两件事缓存那些service，以后作为参数注入分析参数列表，找到需要的参数注入下面源码分析如何实现上面两件事情。结构createInjector -> createInternalInjector ...

node.js express安装及示例网站搭建方法（分享）

2016年08月24日 17 阅读

1.首先肯定是要安装Node.JSwindows cmd依次输入如下命令：cd C:Program Files odejsnpm install -g expressnpm install -g express-generator2.创建一个示例工程windows cmd依次输入如下命令：cd C:Program Files odejs ode_globalexpress -e microblog //即ejs，-j（即jade）cd microblogn...

xtemplate node.js 的使用方法实例解析

2016年08月24日 16 阅读

工程下安装XTemplate并使用它的方法实例说明：1.安装xtpl复制代码 代码如下:npm install xtpl xtemplate --save 2.在views目录添加test.xtpl文件，其内容为this is {{title}}！4.集成到Express中，只需要在app.js中，设置模板引擎即可var print = require（"./routes/print"）; //此行代码放入app.js的require 声明代码段下边app...

js严格模式总结（分享）

2016年08月24日 13 阅读

首页，我们要理解严格模式的概念，严格模式是一种特殊的执行模式，它修复了部分语言上的不足，提供更强的错误检查，病增强安全性。可以对部分函数进行执行严格模式，如：function func（）{"use strict"}也可以对整个js文件进行执行严格模式，如："use strict"function func（）{}那么我们在以下情况不能使用：1、不允许用width2、不允许未声明的变量被赋值3、arguments变为参数的静态副本4、delete参数、函数...

js表单元素checked、radio被选中的几种方法（详解）

2016年08月24日 14 阅读

0、环境<input type="checkbox" value="lol"/>lolvar lol = document.getElementsByTagName（"input"）[0];1、HTML DOMa.lol.checked = true;属性的值可以不是lol，只要转为布尔值的时候为true就可以，取值时只有true、false两种不会增加checked标记b.lol.click（）;不会增加checked标记，这时lol.che...

angularjs 源码解析之scope

2016年08月24日 16 阅读

简介在ng的生态中scope处于一个核心的地位，ng对外宣称的双向绑定的底层其实就是scope实现的，本章主要对scope的watch机制、继承性以及事件的实现作下分析。监听1. $watch1.1 使用// $watch: function（watchExp, listener, objectEquality）var unwatch = $scope.$watch（"aa", function （） {}, isEqual）;使用过angular的会经常...

JavaScript代码里的判断小结

2016年08月24日 14 阅读

比较判断比较判断是比较两个值，返回一个布尔值，表示是否满足比较条件。JavaScript一共提供了8个比较运算符，这里主要说一下严格相等运算符和相等运算符的区别严格相等运算符===判断返回两个值类型不同false两个值都是null/undefined/true/false true 两个值其中之一为NaN false两个值都为数值且值相等 true两个值都为字符串，且值相等 true两个值都指向同一个引用类型 true1 === "1" // falset...

jQuery使用deferreds串行多个ajax请求

2016年08月24日 11 阅读

使用JQuery对多个ajax请求串行执行。HTML代码：<a href="#">Click me！</a><div></div> JS:function GetSomeDeferredStuff（） {var deferreds = [];var i = 1;for （i = 1; i <= 10; i++） {var count = i;deferreds.push（$.post（"/echo/ht...

利用原生JS自动生成文章标题树的实例

2016年08月24日 19 阅读

实现原理很简单，就是循环文章模块，并抽取其中的h2、h3标签，将其中的内容赋予给新建的title树。代码如下：HTML代码：<div class="contextBox"> <div id="article"><h2>二级标题</h2><h3>三级标题</h3><p>hello hello hello hello hello hello hello hello hello ...

基于JavaScript实现添加到购物车效果附源码下载

2016年08月24日 19 阅读

我们有很多种方法实现将商品添加到购物车，通常的做法是点击“添加到购物车”按钮，会跳转到购物车，在购物车里可以点击“结算”按钮进行结算。而今天我给大家介绍一个更友好的解决方案。查看演示 下载源码默认情况下，购物车是隐藏不可见的，当用户点击添加到购物车按钮后，商品信息会添加到购物车，购物车会以按钮的形式出现在页面右下角，点击按钮则会展开购物车，显示购物车中的商品信息，同时也可以对购物车中的商品进行删除或者结算等操作。用户也可以暂时关闭购物车继续购物。HTML结...

深入浅析jQuery对象$.html

2016年08月24日 13 阅读

$对象 说起jQuery，最明显的标志，毫无疑问，就是， ，其实是jquery的简写。而使用$（）包装的对象就是jQuery对象 与jQuery对象相对应的就是DOM对象，DOM对象其实就是DOM元素节点对象 如果直接写document，则指的是document的DOM元素对象document.onclick = function（）{alert（"dom"）;} 而如果用（）包括起来，如 （）包括起来，如（document），是jQuery（do...

深入浅析JS Function（）构造函数

2016年08月24日 15 阅读

js中function对象是一个令人着迷的东西，但由于他太过于灵活，常常令人迷惑.先给大家看个代码片段。var scope="global";function constructFunction（）{var scope="local";return new Function（" return scope"）;}constructFunction（）（）; function constructFunction2（）{var scope="local";ret...

详解AngularJS如何实现跨域请求

2016年08月24日 28 阅读

跨域，前端开发中经常遇到的问题，AngularJS实现跨域方式类似于Ajax，使用CORS机制。下面阐述一下AngularJS中使用$http实现跨域请求数据。AngularJS XMLHttpRequest：$http用于读取远程服务器的数据$http.post（url, data, [config]）.success（function（）{ ... }）;$http.get（url, [config]）.success（function（）{ ... ...

AngularJS中$http服务常用的应用及参数

2016年08月24日 18 阅读

前言$http 服务：只是简单封装了浏览器原生的XMLHttpRequest对象，接收一个参数，这个参数是一个对象，包含了用来生成HTTP请求的配置内容，这个函数返回一个promise对象，具有success和error方法。$http服务的使用场景：var promise = $http（{method:"post", // 可以是get,post,put, delete,head,jsonp;常使用的是get,posturl:"./data.json...

JS对HTML表格进行增删改操作

2016年08月24日 21 阅读

要求如下：写一个html页面，里面有一个表格，储存用户信息，包括：用户名，密码，姓名，邮箱，电话，qq，身份证号。现在要通过js对表格进行动态的增删改查（只是内存操作即可）:首先，加载页面时用js加载3条初始化记录；有一个增加记录的按钮，点击后弹出一个div层提供输入，要求各字段必须符合输入格式且不能为空：用户名：英文＋数字＋下划线；密码：英文＋数字＋下划线＋6位以上；姓名：中文；邮箱，电话，qq，身份证号符合格式；每条记录有修改、删除；修改类似增加，要把...

js实现图片淡入淡出切换简易效果

2016年08月24日 15 阅读

本文实例为大家分享了js图片淡入淡出切换详细代码，供大家参考，具体内容如下<！DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style type="text/css">*{padding: 0;margin: 0;}ul{overflow: hidden;}li{list-style: none...

javascript实现简单的on事件绑定

2016年08月24日 20 阅读

实现一个简单的on和off方法介绍:Event对象: funcList: {}, //保存delegate所绑定的方法 ieFuncList :{} //保存ie下的绑定方法Event 对象中的 on, off 方法,主要调用Event.addEvent, Event.delegateHandle这两个方法 Event.addEvent: 调用底层的addEventListener添加监听事件 Event.delegateHandle: 当发生事件之后,...

深入浅出 jQuery中的事件机制

2016年08月24日 21 阅读

首先呢,我们先来看一下,jQuery中的ready事件,它的作用有些类似于window中的onload事件,只不过二者的区别在于,onload事件是要等到网页中的dom节点加载完成,并且css进行样式渲染后,JavaScript中进行了预加载后再执行,而ready事件呢,是在网页中的标签被解析为DOM节点是就执行其中的函数,直白点说,ready执行的比onload早,那么我们在用jQuery的时候,需要做一个ready的执行定义://ready的作用,是为...

jQuery事件处理的特征（事件命名机制）

2016年08月24日 14 阅读

JQuery中的bind（）和unbind（），提供了事件的绑定和取消机制，既可以绑定html默认支持的事件，也能够绑定自定义的事件。JQuery支持自定义事件，这显然给编程带来了极大的灵活性。下面就一起学习下，jquery事件处理的一些特性。1、JQuery中事件可以重复绑定，不会覆盖。$（"#button1"）.bind（"click",function（）{alert（"func1"）;}）;$（"#button1"）.bind（"click",fu...

如何利用JSHint减少JavaScript的错误

2016年08月24日 14 阅读

前言JSHint用于分析和验证JavaScript代码是否符合您的编码规则。这个强大的工具可以帮助发现您代码中错误和问题T，它强制你的团队保持一定的编码惯例和风格，使得代码可靠和更容易阅读.在这篇文章中,我将向您展示如何安装、配置和使用JSHint。 还包括一个例子，列出了一些我最喜欢的能使用JSHint的编辑器。安装 JSHint安装JSHint非常容易，你可以使用 Node 包管理器 （npm）来做。如果你还没有安装npm，你可以从 nodeJS we...