- 博客(66)
- 资源 (6)
- 收藏
- 关注
RSS订阅转载 学习angular ui-router - 管理状态
参考原文：https://github.com/angular-ui/ui-router/wikiui-router 的工作原理非常类似于 Angular 的路由控制器，但它只关注状态。在应用程序的整个用户界面和导航中，一个状态对应于一个页面位置通过定义controller、template和view等属性，来定义指定位置的用户界面和界面行为通过嵌套的方式来解决页面中的一些重复出现
2015-02-10 13:44:07
17341
转载 javascript跨域请求 包装函数
一、源码// 定义AJAX跨域请求的JSON(function(){ if(typeof window.$JSON== 'undefined'){ window.$JSON= {}; }; $JSON._ajax = function(config){ config = config[0] || {}; this.ur
2015-02-03 10:46:50
925
转载 原生javascrippt 自定义功能函数
1、原生JavaScript实现字符串长度截取复制代码代码如下:function cutstr(str, len) { var temp; var icount = 0; var patrn = /[^\x00-\xff]/; var strre = ""; for (var i = 0; i if (i
2015-02-03 10:09:48
1208
转载 Grunt入门教程
在Javascript的开发过程中，经常会遇到一些重复性的任务，比如合并文件、压缩代码、检查语法错误、将Sass代码转成CSS代码等等。通 常，我们需要使用不同的工具，来完成不同的任务，既重复劳动又非常耗时。Grunt就是为了解决这个问题而发明的工具，可以帮助我们自动管理和运行各种任 务。简单说，Grunt是一个自动任务运行器，会按照预先设定的顺序自动运行一系列的任务。这可以简化工作流
2014-12-25 16:52:09
1365
转载 Windows下搭建基于ssh的git服务器
最近接触到了git，感觉到了它的强大和方便，git在linux环境下使用起来是非常方便，但如何在windows下搭建一个基于ssh的git服务器呢？闲话不多说，开始。1、所需的软件下载及安装所需工具下载地址：msysgit http://code.google.com/p/msysgit/downloads/list?q=full+instal
2014-12-25 15:22:01
937
转载 Chrome 控制台不完全指南
Chrome的开发者工具已经强大到没朋友的地步了，特别是其功能丰富界面友好的console，使用得当可以有如下功效：更高「逼格」更快「开发调试」更强「进阶级的Frontender」Bug无处遁形「Console大法好」console.log大家都会用log，但鲜有人很好地利用console.error , console.warn 等将输出到控制台的信息进行分类整理。
2014-12-05 16:35:01
1126
转载 phoneGap之Android环境搭建
PhoneGap说明PhoneGap，一早就听说有这么一个神奇的应用，它可以把WEB项目打包成各种移动平台的应用程序。这里我就研究一下，把之前开发的WebRTC项目打包成Android平台的apk文件试一下。正好公司现在比较缺少Android应用开发人员，看来web应用还是很有前景的。不过在网上看过不少评论说PhoneGap打包的程序运行比较慢，用户体验差，和native应用没的一比，这里
2014-12-05 15:21:41
7755
转载 深入理解 AngularJS 的 Scope
JavaScript 的原型继承就是奇葩。之前在 V2EX 上看到讨论说，不会 OOP 的 JavaScript 的程序员就是野生程序员。看来我是属于野生的。一、遇到的问题问题发生在使用 AngularJS 嵌套 Controller 的时候。因为每个 Controller 都有它对应的 Scope（相当于作用域、控制范围），所以 Con
2014-11-24 13:35:19
4428
转载 angularjs学习总结 详细教程
1 前言前端技术的发展是如此之快，各种优秀技术、优秀框架的出现简直让人目不暇接，紧跟时代潮流，学习掌握新知识自然是不敢怠慢。AngularJS是google在维护，其在国外已经十分火热，可是国内的使用情况却有不小的差距，参考文献/网络文章也很匮乏。这里便将我学习AngularJS写成文档，一方面作为自己学习路程上的记录，另一方面也给有兴趣的同学一些参考。首先我自己也是一名学
2014-11-21 15:15:45
66217
11
转载 实践总结 - 不可错过的Angular应用技巧
angular的核心思想是通过数据驱动一切,其他东西都是数据的延伸.套用Javascript一切皆对象的思想,在angular中可以说一切皆数据. 关于项目构建 (1) requirejs以及Yeoman 在刚开始接触或者使用Angular的时候,总会疑惑与类似的问题,我实践的答案是不需要requirejs或者Yeoman.前
2014-11-20 14:58:15
2454
原创 AngularJS $http 异步后台无法获取请求参数
对于AJAX应用（使用XMLHttpRequests）来说，向服务器发起请求的传统方式是：获取一个XMLHttpRequest对象的引用、发起请求、读取响应、检查状态码，最后处理服务端的响应。整个过程示例如下：var xmlhttp = new XMLHttpRequest();xmlhttp.onreadystatechange = function() { if(xmlhttp
2014-11-14 09:17:27
87526
2
转载 grunt-restful-mock
grunt-restful-mock模拟 AJAX 请求返回的 JSON 数据，帮助前端工程师减少对后端接口的依赖，在接口规范的基础之上，实现与后端并行开发。主要特性：根据数据模板随机生成数据支持 RESTful 风格的 API模拟 HTTPOnly 的 Cookie模拟 HTTP 响应状态码模拟 HTTP 请求的网络延时热重启，修改 mock 配置后自动重启服务
2014-11-04 14:31:34
1747
转载 【grunt第二弹】30分钟学会使用grunt打包前端代码（02）
前言配置任务/grunt.initConfiggrunt插件grunt-contrib-unglifygrunt-contrib-concatgrunt-contrib-jshintgrunt-contrib-requirejsrequire与模板文件打包样式文件下集预告1 移动打包文件2 分支处理3 native包与HTML5包4 分频道打包前言上一篇博客，我们简单的介绍了g
2014-11-04 13:12:15
1307
转载 【grunt第一弹】30分钟学会使用grunt打包前端代码
前言grunt准备阶段1、nodeJs环境2、安装grunt实例学习：打包zepto① package.json② Gruntfile.js认识Gruntdile与package.jsonpackage.jsonGruntfile合并文件合并requireJS管理的文件下集预告1 HTML文件打包2 样式文件打包3 移动打包文件4 分支处理5 native包与HTML5包6 分频道打包
2014-11-04 10:31:53
1073
转载 npm spm bower三个包管理器，哪个比较好用
Bowerbower 的缺点比较明显，最大的问题就是缺乏统一的构建机制。但有意思的是 Google 的 Polymer 选择了 bower 作为包管理器，因为 Polymer 是建立在两个还没在浏览器里普遍实现的东西上的：HTML Import 和 SPDY。HTML Import 让你可以把 HTML, CSS, JS 写在同一个 HTML 文件里作为一个组件或是模块，然后通
2014-11-04 09:48:46
1181
转载 快乐Node码农的十个习惯
从问世到现在将近20年，JavaScript一直缺乏其它有吸引力的编程语言，比如Python和Ruby，的很多优点：命令行界面，REPL，包管理器，以及组织良好的开源社区。感谢Node.js和npm，现如今的JavaScript鸟枪换炮了。Web开发者有了强大的新工具，接下来就看他们的想象力了。下面这个提示和技巧清单，能让你和你的node程序保持快乐。1. 用npm init开
2014-11-03 14:49:07
793
转载 用npm-run自动化任务
自动构建javascript有不少好工具。不过其实很少有人知道，npm run命令就能很好地完成这一任务，配置起来也很简单。James Halliday在博客上分享了使用npm run自动化任务的一些经验：scriptnpm 会在项目的 package.json 文件中寻找 scripts 区域，其中包括npm test和npm start等命令。其
2014-11-03 14:02:01
19576
转载 YUIDoc注释编写
上面介绍了JS文档和Demo生成工具SmartDoc，本篇开始介绍一下注释的编写。SmartDoc使用的是YUIDoc的引擎，所以的注释规则都一样，先简单介绍下YUIDoc的注释编写。 编写注释是一个很繁重的体力活，很多程序员都嫌麻烦不愿意做此事，但是在编写的过程，会让你注意到很多的细节和考虑一些没有想到的地方，会发现很多的问题和优化点。 为了比较好的提高效率，从c
2014-10-23 13:38:49
2090
转载 requestAnimationFrame，Web中写动画的另一种选择
HTML5/CSS3时代，我们要在web里做动画选择其实已经很多了:你可以用CSS3的animattion+keyframes;你也可以用css3的transition;你还可以用通过在canvas上作图来实现动画，也可以借助jQuery动画相关的API方便地实现;当然最原始的你还可以使用window.setTimout()或者window.setInterval(
2014-10-16 10:42:49
862
转载 The Little Book on CoffeeScript - 语法
本文译自The Little Book on CoffeeScript的第2章。该书是GitHub上的一个开源项目，采用MIT授权协议。遂将其翻译过来，以便方便更多人接触CoffeeScript，沿用MIT授权协议。译文有不妥之处，请指正。CoffeeScript语法首先，在开始本章之前，我还想重申下尽管很多时候CoffeeScript的语法与JavaScript相似，但是它并不是
2014-10-09 15:05:55
858
转载 javascript常用方法函数收集
字符串长度截取function cutstr(str, len) { var temp, icount = 0, patrn = /[^\x00-\xff]/， strre = ""; for (var i = 0; i if (icount
2014-10-08 14:18:58
783
转载 jQuery动画高级用法（上）——详解animation中的.queue()函数
如果你拿着一个疑问去找专业人士寻找答案，那么你的一个疑问会变成三个，因为他会用另外两个令你更加一头雾水的名词来解释你的这个疑问。 我想这是大多数，包括我在内，IT人在学习过程中碰到的最大问题。当你有一段代码或是一个概念不是很清楚，百度也好，Google也好，在论坛发问也好，给出的答案往往又会夹杂着更多你不懂得概念和令你头疼的代码。 我亦是吃了同样的亏，痛定思痛，决定对a
2014-10-08 11:22:15
1132
转载 jQuery.data() 的实现方式
jQuery.data() 的实现方式 jQuery.data() 的作用是为普通对象或 DOM Element 附加（及获取）数据。 下面将分三个部分分析其实现方式： 1. 用name和value为对象附加数据；即传入三个参数，第一个参数为需要附加数据的对象，第二个参数为数据的名称，第三个参数为数据的值。当然，只是获取值的话，也可以不传入第三个参数。
2014-10-08 09:54:39
670
转载 Query $.data()方法使用注意细节
段时间同事在群里对jQuery里的.data()方法大发牢骚： XXX(NNNNNNN) 15:11:34 alert($('#a').data('xxx'));//123 data方法不靠谱 XXX(NNNNNNN) 15:13:17 老老实实用attr('data-xxx')吧细研究了下jQuery文档对.data()方法的描述： 复制代码代码如下:
2014-10-08 09:11:13
1367
转载 jQuery滚动到顶部插件scrollUp
演 示 下 载当网页内容过长，你浏览到底部需要回到顶部时，是不是希望“一键直达”呢？scrollUp 就是这样一款插件，它能够让用户滚动条滚动到一定的位置时（可设置），右下角出现“滚动到顶部”的按钮，点击后，页面就是慢慢的滚动到顶部，而不是硬生生的直接回到顶部，提高了用户体验。scrollUp 还提供了 3 种主题，在 css 文件夹下。当然你可以自定义。使
2014-09-30 14:35:57
8928
转载 jQuery图片黑白开关插件BlackAndWhite
演 示 下 载BlackAndWhite 是一款图片类的插件，这款插件可以很容易地将任何彩色图片转换成B&W灰度图片，当鼠标移动到图片上时，图片可慢慢恢复原有的色彩。该插件可用于图片展示或相册等。使用方法引入文件HTML
2014-09-30 14:34:43
2903
转载 jQuery图片文字无间断滚动插件YLMarquee
演 示 下 载YLMarquee 是彦磊基于 jQuery 制作的一款图片、文字平滑无间断滚动插件，该插件可以轻松实现图片或文字向左或向右滚动，可设定可见元素个数及容器的宽度、高度。YLMarquee CPU 占用率极低，兼容 IE6、IE7、IE8、火狐、谷歌等众多浏览器。使用方法引入文件HTML
2014-09-30 14:31:25
1854
转载 Intro.js – 为您的网站提供更好的用户指引
演 示 下 载今年腾讯首页和新浪首页相继改版，为了让用户更好的适应新版，都加入用户指引（或叫用户帮助）。如果你也想在自己的网页加入用户指引，那就是试试 Intro.js 吧，它能够很轻松的制作出类似腾讯首页用户指引的效果。注意：Intro.js 目前兼容 Firefox、Chrome 和 IE8，不兼容 IE6 和 IE7，后续版本将会提供更好的兼容。使用方
2014-09-30 14:25:13
1100
转载 jQuery图片延迟加载插件Lazy Load
演 示 下 载简介Lazy Load 是一款基于 jQuery 的图片延迟加载插件，它可以让浏览器可视区域外的图片不加载，当滚动到它们的位置时才加载。延迟加载可以使页面加载更快，减少服务器的负担，甚至是节约带宽。兼容性Lazy Load 兼容所有浏览器，包括 IE6、IE7。使用方法1、引入文件2、HTML
2014-09-30 14:23:20
802
转载 WordPress时间函数the_tiem()详解
使用 WordPress 建站，不得不接触到时间函数 the_time()，因为加上文章的发表日期或评论的发表日期是非常有必要的。但是 the_time() 默认的格式只有时间，比如 “下午5:06” 。这样的格式是不是不太满意呢？ 对于中国人，比较习惯以下的时间格式：12-102013-12-102013年12月10日 星期一10:35:28如何让间函数 the_time()
2014-09-30 14:20:00
940
转载 滚动视差含义及相关js插件介绍
什么是滚动视差？视差（Parallax）是指从不同的点看一个物体时形成的视觉差异，这个名词是源自希腊文的παράλλαξις (parallaxis)，意思是”改变”。视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。视差效果，原本是一个天文学术语，当我们观察星空时，离我们远的星星移动速度较慢，离我们
2014-09-30 08:55:31
900
转载 OWL Carousel integration with AngularJS
To up to work owl carousel (or other jQuery plugin) with AngularJS you need to perform some actions.1. Download and include all plugin files:html>head> link href="css/style.css" rel="styles
2014-09-30 08:52:20
2829
转载 JQuery自动播放提示音
在网站开发中，有时需要一个提示音告诉不在浏览器面前的人有新消息了。当然很多人想能不能实现浏览器自动置顶到其他桌面程序，然后弹出窗口告诉用电脑的人呢？答案是不行的，浏览器目前不知道这样的事件，但是浏览器发出提示音是可以的。最早对网站有自动提示音的功能，我发现在Discuz论坛中出现。但是它有一个问题就是只支持flash，不支持HTML5，这是我以前看到的，不明确最新版本中是否支持HT
2014-09-29 13:46:12
15406
转载 jQuery旋转插件jqueryrotate
CSS3 提供了多种变形效果，比如矩阵变形、位移、缩放、旋转和倾斜等等，让页面更加生动活泼有趣，不再一动不动。然后 IE10 以下版本的浏览器不支持 CSS3 变形，虽然 IE 有私有属性滤镜（filter），但不全面，而且效果和性能都不好。今天介绍一款 jQuery 插件——jqueryrotate，它可以实现旋转效果。jqueryrotate 支持所有主流浏览器，包括 IE6。如果你想
2014-09-24 14:19:21
13582
转载 报错找不到jquery-1.10.2.min.map解决办法
我先说一下什么是source map文件。 source map文件是js文件压缩后，文件的变量名替换对应、变量所在位置等元信息数据文件，一般这种文件和min.js主文件放在同一个目录下。 比如压缩后原变量是map，压缩后通过变量替换规则可能会被替换成a，这时source map文件会记录下这个mapping的信息，这样的好处就是说，在调试的时候，如果有一些
2014-09-24 09:33:54
4716
转载 快速上手RaphaelJS--RaphaelJS_Starter翻译（三）
名人名言：美好的思想，没有美好的品德来陪伴，它不过是泡影。——摩索姆达 上篇博文我们讲解到了Raphael的动画、图形变换和鼠标事务的内容，本篇介绍介绍你应用Raphael过程中会高频用到的办法。那些你必须知道的Raphael办法Element 办法 这些办法由元素调用。比如我们前面的rect.click（）。ani
2014-09-22 15:20:05
5713
1
转载 如何调试 Android 手机网页
兵马未动，粮草先行。安排好 debug 工作的道理也一样，调试的基本工作务必先于开发之前搞得好，不然后果很严重……！哈哈，这样的开场白太那个了……其实实不相瞒，俺的实际情况是，到项目后期才懂得那么一点页面调试手段，之前怎么弄……不怕见笑，还是 console.log/alert 几招，甚至几招都算不上，，好原始的说……嗯，少废话，来上货，，一、基于 weinre 的方案的：We
2014-09-17 11:39:43
826
转载 JS内建方法
abs 方法 返回一个数的绝对值。 acos 方法 返回一个数的反余弦。 anchor 方法 在对象的指定文本两端加上一个带 NAME 属性的 HTML 锚点。 asin 方法 返回一个数的反正弦。 atan 方法 返回一个数的反正切。 atan2 方法 返回从 X 轴到点 （y, x）的角度（以弧度为单位）。 atEnd 方法 返回一个表明枚举算子是否处于集合结束处的 Boolean
2014-09-17 09:19:35
588
转载 前端开发工程师如何在2013年里提升自己——阅读笔记
web开发生命周期中的各种工具：Development Environments（Code, Compile, Build & Reload）：Sublime Text 2CodeKitDevelopment Tools：灵感来源：www.mobile-patterns.compttrns.com人机交互指南：Android's Human Inte
2014-09-16 17:10:26
793
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人