04 2014 档案

javascript设计模式 富有表现力的javascript
摘要：从今天开始慢慢啃设《javascript设计模式》这本书，会在这里记录看这本书的心得会一些代码方便自己理解 阅读全文
posted @ 2014-04-28 23:04 菠萝君 阅读(133) 评论(0) 推荐(0)
AngulatJS $directive compile
摘要：compile和link的功能差不多，一般在compile里面做一些初始化的工作，有conpile的时候，就不要写link了，把link的功能在compile里面return回来。个人观点。 阅读全文
posted @ 2014-04-23 22:26 菠萝君 阅读(238) 评论(0) 推荐(0)
directive talks to controller
摘要：directive talks to controller {{name}}directive指令里面link参数的scope,可调用外面的方法修改一下，可用$apply调用方法 directive talks to controller {{name}}再... 阅读全文
posted @ 2014-04-22 23:47 菠萝君 阅读(258) 评论(0) 推荐(0)
testing
摘要：testing overview 阅读全文
posted @ 2014-04-22 22:39 菠萝君 阅读(138) 评论(0) 推荐(0)
sharing data between controllers
摘要：sharing data between controllers可以通过factory(0服务来分享数据 {{data.message}} {{data.message}} 阅读全文
posted @ 2014-04-21 23:03 菠萝君 阅读(154) 评论(0) 推荐(0)
AngulatJS Controller
摘要：{{data.message}} {{data.message}} {{data.message}} 这个例子给我的认识是：没有声明在controller里面的全局message会对声明... 阅读全文
posted @ 2014-04-21 22:57 菠萝君 阅读(234) 评论(0) 推荐(0)
AngularJS $route重新认识
摘要：注意点：1 必须添加路由的插件 2 .config(["",function(){}]);坚持这样的写法 3 在module上添加["ngRoute"]$routeProvider,when();里面的参数： 1 controller 2 templa... 阅读全文
posted @ 2014-04-20 21:55 菠萝君 阅读(236) 评论(0) 推荐(0)
Build in Directives
摘要：ng-hrefng-srcng-disabledng-checkedng-readonlyng-selectedng-classng-style1 always use ng-href when href includes an {{expression}}click meng-includeng-... 阅读全文
posted @ 2014-04-20 00:42 菠萝君 阅读(337) 评论(0) 推荐(0)
AngulatJS $directive
摘要：$directive()方法包含2个参数1 name 视图中的元素2 function 决定directive怎样的作用，返回一个objectrestrict : E/A/C/M 绑定元素的类型 E element A attribute C class M commentpriority:如果同一... 阅读全文
posted @ 2014-04-19 19:47 菠萝君 阅读(325) 评论(0) 推荐(0)
angularJs form
摘要：form.name.$valid是否有效form.name.$invalid 是否无效form.name.$error错误的集合 form.name.$error.required form.name.$error.email控制submit按钮是否disabled 启用ng-disabled=... 阅读全文
posted @ 2014-04-19 14:07 菠萝君 阅读(362) 评论(0) 推荐(0)
AngularJS RESTful $resource服务
摘要：我们如果要使用$resource服务,先要引用resource文件在模块里面拿到数据再利用模块注入的形式angular.module('phonecatServices', ['ngResource']). factory('Phone', function ($resource) { ... 阅读全文
posted @ 2014-04-15 21:09 菠萝君 阅读(497) 评论(0) 推荐(0)
AngularJS $route
摘要：暂时只是知道怎样用，还没理解，就先展示怎样的流程，待日后再来表明理解结构先看下Index.html 需要注意的点是：1 需要添加angular-route.js这个js插件 2 添加 ng-view再看看list.html和detail.html的... 阅读全文
posted @ 2014-04-14 23:30 菠萝君 阅读(438) 评论(0) 推荐(0)
AngularJS $http服务
摘要：search: {{item.name | titleCase}} {{item.age}} json的格式为：[{ ... 阅读全文
posted @ 2014-04-14 20:28 菠萝君 阅读(243) 评论(0) 推荐(0)
AngularJS filter
摘要：search: {{item.name | titleCase}} 加多一个排序 sear... 阅读全文
posted @ 2014-04-14 19:53 菠萝君 阅读(1094) 评论(0) 推荐(0)
AngulatJS factory 使用Module（模块）组织依赖关系
摘要：1使用Module（模块）组织依赖关系 {{item.name}} 需要注意的点是1 controller里面 $scope.Items = Items... 阅读全文
posted @ 2014-04-13 17:37 菠萝君 阅读(312) 评论(0) 推荐(0)
初认识AngularJS
摘要：星期一入职新公司，听说会用AngularJS,所以这个周末会一直学习和加强认识AngularJS.so， let's start...api：http://docs.angularjs.org/api/ng/function/angular.bootstrap1 AngularJS 的核心是MVC ... 阅读全文
posted @ 2014-04-12 17:53 菠萝君 阅读(318) 评论(0) 推荐(0)
have fun with css3
摘要：1 边框 1 border-radius:圆角 ie9+ chrome firefox opera 2 box-shadow :边框阴影ie9+ chrome firefox opera 3 border-image : 边框图片chrome firefox 1 border-radius:5px;(圆角半径) -webkit-border-radius:5px;//chrome safari -ms-border-radius:5px;//ie -o-border-radius:5px;//opera -mos-border-radius;5px;//老版f... 阅读全文
posted @ 2014-04-06 11:18 菠萝君 阅读(346) 评论(0) 推荐(0)
Web Worker
摘要：Web Worker 是一个很有意思的东东简单理解一下0 new Worker("src"); 创建一个worker1 onmessage 接受信息2 postMessage 发送信息代码： demo.js 部分：//postMessage("hello world!");onmessage = function (event) { var data = event.data; postMessage(data);}; 阅读全文
posted @ 2014-04-05 19:45 菠萝君 阅读(287) 评论(0) 推荐(0)
javascript 面向对象--理解
摘要：一般我们的原型写法都是 var Father = function () { this.speed= 90; }; Father.prototype.move = function (speed) { console.log("原型"+speed); }; Father.prototype.start = function () { console.log(this.speed); }; var father = new Father();... 阅读全文
posted @ 2014-04-04 15:20 菠萝君 阅读(197) 评论(0) 推荐(0)
swipe.js
摘要：swipe插件真的是好简单，看代码就知道了先把swipe.js放上来，有空再拜读一下，看能否理解/* * Swipe 2.0 * * Brad Birdsall * Copyright 2013, MIT License **/function Swipe(container, options) { "use strict"; // utilities var noop = function() {}; // simple no operation function var offloadFn = function(fn) { setTimeout(fn || noop, 阅读全文
posted @ 2014-04-04 13:15 菠萝君 阅读(2010) 评论(0) 推荐(0)
javascript 事件
摘要： 阅读全文
posted @ 2014-04-01 22:36 菠萝君 阅读(200) 评论(0) 推荐(0)