- 博客(54)
- 资源 (5)
- 问答 (1)
- 收藏
- 关注
RSS订阅转载 如何优雅地使用Sublime Text
Sublime Text：一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件，不仅具有华丽的界面，还支持插件扩展机制，用她来写代码，绝对是一种享受。相比于难于上手的Vim，浮肿沉重的Eclipse，VS，即便体积轻巧迅速启动的Editplus、Notepad++，在SublimeText面前大略显失色，无疑这款性感无比的编辑器是Coding和Writing最佳的选择，没有之一。如何
2016-12-08 15:23:29
3999
1
转载 backbone官方例子todos分析
原文链接：http://blog.csdn.net/zhulinu/article/details/7488885 感谢backbone是javascript当中比较有名的mvc框架，最近更新也比较快，影响力也越来越大了。不过中文资料不太多。api中文参考文档：http://www.csser.com/tools/backbone/backbone.js.html，是老版本的，可以
2016-09-20 16:14:51
650
原创 React中报this.isMounted is not a function
var UserGist = React.createClass({ getInitialState: function() { return { username: '', lastGistUrl: '' }; }, component
2016-08-03 15:08:09
2710
转载 盘点8种CSS实现垂直居中水平居中的绝对定位居中技术
目录(?)[+]转载地址： http://blog.csdn.net/freshlover/article/details/11579669Ⅰ.绝对定位居中(Absolute Centering)技术我们经常用margin:0 auto来实现水平居中，而一直认为margin:auto不能实现垂直居中……实际上，实现垂直居中仅需要声明元素高度和下面的CSS:
2016-05-10 15:39:40
3289
原创 CSS:line-height:150%与line-height:1.5的区别是什么？
直接上一段实例代码，注释部分有相应代码的讲解。html>lang="en"> charset="UTF-8"> CSS:line-height:150%与line-height:1.5的区别是什么？是根据父元素的字体大小计算出行高，并且子元素依然沿用这个计算后的行高。而1.5则是根据子元素自己字体的大小去乘以1.5来计算行高。另，1.5em等也是按照150%的情况来算的。
2016-03-31 16:07:48
1741
原创 html5 canvas画布居中
今天写一个demo的时候想把canvas的画布居中，一开始代码是这样的：如图，设置了canvas的margin：0 auto；可是显示效果并不居中，如下图：只有黑色的边框，怎么解决呢？给canvas一个div，让div包裹canvas，设置div的宽度，并设置div的margin：0 auto;效果如图：
2016-03-23 17:50:38
39067
1
原创 调试DOM元素hover,focus,actived的样式--谷歌浏览器调试器
平时写页面代码，给DOM添加一些css样式时，我们可以用谷歌浏览器的开发者工具进行调试。如下图这样：出现的效果是这样的：相应的按F12打开Chrome的开发者工具，可以看到相应的样式：那么关键的问题来了，我想看：hover样式哪里去了？接下来找到并点击这个按钮：选中：hover，你就能看见你所写的：hover样式了：相
2016-03-10 14:42:53
2375
转载 [在github上搭建网站]使用Git搭建我的静态网站-搭建基本环境
本文目录 本章节内容①注册我的git账号②创建一个项目③密钥④连接我的项目⑤下载上传我的代码1.注册我的git账号 打开站点：https://github.com/，注册一个账号，这里我们需要将自己的代码托管在github上面。注册该站点有两个目的:
2015-09-11 17:24:06
5669
转载 走进AngularJs之过滤器（filter）
过滤器（filter）正如其名，作用就是接收一个输入，通过某个规则进行处理，然后返回处理后的结果。主要用在数据的格式化上，例如获取一个数组中的子集，对数组中的元素进行排序等。ng内置了一些过滤器，它们是：currency(货币)、date(日期)、filter(子串匹配)、json(格式化json对象)、limitTo(限制个数)、lowercase(小写)、uppercase(大写)、numbe
2015-09-11 17:21:43
1273
原创 ng的一些指令
ng-class=“{ yourname：bb}ng-model =”bb“ bb 就是一个true或者false的状态，为trueng-blur可以使用在window, input, select, textarea, a，这五种标签，用来判断焦点是否存在。ngClick适用标签：所有触发条件：单击#html"LearnCtrl"
2015-09-11 17:20:55
6210
转载 angular的ng-options
原文地址：http://my.oschina.net/gejiawen0913/blog/188539#OSC_h2_1select 是 AngularJS 预设的一组directive。下面是其官网api doc给出的用法：AngularJS:select大意是，select中的ngOption可以采用和ngRepeat指令类似的循环结构，其data so
2015-09-11 17:19:53
603
转载 比较正宗的验证邮箱的正则表达式js代码详解
邮箱正则最正宗的一条正则语句是^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$ 下面我们来讲解一下fuchangxi的正则： 复制代码代码如下:/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/ 开始必
2015-08-05 17:02:46
16431
2
转载 学会使用AngularJS
这是用前端框架AngularJS构建一个简单应用的部分代码，首页配制一个路由。当然，AngularJS路由功能是一个纯前端的解决方案，与我们熟悉的后台路由不太一样。前端路由需要提前对指定 的（ng-app），定义路由规则（routeProvider），然后通过不同的URL，告诉（ng-app）加载哪个页面（HTML），再渲染到（ng-app）视图（ng-view）中。虽然URL输入不一样，页面展示
2015-08-04 22:50:05
927
转载 JavaScript技巧45招（转）
在这篇文章里，我将分享一些JavaScript的技巧、秘诀和最佳实践，除了少数几个外，不管是浏览器的JavaScript引擎，还是服务器端JavaScript解释器，均适用。1、首次为变量赋值时务必使用var关键字变量没有声明而直接赋值得话，默认会作为一个新的全局变量，要尽量避免使用全局变量。2、使用===取代====和!=操作符会在需要的情况下自动转换数据
2015-08-04 21:40:53
455
转载 css实现会话气泡的效果
气泡框（或者提示框）是网页中一种很常见的元素，大多用来展示提示信息，如下图所示：拆分来看，形如这种气泡框无外乎就是一个矩形框+一个指示方向的三角形小箭头，要制作出这样的气泡框，如果解决了三角形小箭头就容易了。一种方法就是制作这样一个三角形箭头的图片，然后定位在矩形框上。但这种解决办法在后期更改气泡框会很不方便，可能每修改一次气泡框都要重新制作一个三角形小图标。如果我们能够直接用HTML和C
2015-08-04 21:27:05
851
转载 angularjs入门案例 新玩具-中午吃神马
angularjs 是一个用来开发单页webAPP的mvv框架，由Google 开发，如果不知道angularjs 的可以先google 下 按照angularjs 的开发一般顺序先搭建好需要做的视图，然后准备数据，最后绑定事件处理业务逻辑，操作DOM事件用户和程序的交互。 1、开始搭建界面，使用bootstrap作为UI框架，可以快速搭建清爽的界面效果，顺便引入 angular.
2015-08-03 17:21:11
740
转载 angular之Directive - Compile vs. Link
还是先从栗子们看起~如果我想实现这样一个功能，当一个input失去光标焦点时(blur)，执行一些语句，比如当输入用户名后，向后台发ajax请求查询用户名是否已经存在，好有及时的页面相应。输入 hellobug 失去焦点后提示 hellobug 这个用户名已经存在 代码如下：HTML123456 ng-controller
2015-08-03 16:30:49
655
转载 AngularJs学习笔记--Creating Services
原版地址：http://docs.angularjs.org/guide/dev_guide.services.creating_services 虽然angular提供许多有用的service，在一些特别的应用中，我们会发现编写自定义service是很有用的。如果我们想做这件事，我们首先要在module中注册一个service工厂方法，可以通过Module.factory api（http
2015-08-03 15:43:09
397
转载 angular之directive定义对象说明
directive定义对象说明 directive定义对象提供了compiler的结构。属性如下：name - 当前scope的名称，注册时可以使用默认值（不填）。priority（优先级）- 当有多个directive定义在同一个DOM元素时，有时需要明确它们的执行顺序。这属性用于在directive的compile function调用之前进行排序。如果优先级相同
2015-08-03 15:07:29
1304
转载 《AngularJS》5个实例详解Directive（指令）机制
大漠穷秋 本文整理并扩展了《AngularJS》这本书第六章里面的内容，此书近期即将由电子工业出版社出版，敬请期待口令：Angular 1.一点小说明 指令的作用：实现语义化标签 我们常用的HTML标签是这样的： 一点点内容 而使用AngularJS的directive（指令）机制，我们可以实现这样的东西： 子面板1
2015-08-03 09:54:45
433
转载 Chrome 控制台 如何调试 javascript
转自 http://www.cnblogs.com/ctriphire/p/4117370.html下面简单介绍一下如何利用好chrome控制台这个神器好好调试javascript代码先说一下源码定位大家打开测试网页 看到页面右下方有一个推荐的图标吗？右击推荐图标，选择审查元素，打开谷歌控制台，如下图所示我们现在想知道votePost方法到底在哪？跟着我这样做，在Con
2015-08-02 20:29:21
950
转载 angularjs源码分析之：angularjs执行流程
先上个大图，有个大概印象,注：angularjs的版本为：1.2.1，通过bower install angularjs安装的。几个重要方法bindJQuery();publishExternalAPI(angular);jqLite(document).ready(function() { angularInit(document, bootstrap);});bi
2015-08-02 20:18:27
536
转载 Angular新手容易碰到的坑，随时更新，欢迎订阅
在Angular群里回答新手问题一段时间了，有一些Angular方面的坑留在这里备查，希望能对各位有所帮助。这个文章将来会随时更新，不会单独开新章，欢迎各位订阅。Q1.<div ng-include="views/user/show.html"> 错在哪里？如果你这么写过，会发现这个位置啥也没有加载出来，那么，错在哪里呢？错在ng-include需要的是一个变量，如果你在$scope中
2015-07-31 17:06:53
922
转载 angular中的$q与promise（综合）
形象的讲解angular中的$q与promisepromise不是angular首创的，作为一种编程模式，它出现在……1976年，比js还要古老得多。promise全称是 Futures and promises。具体的可以参见 http://en.wikipedia.org/wiki/Futures_and_promises 。而在javascript世界中，一个广泛流行的库叫做
2015-07-30 15:53:06
1421
1
转载 AngularJS中使用Directive、Controller、Service
写在前面：本文适合AngularJS新手，老手略过。AngularJS是一款非常强大的前端MVC框架。同时，它也引入了相当多的概念，这些概念我们可能不是太熟悉。Directive 指令Controller 控制器Service 服务下面我们逐个来看这些概念，研究一下为什么它们会像当初设计的那样强大，同时研究一下为什么我们要以那样的方式去使用它们。本文系转载，点我看原文，版权归原
2015-07-30 11:39:27
2742
转载 angular之$parse
$parse服务$parse服务可以讲一个表达式转换为一个函数。这个函数可以被调用，其中的参数是一个上下文对象，通常来说是作用域。另外，通过$parse的表达式返回的这个函数有一个assign属性。这个assign属性也是一个函数，它可以用来在给定的上下文中改变这个表达式的值。下面是一段简单的代码：div my-attr="obj.name" my-directive>test
2015-07-30 10:44:24
1164
转载 angular之link和compile的区别
在angularJs应用启动之前，它们是以HTML文本形式存在文本编辑器当中。应用启动会进行编译和链接，作用域会同HTML进行绑定。这个过程包含了两个阶段！编译阶段 在编译的阶段，angularJs会遍历整个的文档并根据JavaScript中指令定义来处理页面上什么的指令。在遍历的过程中，有可能一层套着一层，一直延深处遍历。一但遍历和编译完毕就会返回一个叫做模板函数的函数。在这个函数没被
2015-07-29 23:17:11
7021
转载 AngularJS 之 Factory vs Service vs Provider
当你初试 Angular 时，很自然地就会往 controller 和 scope 里堆满不必要的逻辑。一定要早点意识到，controller 这一层应该很薄；也就是说，应用里大部分的业务逻辑和持久化数据都应该放在 service 里。我每天都会在 Stack Overflow 上看到几个同类的问题，关于如何在 controller 里保存持久化数据。这就不是 controller 该干的事。出于
2015-07-27 17:59:03
362
原创 Angular简要概述一些概念
Angularjs具有自身的几个特点： 1、数据的双向绑定 双向绑定是一个比较有社会主义特色的东西，只要有一个人出问题其他人也都会连带出来。也就是说当module中数据发生了变化，那么view中所就发生相应的变化；反之如果view中发生的变化也会同时修改module中的数据。 2、模板 模板就是最终要显示到页面中所展示的内容，在angular
2015-07-27 17:37:25
548
转载 AngularJS 的表单验证
今天我们将来看看Angular如何帮助做表单验证. 我们将讨论更多使用angular进行有关表单操作的东西（就像我们另外的一篇文章: 提交Ajax表单：AngularJS的方式). 不过不用担心，那篇文章不一定要读的.我们将重点放在客户端验证上，并使用Angular内置的表单属性。这里有一个 demo.需求Name 必填Username 非必填，最小长度3，最大长度
2015-07-24 17:54:40
493
转载 AngularJS 的表单验证
今天我们将来看看Angular如何帮助做表单验证. 我们将讨论更多使用angular进行有关表单操作的东西（就像我们另外的一篇文章: 提交Ajax表单：AngularJS的方式). 不过不用担心，那篇文章不一定要读的.我们将重点放在客户端验证上，并使用Angular内置的表单属性。这里有一个 demo.需求Name 必填Username 非必填，最小长度3，最大长度
2015-07-24 16:45:52
775
转载 Angular关于$watch，$apply 以及 $digest的工作原理及相关知识点
这篇文章主要是面向那些刚开始学AngularJs和想要了解数据绑定（data-binding）是怎么工作的，如果你已经熟悉如何使用angularjs了，我强烈建议你不用阅读了。angularjs使用者想要知道data-binding是如何工作的，就会遇到很多的关的术语比如$wacth,$apply,$digest,dirty-checking(脏值检测)...等等，这些又是
2015-07-24 16:01:35
635
转载 Angular的一些知识点
作用域的声明周期浏览器接收到事件后的一般工作流程是执行一个相应的Javascript回调。回调一执行完，浏览器就会重新渲染DOM并且重新回到等待事件的状态。当浏览器调用AngularJS上下文之外的Javascript代码时，AngularJS是不知道模型的更改的。要正确处理模型的更改，就要使用$apply方法进入AngularJS的执行上下文。只有在$apply方法内执行的模型修改才会正
2015-07-24 13:56:14
456
原创 AngularJS的学习--$on、$emit和$broadcast的使用
Angularjs为在scope中为我们提供了冒泡和隧道机制，$broadcast会把事件广播给所有子controller，而$emit则会将事件冒泡传递给父controller，$on则是angularjs的事件注册函数.AngularJS中的作用域有一个非常有层次和嵌套分明的结构。其中它们都有一个主要的$rootScope(也就说对应的Angular应用或者ng-app)，然后
2015-07-24 10:14:50
755
转载 Angular作用域
阅读目录 为何需要独立作用域 如何实现独立作用域 作用域数据绑定 首先看一下基于字符串的绑定： 如果绑定的是一个变量呢！ 最后是基于方法的绑定：&操作符 参考前面通过视频学习了解了指令的概念，这里学习一下指令中的作用域的相关内容。通过独立作用域的不同绑定，可以实现更具适应性的自定义标签。借由不同的绑定规则绑定属性，从而定义出符合更多应用场景的标签。本篇将会
2015-07-23 09:56:18
510
转载 AngularJS 学习路线
AngularJS 是Google开源的一款JavaScript MVC框架，弥补了HTML在构建应用方面的不足，诞生以来吸引了大量的目光，也迅速成为了Web开发领域的新宠。AngularJS网站AngularJS — Superheroic JavaScript MVW Framework - 官方网站angular/angular.js - github使用超动感HTML &
2015-07-22 09:39:03
786
原创 Angular一点基础知识
js中的mvc mvc设计模式，简单说来是将复杂的代码设计规范化,把应用的输入，处理，输出分开，M是指数据模型，V是指用户界面，C则是控制器。像我刚接触的SSH框架中，例如struts，就是利用mvc的设计模式。其中model（也就是数据模型）负责封装页面传来的参数，并交给业务进行处理，处理完后返回模型数据到页面进行显示，这一点angular js中的双向数据绑定成功的实现了。
2015-07-21 17:31:59
405
转载 angular js自学笔记(二）——作用域1.0
作用域1.0控制器与$scope 了解作用域，首先要理解angular js的控制器。控制器的主要职责是初始化作用域实例，那么问题来了，什么是作用域实例呢？学过Java的人都知道，Java中可以将很多方法和需要的属性封装到一个类中，方便其他类调用，在我个人看来，angular js里面就定义了一个scope类，而我们在html里面使用ng-controller标签（这个
2015-07-21 17:25:47
740
转载 AngularJS权威教程 笔记（AngularJS是一个很有意思的库，基于函数形参的依赖注入？酷！还有奇怪的$scope和指令）
目录(?)[+]AngularJS权威教程跳转至： 导航、 搜索目录1初识AngularJS2数据绑定和第一个应用3模块4作用域5控制器6表达式7过滤器8指令简介9内置指令10指令详解11模块加载12多重视图和路由13依赖注入14服务15XHR和服务器通信16XHR实践17promise18服务器通信19测试20事件21架构22Angular
2015-07-21 17:06:51
858
转载 AngularJS学习笔记<1>环境配置
什么是 AngularJS?AngularJS是一个为动态WEB应用设计的结构框架。它能让你使用HTML作为模板语言，通过扩展HTML的语法，让你能更清楚、简洁地构建你的应用组件。它的创新点在于，利用数据绑定 和依赖注入，它使你不用再写大量的代码了。这些全都是通过浏览器端的Javascript实现，这也使得它能够完美地和任何服务器端技术结合。学习前环境的准备1、Node.js下
2015-07-20 10:29:04
690
js中tostring（）问题
2015-07-11
TA创建的收藏夹 TA关注的收藏夹
TA关注的人