2016年11月_心郎

原创 js案例移动端左右滑动touch+transform

*{ padding: 0; margin: 0; /*margin-top:100px;*/ } #move{ height: 80px; width: 99%; border: 1px solid red; font-size: 19px; text-align: center; padding-top: 20

2016-11-29 22:44:56 11193

原创 js案例元素的拖拽与吸附(touch+translate)

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale...

2016-11-29 14:03:42 6953 2

原创 js 案例文本框简单校验

a{ color: darkgrey; } input{ color: lightgrey; } .hide { display: none; } .show { display: block; } #lab1 {

2016-11-23 23:23:47 355

原创 AngularJS 路由以及模块配置

AngularJS 路由-参数,模块配置,布局模板 body { padding: 0; margin: 0; background-color: #F7F7F7; font-family: Arial; } .wrapper { max-width: 980px; margin: 50px auto; } ul { paddi

2016-11-19 23:47:04 9907

原创 AngularJs 锚点监听

AngularJS 路由和多视图 body { padding: 0; margin: 0; background-color: #F7F7F7; font-family: Arial; } .wrapper { width: 980px; margin: 50px auto; } ul { padding: 0; mar

2016-11-19 23:46:00 1485

原创 AngularJs 模块加载-运行块

AngularJS 模块加载之运行块<!-- AngularJS模块:可以在被加载和执行之前对自身进行配置我们可以在应用加载阶段配置不同的逻辑 ##配置快: 通过config方法实现对模块的配置,AngularJS中的服务多数都对应一个provider, 用来执行与对应服务相同的功能或对其配置,比如$log、$http、$location都是内置服务，相对应的“provi

2016-11-19 23:44:22 1436

原创 AngularJs 模块加载-配置块

AngularJS 模块加载之配置快<!-- AngularJS模块:可以在被加载和执行之前对自身进行配置我们可以在应用加载阶段配置不同的逻辑 ##配置快: 通过config方法实现对模块的配置,AngularJS中的服务多数都对应一个provider, 用来执行与对应服务相同的功能或对其配置,比如$log、$http、$location都是内置服务，相对应的“provi

2016-11-19 23:43:11 3562

原创 AngularJs 自定义服务

AngularJS 自定义服务  自定义factory名为showTime1的服务:{{now}} 自定义service名为showTime2

2016-11-19 01:44:01 355

原创 AngularJs 服务之jsonp解决跨域问题

AngularJS $http跨域<!-- 服务:服务是一个对象或函数，对外提供特定的功能. 内建服务: 1: $location是对原生Javascript中location对象属性和方法的封装。 2: $timeout&$interval对原生Javascript中的setTimeout和setInterval进行了封装。 3: $filter在控制器中格式化数据。 4

2016-11-19 01:42:49 1668

原创 AngularJs 服务之http请求

$http用于向服务端发起异步请求。 $http服务<!-- 服务:服务是一个对象或函数，对外提供特定的功能. 内建服务: 1: $location是对原生Javascript中location对象属性和方法的封装。 2: $timeout&$interval对原生Javascript中的setTimeout和setInterval进行了封装。 3: $filter在控制器中格

2016-11-19 01:41:52 678

原创 AngularJs 服务之$log

$log打印调试信息服务<!-- 服务:服务是一个对象或函数，对外提供特定的功能. 内建服务: 1: $location是对原生Javascript中location对象属性和方法的封装。 2: $timeout&$interval对原生Javascript中的setTimeout和setInterval进行了封装。 3: $filter在控制器中格式化数据。 4: $l

2016-11-19 01:40:54 6131

原创 AngularJs 服务之$filter

$filter 服务<!-- 服务:服务是一个对象或函数，对外提供特定的功能. 内建服务: 1: $location是对原生Javascript中location对象属性和方法的封装。 2: $timeout&$interval对原生Javascript中的setTimeout和setInterval进行了封装。 3: $filter在控制器中格式化数据。 4: $log打

2016-11-19 01:40:09 3242

原创 AngularJs 服务之$timeout or $interval

$timeout&$interval 服务<!-- 服务:服务是一个对象或函数，对外提供特定的功能. 内建服务: 1: $location是对原生Javascript中location对象属性和方法的封装。 2: $timeout&$interval对原生Javascript中的setTimeout和setInterval进行了封装。 3: $filter在控制器中格式化数据。

2016-11-19 01:38:58 1356 2

原创 AngularJs 服务之$location

$location服务 <!-- 服务:服务是一个对象或函数，对外提供特定的功能. 内建服务: 1: $location是对原生Javascript中location对象属性和方法的封装。 2: $timeout&$interval对原生Javascript中的setTimeout和setInterval进行了封装。 3: $filter在控制器中格式化数据。 4: $lo

2016-11-19 01:37:28 868

原创 Angular 依赖注入

<!-- 依赖关系: AngularJS采用模块化的方式组织代码，将一些通用逻辑封装成一个对象或函数，实现最大程度的复用，这导致了使用者和被使用者之间存在依赖关系。依赖注入: 所谓依赖注入是指在运行时自动查找依赖关系，然后将查找到依赖传递给使用者的一种机制。注入分类: 推断式注入: 没有明确声明依赖，AngularJS会将函数参数名称当成是依赖的名称缺点 :这种

2016-11-19 01:35:21 344

原创 Angular 自定义指令

--> --> --> // 定义一个模块 App就是新创建的模块，这个模块又是一个对象 // 在此对象下又有N多方法，可以实现具体业务逻辑 var App = angular.module('dome',[]); // 自定义指令 :通过模块实例对象的directive方法 App.directive('tag', func

2016-11-19 01:34:38 1053

原创 Angular 自定义过滤器

AngularJS 自定义滤器 {{info|capitalize:123}}{{name}} var App = angular.module('App', []); App.contro

2016-11-19 01:32:38 498

原创 Angurlar 过滤器

AngularJS 过滤器 {{price|currency:'$'}} {{now|date:'yyyy/MM/dd hh:mm:ss'}} <!-- 日期格式化，年（y）、月（M）、日（d）、星期（EEEE

2016-11-19 01:30:39 658

原创 AngularJs 作用域

angularjs 作用域<!-- #控制器嵌套: 通常AngularJS中应用（App）是由若干个视图（View）组合成而成的，而视图（View）又都是HTML元素，并且HTML元素是可以互相嵌套的，另一方面视图都隶属于某个控制器（Controller），进而控制器之间也必然会产生嵌套关系。 #作用域 : 每个控制器（Controller）又都对应一个模型（Mo

2016-11-19 01:28:38 289

原创 AngularJs 数据绑定

{{nam

2016-11-19 01:26:13 288

原创 AngularJs 常见内置指令

AngularJS 指令 --> .red { color: red; } .blue { color: blue; } <!-- 指令:HTML在构建应用（App）时存在诸多不足之处，AngularJS通过扩展一系列的HTML属性或标签来弥补这些缺陷，所谓指令就是AngularJS自定义的HTML属性或标签，这些指令都是以ng-做为前缀的

2016-11-19 01:22:02 1195

原创 AngularJs简单介绍

#AngularJS AngularJS是一款由Google公司开发维护的前端MVC框架，其克服了HTML在构建应用上的诸多不足，从而降低了开发成本提升了开发效率。 #AngularJS下载 1 AngularJs官网下载翻墙 2 通过npm下载 npm install angular 3 通过bower下载 bower install angular#AngularJs与j

2016-11-19 01:10:50 2700

原创 gitLab简单介绍

没错，Git非常强大！但是，如果我们的分支不加以规范管理，也有可能适得其反！1、不要有太多的树杈（子分支）2、要有一个“稳定分支”，即master分支不要轻意被修改3、要有一个开发分支（developer），保证master分支的稳定性4、所有的功能分支（feature）从developer创建5、所有功能开发完成后新建发布分支（release）

2016-11-16 00:27:59 2315

原创 gitHub使用简单介绍

如果我们熟悉服务器的话，我们完全可以将上述的步骤在我们的远程服务器上进行操作，然后再做一些登录权限的设置，就可非常完美的搭建一个共享服务器了。其实为了更好的管理我们的仓库，一些第三方机构开发出了Web版仓库管理程序，通过Web界面形式管理仓库。gitHub关于它的名气与意义，大家可以自行查阅，我们这里介绍它的使用1、注册账号并完善资料自行注册略过2、创建共享仓库3、填写仓库

2016-11-15 23:57:04 2204

原创 git版本控制使用以及常用命令

#文件及文件夹创建删除 mkdir 文件名称 (创建文件夹) touch 文件名称 (创建文件) rm -r 文件名称 (递归删除) rm -rf 文件名称 (删除文件夹内的所有无提示) rmdir 文件名称 (删除文件夹)#查看.搜索.历史 ls -a 查看所有 (包括隐藏目录)

2016-11-15 23:39:56 1791

转载 linux 中vim编辑器

Linux中vim编辑器的功能非常强大，许多常用快捷键用起来非常方便，这里将我学vim入门时学的一些常用的快捷键分享给大家一下，希望可以帮助你们。这个是我将鸟哥书上的进行了一下整理的，希望不要涉及到版权问题。1、一般模式下可用的快捷键：光标移动、复制粘贴、搜寻取代等2、一般模式切

2016-11-15 23:05:38 231

转载 linux常用基本命令

Linux中许多常用命令是必须掌握的，这里将我学linux入门时学的一些常用的基本命令分享给大家一下，希望可以帮助你们。这个是我将鸟哥书上的进行了一下整理的，希望不要涉及到版权问题。1、显示日期的指令： date2、显示日历的指令：cal3、简单好用的计算器：bc怎么10/100会变成0

2016-11-15 22:56:20 315

原创 HTML5 拖放事件案例

.one{ width: 400px; height: 400px; border: 1px solid #000; } .one>div,.two>div{ width: 98px; height: 98px; bord

2016-11-10 22:34:51 1696