2016年06月_hsany330

转载 AngularJS 常见面试问题

问题来源：如何衡量一个人的 AngularJS 水平？ng-if 跟 ng-show/hide 的区别有哪些？第一点区别是， ng-if 在后面表达式为 true 的时候才创建这个 dom 节点， ng-show 是初始时就创建了，用 display:block 和 display:none 来控制显示和不显示。第二点区别是， ng-if 会（隐式地）产生新作用域，

2016-06-30 16:08:02 1410

转载 AngularJS入门心得——directive和controller如何通信(推荐阅读)

1.AngularJS是何方神圣　　Angular JS (Angular.JS) 是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件。它支持整个开发进程，提供web应用的架构，无需进行手工DOM操作。　　AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言，但要构建WEB应用的话它就显得乏力了。这里Ang

2016-06-30 16:00:24 823

转载 AngulaJS实战总结, 带你进入AngularJS世界

使用AngularJS 进行Hybrid App 开发已经有一年多时间了,这里做一个总结. 一、AngularJS 初始化加载流程 1、浏览器载入HTML，然后把它解析成DOM。2、浏览器载入angular.js脚本。3、AngularJS等到DOMContentLoaded事件触发。4、AngularJS寻找ng-app指令，这个指令指示了应用的边界

2016-06-29 16:07:23 1589

转载 angular中的ng-bind-html指令和$sce服务

angular js的强大之处之一就是他的数据双向绑定这一牛B功能，我们会常常用到的两个东西就是ng-bind和针对form的ng-model。但在我们的项目当中会遇到这样的情况，后台返回的数据中带有各种各样的html标签。如：$scope.currentWork.description = “hello,今天我们去哪里？”我们用ng-bind-html这样的指令来绑定，结果却不是我们

2016-06-29 14:37:03 380

转载 AngularJS的学习--$on、$emit和$broadcast的使用

$emit只能向parent controller传递event与data$broadcast只能向child controller传递event与data$on用于接收event与data例子如下html代码div ng-controller="ParentCtrl"> 父级--> div ng-controller="SelfCtrl"

2016-06-28 17:54:39 1399

转载十个由浅入深的Angular.js面试问题

虽然只有10个问题，但是覆盖了angular开发中的各个方面，有基本的知识点，也有在开发过程中遇见的问题，同时也有较为开放性的问题去辨别面试者的基础水准和项目经验。1. ng-show/ng-hide 与 ng-if 的区别？我们都知道ng-show/ng-hide实际上是通过 display 来进行隐藏和显示的。而ng-if实际上控制dom节点的增删除来实现的。因此如果我们是根据

2016-06-28 15:06:28 828

转载 js模版引擎handlebars.js实用教程——if-判断的基本用法

if-判断的基本用法 - by 杨元 if-判断的基本用法姓名性别年龄

2016-06-27 14:38:05 2771

转载浅谈 Underscore.js 中 _.throttle 和 _.debounce 的差异

Underscore.js是一个很精干的库，压缩后只有5.2KB。它提供了几十种函数式编程的方法，弥补了标准库的不足，大大方便了JavaScript的编程。本文仅探讨Underscore.js的两个函数方法 _.throttle 和 _.debounce 的原理、效果和用途。通常的函数（或方法）调用过程分为三个部分：请求、执行和响应。（文中“请求”与“调用”同义，“响应”与“返回”

2016-06-22 18:07:58 611

转载 javascript函数的throttle和debounce（推荐阅读）

上周写了window resize和scroll事件的基本优化，结果微博上交流的人还挺多，大家都提到了一个技术名词：“throttle”。throttle我们这里说的throttle就是函数节流的意思。再说的通俗一点就是函数调用的频度控制器，是连续执行时间间隔控制。主要应用的场景比如：鼠标移动，mousemove 事件 DOM 元素动态定位，window对象的resize和scrol...

2016-06-22 18:05:38 631

handlebars相对来讲算一个轻量级、高性能的模板引擎，因其简单、直观、不污染HTML的特性，我个人特别喜欢。另一方面，handlebars作为一个logicless的模板，不支持特别复杂的表达式、语句，只内置了一些基本的语法，像if、each这些。可惜的是就连if都十分弱，只能判断值是否为true/false，或转化后是否为true/false，不能对值进行比较。不过，handlebars提

2016-06-21 18:13:48 472

转载 media query ie8- 兼容实现总结

虽然说响应式设计的理想状态是，需对pc/移动各种终端进行响应；但是现实是高分辨率的pc端与手机终端屏幕相差太大，像电商这样有大量图片和文字信息的同时排版要求精准的页面，设计一个同时适应高分辨率pc又适合小尺寸的手机终端是挑战；同时高分辨率下pc页面信息量巨大，对于手机端用户是否需要，也许会造成带宽浪费;再者手机终端和pc终端的用户操作习惯也相差甚大，这种多图多信息量要求精准的页面，设计出来恐怕会是

2016-06-21 14:15:01 3126

转载 jquery.validate在IE8下，点击提交不进行验证的解决方案

[javascript] view plain copy "font-family: Arial, Helvetica, sans-serif;">jQuery.validate版本：jQuery Validation Plugin v1.13.1 jQuery版本：jQuery v1.11.2 在IE8下点击提交，任何情况都会验证成功，但是在keyup,blur时验证正常。debu

2016-06-20 13:02:08 1588

转载图解HTTPS

我们都知道HTTPS能够加密信息，以免敏感信息被第三方获取。所以很多银行网站或电子邮箱等等安全级别较高的服务都会采用HTTPS协议。HTTPS简介HTTPS其实是有两部分组成：HTTP + SSL / TLS，也就是在HTTP上又加了一层处理加密信息的模块。服务端和客户端的信息传输都会通过TLS进行加密，所以传输的数据都是加密后的数据。具体是如何进行加密，解密，验证的，且看下图。1

2016-06-17 17:45:07 365

转载 HTTPS是如何保证连接安全：每位Web开发者都应知道的

“HTTPS协议的工作原理是什么？”这是我在数天前工作项目中需要解决的问题。作为一名Web开发者，我当然知道 HTTPS 协议是保障用户敏感数据的好办法，但并不知道这种协议的内在工作机制。它怎么保护数据？有人监听线路的情况下，服务器与客户端之间如何建立安全的连接？安全证书又是什么，为什么还要花钱买呢？一系列通道在深入讲解原理细节之前，让我们首先简单了解下H

2016-06-17 17:42:51 448

转载 javascript用户密码加密,js密码加密

今天总结几种javascript用户密码加密的方法，虽然前端当中密码加密不经常用，一般在后端加密之后存入数据库。今天主要列举一下前端js加密方法，以后可能也用得到！1、base64加密在页面中引入base64.js文件，调用方法为：　　　base64加密js"> var b = new Base64(); var st

2016-06-17 17:00:57 2591

转载如何实现JS_MD5加密

下载包：md5.js md4.js sha1.js使用MD5加密的方法：下载md5.js文件，在网页中引用该文件: 在你需要使用MD5加密的地方如此调用: hash = hex_md5("input string"); 其他两个算法类似。用javascript加密的好处是可以在客户端完成加密之后传送

2016-06-17 16:55:00 2671

转载 jquery.cookie() 方法的使用(读取、写入、删除)

一个轻量级的cookie 插件，可以读取、写入、删除 cookie。 jquery.cookie.js 的配置首先包含jQuery的库文件，在后面包含 jquery.cookie.js 的库文件。使用方法 1.新添加一个会话 cookie： $.cookie('the_cookie', 'the_value'); 注：当没有指

2016-06-17 14:01:25 323

转载 JS 倒计时实现代码(时、分，秒)

JS实现倒计时(时、分，秒) var interval = 1000; function ShowCountDown(year,month,day,divname) { var now = new Date(); var endDate = new Date(year, month-1, day); var leftTime=endDate.getTime()-now

2016-06-16 20:37:41 1345

转载 jQuery.extend() 函数详解

jQuery.extend()函数用于将一个或多个对象的内容合并到目标对象。该函数可以将一个或多个对象的成员属性和方法复制到指定的对象上。该函数属于全局jQuery对象。语法静态函数jQuery.extend()有以下两种用法：用法一：jQuery 1.0 新增该用法。jQuery.extend( target [, object1 ] [, objectN... ]

2016-06-13 19:25:09 1084

转载使用moment.js轻松管理日期和时间

大家在前端Javascript开发中会遇到处理日期时间的问题，经常会拿来一大堆处理函数才能完成一个简单的日期时间显示效果。今天我给大家介绍一个轻量级的Javascript日期处理类库：moment.js，使用它可以轻松解决前端开发中遇到的种种日期时间问题。查看演示下载源码moment.js不依赖任何第三方库，支持字符串、Date、时间戳以及数组等格式，可以像PHP的date(

2016-06-12 14:40:17 1229

转载 JS中如何判断null

以下是不正确的方法： var exp = null;if (exp == null){ alert("is null");}exp 为 undefined 时，也会得到与 null 相同的结果，虽然 null 和 undefined 不一样。注意：要同时判断 null 和 undefined 时可使用本法。 va

2016-06-12 14:22:23 283

转载 !important和js的优先级比较

一般情况下：[1位重要标志位] > [4位特殊性标志] > 声明先后顺序!important > [ id > class > tag ] 使用!important可以改变优先级别为最高，其次是style对象，然后是id > class >tag ，另外，另外在同级样式按照申明的顺序后出现的样式具有高优先级。先来看下!important 这个诡异的东西。

2016-06-07 11:37:28 10032

转载 nginx中配置跨域支持功能

在nginx.conf中配置http { ...... add_header Access-Control-Allow-Origin *; add_header Access-Control-Allow-Headers X-Requested-With; add_header Access-Control-Allow-Methods GET,POST,OPT

2016-06-06 13:29:12 1643

转载基于jQuery的公告无限循环滚动实现代码

在线演示：http://demo.jb51.net/js/2012/callboard/jQuery代码复制代码代码如下://第二版：Newton改造 (function (win){ var callboarTimer; var callboard = $('#callboard'); var callboardUl = callboard.find('

2016-06-01 15:54:11 6877

hsany330的专栏