2016年09月_alex8046

转载 Jquery DIV滚动至浏览器顶部位置固定

获取元素（这里定位元素A）距离顶部的高度，接着设定scroll滚动的事件，比如超过那个高度，把A的位置设定为fixed，小于该高度，修改回relative。方法一：$(function() { var elm = $('.nav'); var startPos = $(elm).offset().top; $.event.add(wind

2016-09-28 15:49:57 6575

转载 js获取滚动条距离浏览器顶部,底部的高度

做web开发经常会碰到需要获取浏览器的滚动条与顶部和底部的距离，然后做相应的处理动作。下面作者就如何通过js来获取浏览器滚动条距离浏览器顶部和底部的高度做一下分享，这个是同时兼容ie和firefox的。首先我们需要知道的两个定义是：滚动条距离浏览器顶部的高度 = 窗口滚动条高度；滚动条距离浏览器底部的高度 = 文档（页面）内容实际高度 - 滚动条距离浏览器顶部的高度 - 窗

2016-09-28 15:43:59 22368

转载 AngularJS路由和模板

前言如果想开发一款类似gmail的web应用，我们怎么做呢？以jQuery的思路，做响应式的架构设计时，我们要监听所有点击事件，通过事件函数触发我们加载数据，提交，弹框，验证等的功能；以 AngularJS的思路，做声明式的架构设计时，我们通过指令和路由先设定好，什么样的操作干什么事情，等事件发生时，程序就会知道该干什么了。今天说一下，AngularJS是如何实现前端路由功

2016-09-22 11:26:52 1952

转载 IE8下提示’console’未定义错误

在开发的过程中由于调试的原因,在代码中加入console.info("xxxx"),而未进行删除在IE8下测试该代码所在的页面报错,如下：需要注意的是,使用console对象查看对象信息,在IE8浏览器下未打开开发人员工具(F12)的情况下会报'console'未定义错误。解决办法：1、打开开发人员调试工具(F12)

2016-09-22 11:24:54 3558

转载 UI-Router:为什么开发者都不喜欢Angular.js内置的路由

UI-Router:为什么开发者都不喜欢Angular.js内置的路由字数5012 阅读4366 评论7 喜欢10Angular.js 是一个用来构建“富客户端”的神奇JavaScript框架。但是事实却是许多开发者却不使用其内置的路由模块。反而使用AngularUI项目的 UI-Router模块来代替之。这是因为UI-Router有两个重要的特性：多样化视图嵌

2016-09-22 11:23:22 1545

转载深究AngularJS——ui-router详解

1.配置使用ui-router1.1导入js文件需要注意的是：必须导入angular.min.js这个文件，且angular.min.js必须导入在angular-ui-router.min.js前面。script type="text/javascript" src="JS/angular.min.js">script>script type="text/javascr

2016-09-22 11:18:00 1022

转载 AngularJS 工作原理详解

个人觉得，要很好的理解AngularJS的运行机制，才能尽可能避免掉到坑里面去。在这篇文章中，我将根据网上的资料和自己的理解对AngularJS的在启动后，每一步都做了些什么，做一个比较清楚详细的解析。首先上一小段代码（index.html），结合代码我们来看看，angular一步一步都做了些什么。?1234

2016-09-21 14:35:47 815

转载 AngularJS主要组成部分及小实例

AngularJS的主要组成部分：启动(startup) - 展示"hello world!" 执行期(runtime) - AngularJS 执行期概览作用域(scope) - 视图和控制器的集合区控制器(controller) - 应用的行为模型(model) - 应用的数据视图(view) - 用户能看到的指

2016-09-21 14:30:34 927

转载 AngularJS 的 IE 兼容性

备注：AngularJS 1.3抛弃了对IE8的支持。可以在我们的博客上了解更多内容。AngularJS 1.2将继续支持IE8，但核心团队已经不打算在解决IE8及之前版本的问题上花时间。本文档介绍了互联网浏览器（IE）在处理自定义HTML标签及属性时的特点。如果你正计划在IE8或更早的浏览器上部署Angular应用请阅读本文。项目目前支持且将尝试修复IE9以上的bug 。持续

2016-09-21 14:25:59 6449

转载 AngularJS 单路由多视图(Multiple Named Views)

AngularJS $route的局限性：一个路由只能影响一个ng-view 不是所有页面只有一栏，往往有两栏或两栏以上,例如:左边的功能导航和右边的正文区或三栏布局,下图是一个大概示例上面的图片来自:https://github.com/angular-ui/ui-router/wiki/Multiple-Named-Views对了，此文会介绍:ui-router,它弥

2016-09-21 14:21:37 632

转载 AngularJS ui-router (嵌套路由)

介绍AngularJS 嵌套路由：这是我针对同一个主题（ui-router）的第二篇文章. 如果你对第一篇文章感兴趣的话，可以访问这里. 好了，让我们继续吧，来看看嵌套的ui-router状态是怎么回事. ui-router和同属AngularJS框架一部分的ng-route一样强大. ui-router提供了让我们可以做路由嵌套和视图命名的特性. 我们将在示例中看到ui-route

2016-09-21 14:18:15 576

转载 Bootstrap3 CSS样式基本用法总结

按钮a,input,button都可以设置为按钮a标签按钮 a标签按钮 button标签按钮预置样式 default样式 primary样式 success样式 info样式 warning样式

2016-09-21 14:13:00 7681

转载 Think in AngularJS：对比jQuery和AngularJS的不同思维模式

导言 stackoverflow上有一个人问了一个问题：如果我有jQuery背景，我应该如何切换到AngularJS的思维模式？有一个回复非常经典，获得了两千多票。为了让国内开发者也能领略到其中的核心思想，现把这个问题和答案翻译出来供大家参考。 Question 假设我已经熟悉了如何使用jQuery来开发客户端

2016-09-21 14:05:09 440

转载 angularjs1.3.0源码解析之directive

前言angular之所以使用起来很方便，是因为通常我们只需要在html里面引入一个或多个（自定义或内置的）指令就可以完成一个特定的功能（这也是angular推荐的方式），比如：一个简单的双向绑定（用ng-model指令）,或者模板循环渲染（用ng-repeat指令），又或者是模板是否显示（用ng-if指令）,而对于这些指令的内部实现一般我们无需太多关心（除非你想深入了解），我们更乐意于

2016-09-21 13:33:11 619

转载 AngularJs Using $location详解及示例代码

一、What does it do?　　$location服务分析浏览器地址栏中的URL（基于window.location），让我们可以在应用中较为方便地使用URL里面的东东。在地址栏中更改URL，会响应到$location服务中，而在$location中修改URL，也会响应到地址栏中。　　$location服务：暴露当前浏览器地址栏的URL，所以我们可以1.

2016-09-19 14:22:36 625

转载 angularjs页面传参方式

1. 基于ui-router的页面跳转传参(1) 在AngularJS的app.js中用ui-router定义路由，比如现在有两个页面，一个页面（producers.html）放置了多个producers，点击其中一个目标，页面跳转到对应的producer页，同时将producerId这个参数传过去。.state('producers', { url: '/producer

2016-09-18 14:45:49 1113

转载深入理解ANGULAR中的$APPLY()以及$DIGEST()

$apply()和$digest()在AngularJS中是两个核心概念，但是有时候它们又让人困惑。而为了了解AngularJS的工作方式，首先需要了解$apply()和$digest()是如何工作的。这篇文章旨在解释$apply()和$digest()是什么，以及在日常的编码中如何应用它们。探索$apply()和$digest()AngularJS提供了一个非常酷的特性

2016-09-18 14:33:51 351

转载纯CSS画的基本图形（矩形、圆形、三角形、多边形、爱心、八卦等）

图形包括基本的矩形、圆形、椭圆、三角形、多边形，也包括稍微复杂一点的爱心、钻石、阴阳八卦等。当然有一些需要用到CSS3的属性，所以在你打开这篇文章的时候，我希望你用的是firefox或者chrome，当然IE也能看一部分的。那好，下面就一起来看看我们是如何用纯CSS来画这些图形的，如果你也觉得很震撼，推荐给你的朋友吧。1、正方形最终效果： CSS代码如下：

2016-09-18 14:28:43 490

转载 angularjs 实现 window.onload() $(document).ready() 的4种方法

习惯了window.onload(),$(document).ready()，现在换成别的了，还真有点不习惯了。下面说一下常用的4种情况。1，html中直接写script src="lib/angular/angular.min.js" type="text/javascript">script>script type="text/javascript"> angular.e

2016-09-18 14:25:43 7849

转载关于AngularJs数据递归呈现的实现的几种方式

在实践中，常常会有数据结构一致但深度不确定的数据。而通常情况下，对数据的处理会用到递归的方式。例如网站的无限级分类的展现，分类数据结构：复制var cate = [ { cateId: 1, cateName: '前端技术', child: [ { cateId: 4,

2016-09-18 14:23:58 4693

转载 AngularJS中ng-repeat渲染完成事件和中间变量的引用

ng-repeat渲染完成事件因为在用AngularJS期间, 经常用到ng-repeat, 而有时需要在其渲染完成时操作已经渲染的对象, 所以特在此记录一下添加渲染事件的方法, 以方便以后的使用;代码如下myApp.directive('onRepeatFinishedRender', function ($timeout) { return { restrict:

2016-09-18 14:22:35 2998

转载 AngularJs在IE6~7，及IE8特定版本下的兼容性问题解决方案

AngularJs在IE8之前版本中，会出现{{}}无法解析的现象，先记录解决方法。1、添加html5shiv.js和json2.js2、在html或body节加： ng-app="myapp" id="ng-app" class="ng-app:myapp">源引：http://blog.csdn.net/baif911/article/details/4252

2016-09-18 14:21:22 2614

转载 AngularJS 关于ng-model和ng-bind还有{{}}

ng-bind是从$scope -> view的单向绑定ng-modle是$scope view的双向绑定在AngularJS中显示模型中的数据有两种方式：p>{{text}}p>另一种是使用基于属性的指令，叫做ng-bind：p ng-bind="text">p>主要区别在于，使用花括号语法时，在AngularJS使用数据

2016-09-18 14:19:56 1734

转载 Angularjs兼容低版本IE

注：AngularJS1.3已经不支持IE8（包括IE8）以下的浏览器。更多信息请查看我们的Blog 。AngularJS 1.2将继续支持IE8，但核心团队不会花时间去解决IE8或更早的IE浏览器问题。本文是介绍针对IE浏览器的特征来处理HTML属性和标签。如果你想在IE8或者更早的浏览器的应用中使用AngularJS的话，这篇文章非常适合你。该项目目前支持IE9+了，并会

2016-09-18 14:16:46 3070

转载网页设计中常用的19个Web安全字体

1, Arial微软公司的网页核心字体之一，最常用的sans serif字体，当字号很小时不容易阅读。但是，大写的“I”和小写的“l”是无法区别的，你可以考虑用Tahoma字体来替代。（苹果系统没有这种字体，但有一种对应于Arial的字体叫Helvetica，它是MAC机上与Arial 字体最相似的WEB字体,是别一种非衬线字体.它是一种性能优良的打印字体,但在屏幕上表现不是很好，说

2016-09-12 15:21:12 10007

巴黎的妖