- 博客(155)
- 收藏
- 关注
RSS订阅原创 双向数据绑定原理(三种实现方式)
双向数据绑定原理(三种实现方式) <!-- //脏检查 我们说Angularjs（这里特指AngularJS 1.x.x版本，不代表AngularJS 2.x.x版本）双向数据绑定的技术实现是脏检查，大致的原理就是， Angularjs内部会维护一个序列，将所有需要监控的属性放在这个序列中，当发生某些特定事件时（注意， 这里并不是定时的而是由
2017-03-22 21:21:35
20999
原创 jq_ajax 简单应用
事件的顺序如下：ajaxStart 全局事件开始新的Ajax请求，并且此时没有其他ajax请求正在进行。beforeSend 局部事件当一个Ajax请求开始时触发。如果需要，你可以在这里设置XHR对象。ajaxSend 全局事件请求开始前触发的全局事件success 局部事件请求成功时触发。即服务器没有返回错误，返回的数据也没有错误。ajaxSuccess 全局
2017-03-16 21:55:48
1087
原创 css 背景图片相关属性
img{ border: 22px solid red; height: 300px; width: 300px; background:url(../images/cbd.jpg) no-repeat; padding: 50px; /* 保证背景图片最大化的在盒子中等比例显示，但不保证能铺满盒子*/ /*background-size:
2016-12-12 16:27:06
478
原创 css 设置浏览器滚动条
/* 设置滚动条的样式 */ ::-webkit-scrollbar { width: 20px; height: 20px; } /* 滚动槽 */ ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px black; border-radius: 10px;
2016-12-11 16:35:29
471
原创 js 事件委托是什么
li{ border: 1px solid red; } <!-- 什么是事件委托:让利用事件冒泡的原理，让自己的所触发的事件，让他的父元素代替执行！ 应用:例如 实现动态事件的绑定 --> aaaaaaaa bbbbbbbb cccccccc window.onload = function()
2016-12-10 12:20:30
2451
转载 Ajax工作原理
Ajax工作原理 在写这篇文章之前，曾经写过一篇关于AJAX技术的随笔，不过涉及到的方面很窄，对AJAX技术的背景、原理、优缺点等各个方面都很少涉及null。这次写这篇文章的背景是因为公司需要对内部程序员做一个培训。项目经理找到了我，并且征询我培训的主题，考虑到之前Javascript、CSS等WEB开发技术都已经讲解过了，所以决定针对AJAX这一块做一个比较系统的培训，所以这篇文章
2016-12-10 12:10:14
276
原创 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
11224
原创 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
7014
2
原创 js 案例 文本框简单校验
a{ color: darkgrey; } input{ color: lightgrey; } .hide { display: none; } .show { display: block; } #lab1 {
2016-11-23 23:23:47
371
原创 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
9941
原创 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
1511
原创 AngularJs 模块加载-运行块
AngularJS 模块加载之 运行块<!-- AngularJS模块:可以在被加载和执行之前对自身进行配置 我们可以在应用加载阶段配置不同的逻辑 ##配置快: 通过config方法实现对模块的配置,AngularJS中的服务多数都对应一个provider, 用来执行与对应服务相同的功能或对其配置,比如$log、$http、$location都是内置服务， 相对应的“provi
2016-11-19 23:44:22
1453
原创 AngularJs 模块加载-配置块
AngularJS 模块加载之 配置快<!-- AngularJS模块:可以在被加载和执行之前对自身进行配置 我们可以在应用加载阶段配置不同的逻辑 ##配置快: 通过config方法实现对模块的配置,AngularJS中的服务多数都对应一个provider, 用来执行与对应服务相同的功能或对其配置,比如$log、$http、$location都是内置服务， 相对应的“provi
2016-11-19 23:43:11
3591
原创 AngularJs 自定义服务
AngularJS 自定义服务 <!-- 自定义服务:所谓服务是将一些通用性的功能逻辑进行封装方便使用， AngularJS允许将自定义服务 服务本质就是一个对象或函数，所以自定义服务就是要返回一个对象或函数以供使用 --> 自定义factory名为showTime1的服务:{{now}} 自定义service名为showTime2
2016-11-19 01:44:01
376
原创 AngularJs 服务之jsonp解决跨域问题
AngularJS $http跨域<!-- 服务:服务是一个对象或函数，对外提供特定的功能. 内建服务: 1: $location是对原生Javascript中location对象属性和方法的封装。 2: $timeout&$interval对原生Javascript中的setTimeout和setInterval进行了封装。 3: $filter在控制器中格式化数据。 4
2016-11-19 01:42:49
1691
原创 AngularJs 服务之http请求
$http用于向服务端发起异步请求。 $http服务<!-- 服务:服务是一个对象或函数，对外提供特定的功能. 内建服务: 1: $location是对原生Javascript中location对象属性和方法的封装。 2: $timeout&$interval对原生Javascript中的setTimeout和setInterval进行了封装。 3: $filter在控制器中格
2016-11-19 01:41:52
707
原创 AngularJs 服务之$log
$log打印调试信息 服务<!-- 服务:服务是一个对象或函数，对外提供特定的功能. 内建服务: 1: $location是对原生Javascript中location对象属性和方法的封装。 2: $timeout&$interval对原生Javascript中的setTimeout和setInterval进行了封装。 3: $filter在控制器中格式化数据。 4: $l
2016-11-19 01:40:54
6153
原创 AngularJs 服务之$filter
$filter 服务<!-- 服务:服务是一个对象或函数，对外提供特定的功能. 内建服务: 1: $location是对原生Javascript中location对象属性和方法的封装。 2: $timeout&$interval对原生Javascript中的setTimeout和setInterval进行了封装。 3: $filter在控制器中格式化数据。 4: $log打
2016-11-19 01:40:09
3270
原创 AngularJs 服务之$timeout or $interval
$timeout&$interval 服务<!-- 服务:服务是一个对象或函数，对外提供特定的功能. 内建服务: 1: $location是对原生Javascript中location对象属性和方法的封装。 2: $timeout&$interval对原生Javascript中的setTimeout和setInterval进行了封装。 3: $filter在控制器中格式化数据。
2016-11-19 01:38:58
1386
1
原创 AngularJs 服务之$location
$location服务 <!-- 服务:服务是一个对象或函数，对外提供特定的功能. 内建服务: 1: $location是对原生Javascript中location对象属性和方法的封装。 2: $timeout&$interval对原生Javascript中的setTimeout和setInterval进行了封装。 3: $filter在控制器中格式化数据。 4: $lo
2016-11-19 01:37:28
898
原创 Angular 依赖注入
<!-- 依赖关系: AngularJS采用模块化的方式组织代码，将一些通用逻辑封装成一个对象或函数， 实现最大程度的复用，这导致了使用者和被使用者之间存在依赖关系。 依赖注入: 所谓依赖注入是指在运行时自动查找依赖关系，然后将查找到依赖传递给使用者的一种机制。 注入分类: 推断式注入: 没有明确声明依赖，AngularJS会将函数参数名称当成是依赖的名称 缺点 :这种
2016-11-19 01:35:21
356
原创 Angular 自定义指令
--> --> --> // 定义一个模块 App就是新创建的模块，这个模块又是一个对象 // 在此对象下又有N多方法，可以实现具体业务逻辑 var App = angular.module('dome',[]); // 自定义指令 :通过模块实例对象的directive方法 App.directive('tag', func
2016-11-19 01:34:38
1081
原创 Angular 自定义过滤器
AngularJS 自定义滤器<!-- 自定义滤器：除了使用AngularJS内建过滤器外，还可以根业务需要自定义过滤器， 通过模块对象实例提供的filter方法自定义过滤器。--> {{info|capitalize:123}}{{name}} var App = angular.module('App', []); App.contro
2016-11-19 01:32:38
524
原创 Angurlar 过滤器
AngularJS 过滤器<!-- 在AngularJS中使用过滤器格式化展示数据，在“{{}}”中使用“|”来调用过滤器，使用“:”传递参数。--> {{price|currency:'$'}} {{now|date:'yyyy/MM/dd hh:mm:ss'}} <!-- 日期格式化，年（y）、月（M）、日（d）、 星期（EEEE
2016-11-19 01:30:39
687
原创 AngularJs 作用域
angularjs 作用域<!-- #控制器嵌套: 通常AngularJS中应用（App）是由若干个视图（View）组合成而成的， 而视图（View）又都是HTML元素，并且HTML元素是可以互相嵌套的， 另一方面视图都隶属于某个控制器（Controller），进而控制器之间也必然会产生嵌套关系。 #作用域 : 每个控制器（Controller）又都对应一个模型（Mo
2016-11-19 01:28:38
308
原创 AngularJs 数据绑定
<!-- AngularJS是以数据做为驱动的MVC框架，所有模型（Model）里的数据经由控制器（Controller） 展示到视图（View）中。 所谓数据绑定指的就是将模型（Model）中的数据与相应的视图（View）进行关联， 分为单向绑定和双向绑定两种方式。 指定模块 一个页可以有多个模块，但是不能互想嵌套 一般只会有一个 --> {{nam
2016-11-19 01:26:13
316
原创 AngularJs 常见内置指令
AngularJS 指令 --> .red { color: red; } .blue { color: blue; } <!-- 指令:HTML在构建应用（App）时存在诸多不足之处，AngularJS通过扩展一系列的HTML属性 或标签来弥补这些缺陷，所谓指令就是AngularJS自定义的HTML属性或标签， 这些指令都是以ng-做为前缀的
2016-11-19 01:22:02
1218
原创 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
2739
原创 gitLab简单介绍
没错，Git非常强大！但是，如果我们的分支不加以规范管理，也有可能适得其反！1、不要有太多的树杈（子分支）2、要有一个“稳定分支”，即master分支不要轻意被修改3、要有一个开发分支（developer），保证master分支的稳定性4、所有的功能分支（feature）从developer创建5、所有功能开发完成后新建发布分支（release）
2016-11-16 00:27:59
2377
原创 gitHub使用简单介绍
如果我们熟悉服务器的话，我们完全可以将上述的步骤在我们的远程服务器上进行操作，然后再做一些登录权限的设置，就可非常完美的搭建一个共享服务器了。其实为了更好的管理我们的仓库，一些第三方机构开发出了Web版仓库管理程序，通过Web界面形式管理仓库。gitHub关于它的名气与意义，大家可以自行查阅，我们这里介绍它的使用1、注册账号并完善资料自行注册略过2、创建共享仓库3、填写仓库
2016-11-15 23:57:04
2233
原创 git版本控制使用以及常用命令
#文件及文件夹创建删除 mkdir 文件名称 (创建文件夹) touch 文件名称 (创建文件) rm -r 文件名称 (递归删除) rm -rf 文件名称 (删除文件夹内的所有 无提示) rmdir 文件名称 (删除文件夹)#查看.搜索.历史 ls -a 查看所有 (包括隐藏目录)
2016-11-15 23:39:56
1826
转载 linux 中vim编辑器
Linux中vim编辑器的功能非常强大，许多常用快捷键用起来非常方便，这里将我学vim入门时学的一些常用的快捷键分享给大家一下，希望可以帮助你们。这个是我将鸟哥书上的进行了一下整理的，希望不要涉及到版权问题。1、一般模式下可用的快捷键：光标移动、复制粘贴、搜寻取代等2、一般模式切
2016-11-15 23:05:38
254
转载 linux常用基本命令
Linux中许多常用命令是必须掌握的，这里将我学linux入门时学的一些常用的基本命令分享给大家一下，希望可以帮助你们。这个是我将鸟哥书上的进行了一下整理的，希望不要涉及到版权问题。1、显示日期的指令： date2、显示日历的指令：cal3、简单好用的计算器：bc怎么10/100会变成0
2016-11-15 22:56:20
328
原创 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
1712
原创 js 三大家族（offset/scroll/client）
js 三大家族（offset/scroll/client） .box1 { width: 300px; height: 300px; padding: 100px; margin: 100px; position: relative;
2016-09-10 01:01:36
5234
原创 js 匀速/缓动动画 简单封装
.box1 { width: 300px; height: 300px; padding: 100px; margin: 100px; position: relative; border: 100px solid #000;
2016-09-10 00:35:32
6506
原创 js 事件监听原理,及兼容写法,jquer基本封装原理
事件监听原理,及兼容写法,jquer基本封装原理我绑定了多个事件// ---------------------------------------- 事件箭筒原理 ------------------------------ var btn = document.getElementsByTagName("button")[0]; fn("clic
2016-09-06 16:59:11
3571
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人