2016年09月_baoleilei6

12月 11月 10月 09月 08月 07月 04月

原创 angularjs列表数据是否渲染完毕

testvar myApp = angular.module("myApp", []); myApp.directive('isOver',function(){ return { restrict: 'A', scope: { over: '=isOver'

2016-09-28 16:42:31 488

原创 cordova的网址

http://www.yiibai.com/cordova/cordova_first_application.html

2016-09-27 14:17:57 274

原创进阶

vue.jsgulp 工程化

2016-09-27 09:04:53 251

转载 angularjs指令

首页开源项目问答动弹博客翻译资讯专题城市圈 [ 登录 | 注册 ]kaka19881101的博客 > 详情angularJS directive详解kaka19881101 发表于1年前转

2016-09-24 09:08:28 405

转载基于iscroll实现下拉和上拉刷新

原文 http://blog.csdn.net/cdnight/article/details/44963063在原生APP的开发中，有一个常见的功能，就是下拉刷新的功能，这个想必大家都是知道的，但是原生APP的开发，有一个很大的问题就是，你每次更新一些功能，就要用户重新下载一次版本，尤其是在IOS系统中，新版本还需要经过审核才能通过，这就使得版本的更新受到很大的限制，而如

2016-09-18 11:42:45 380

原创移动端 rem

document.documentElement.style.fontSize = innerWidth /16 +'px' window.onresize = function(){ document.documentElement.style.fontSize = innerWidth /16 +'px' } document.getElementsByTagN

2016-09-16 18:16:20 422

原创 touchjs

//swipe example touch.on('.target', 'swipeleft swiperight', function(ev){ console.log("you have done", ev.type);});

2016-09-16 18:03:49 326

原创 zepto 的使用

.delete { display: none; } id=items> List item 1 class=delete>DELETE List item 2 class=delete>DELETE// show delete buttons on swipe$('#items li').swipe(function(){ $('.delete').hide()

2016-09-16 18:02:56 681

转载 Flex 布局教程：语法篇

网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就

2016-09-16 10:51:02 244

原创 dos操作符

进入盘符 cd D:创建目录 mkdir 文件名进入 cd 文件名退出 cd..

2016-09-14 09:34:45 404

原创 AngularAMD的网址

http://vanthink-ued.github.io/AngularAMD-Tutorial/index.html#/controller

2016-09-11 20:12:28 354

转载 angularjs中ng-route和ui-router简单用法的代码比较

1、使用ng-route：app.js中的写法：var app=angular.module('birthdayApp',['ngRoute']); app.config(function($routeProvider){ $routeProvider .when('/', { templateUrl: 'views/login.ht

2016-09-11 19:49:11 293

原创前端网站

http://babeljs.cn/ ES6 网站

2016-09-09 14:40:35 371

原创 fis3

1 打开 cmd 2 用 node -v 和 npm -v 检测node的版本号3 npm install -g cnpm --registry=https://registry.npm.taobao.org （等转圈）4 cnpm -v （查看cnpm是否安装成功）5 cnpm install -g fis3（用cnpm的命令代替npm 命令安装fis3）（等转圈

2016-09-09 09:37:06 570

转载使用requireJS加载不符合AMD规范的js文件：shim的使用方式和实现原理

我们知道在javascript中定义全局变量有2种方式，本质上是等价的，都是向window对象注入属性或者方法。// global.jsvar g_name = "aty";window.g_age = 25;当global.js加载的时候，浏览器的全局对象window就会多出2个属性:g_name和g_age。我们编写一个js工具类或者是js框架，通常有2

2016-09-09 00:14:03 589

转载 augularJs 指令

指令，我将其理解为AngularJS操作HTML element的一种途径。由于学习AngularJS的第一步就是写内置指令ng-app以指出该节点是应用的根节点，所以指令早已不陌生。这篇日志简单记录了一些内置指令，先使用起来，再谈一些有趣的东西。内置指令所有的内置指令的前缀都为ng，不建议自定义指令使用该前缀，以免冲突。首先从一些常见的内置指令开始。先列出一

2016-09-05 21:46:28 375

转载 Directive（指令）

林炳文Evankaka原创作品。转载请注明出处http://blog.csdn.net/evankaka本教程使用AngularJs版本：1.5.3AngularJs GitHub: https://github.com/angular/angular.js/AngularJs下载地址：https://angularjs.org/ 摘要： D

2016-09-05 19:47:24 1346

原创 canvas处理视频

var video = document.getElementById("video");var myCanvas = document.getElementById("myCanvas");var ctx = myCanvas.getContext('2d');function animate(){ctx.drawImage(video,0,0,200,300)var dat

2016-09-02 15:27:07 1158

原创 canvas 画图片

var myCanvas = document.getElementById("myCanvas");var ctx = myCanvas.getContext('2d');function drawBg(){ctx.beginPath();var imgObj = new Image()imgObj.src = 'img/background_1.png';imgObj.

2016-09-01 15:59:27 416

原创 canvas 描述文字

var myCanvas = document.getElementById("myCanvas");var ctx = myCanvas.getContext('2d');//描述空心文字 ctx.font = 'italic 50px 宋体';ctx.strokeStyle = 'red';ctx.strokeText('我好帅',100,100);//实心文字ct

2016-09-01 15:53:23 423

原创 canvas 刮刮乐

charset="UTF-8"> type="text/css"> img{width: 500px;height: 500px;} #myCanvas{margin-left: -503px;} src="img/1.png"alt="" />

2016-09-01 11:07:15 426

原创 canvas像素化处理

var myCanvas = document.getElementById("myCanvas");var ctx =myCanvas.getContext('2d');var imgObj = new Image();imgObj.src = 'img/1.jpg';imgObj.onload = function(){ctx.drawImage(this,0,0,my

2016-09-01 10:47:16 935

原创躁动的小球

*{margin: 0;padding: 0;}var myCanvas = document.getElementById("myCanvas");var ctx = myCanvas.getContext('2d');myCanvas.width = document.documentElement.clientWidth;myCanvas.

2016-09-01 10:29:59 420