koahubjs KoaHub.js -- 基于 Koa.js 平台的 Node.js web 快速开发框架.可以直接在项目里使用 ES6/7(Generator Function, Class, Async & Await)等特性,借助 Babel 编译,可稳定运行在 Node.js 环境上. 介绍 KoaHub.js -- 基于 Koa.js 平台的 Node.js web 快速开发框架.可以直接在项目里使用 ES6/7(Generator Function, Class, Async &am…
链接:https://www.jianshu.com/p/a8392115e6f0演示地址:http://wonghan.cn/iscroll-demo/html:<body> <div id="app"> <header id="header"> <input type="text" id="input"> <input type="submit" i…
Angular-chart.js是基于Chart.js的angular组件,引入项目后直接操作数据即可. 引用方法:    分别将Chart.js.angular-chart.js.angular-chart.css等文件引入工程(angular工程)中(注意引入顺序). 在app.js中module中引入‘chart.js’. 创建你的项目的controller和html并用路由绑定.   代码: 在controller中写入以下代码: //Line Chart $scope.labels =…
Angular Chart是基于Chart.js的angular组件,引入项目后直接操作数据即可. 引用方法:    分别将Chart.js.angular-chart.js.angular-chart.css等文件引入工程(angular工程)中(注意引入顺序). 在app.js中引入‘chart.js’. 创建你的demo的js和html并用路由绑定.   代码: 在demo.js中写入以下代码: //Line Chart $scope.labels = ["January", &…
Angularjs 个人认为这是一款很好的框架!它将我们从AJAX应用的开发中解救了出来!嗯....废话就说道这里下面我们开始把! 首先我们必须了解一些核心的概念: 客户端模版 MVC 数据绑定 依赖注入 指令 先不要着急,了解这些词语的意思和含义,万丈高楼平地起我们慢慢来构建一个属于我们自己的小应用. 确定我们的目标 首先我们必须确定自己要做什么?做个什么呢?YOUKU TUDOU那样的视频网站,哦,拜托杀了我把,我只想了解下这个东西,嗯!那就写个简单的博客吧!你还是杀了我把,由于本人太懒,所…
昨天晚上写完angular源码分析:angular中jqLite的实现--你可以丢掉jQuery了,给今天定了一个题angular源码分析:injector.js文件,以及angular的加载流程,但是想了想,加载流程还是放到后面统一再讲比较好. 如果你没有看过笔者的angular源码分析:angular中的依赖注入式如何实现的,可以点击看看,在其中讲过的内容,我将不会再这里重复,这一期将作那一期的补充. 一.从createInjector函数开始 先省去具体实现,总体看看:函数拥有两个参数,m…
在系列一中,我们提到Zone.js,Zones是一种执行上下文,它允许我们设置钩子函数在我们的异步任务的开始位置和结束位置,Angular正是利用了这一特性从而实现了变更检测. Zones.js非常适合Angular 事实证明,Zones解决的问题非常适合Angular在我们的应用程序中执行变更检测所需的内容.你有没有问过自己Angular何时以及为何进行变化检测?什么时候告诉Angular: 兄弟,我的应用程序中可能发生了一个变化.你能检查一下吗?在我们深入研究这些问题之前,让我们首先考虑一下…
如果你只是想找一款称手的js加载器,可以参考这篇js loader benchmarks(http://artzstudio.com/files/Boot/test/benchmarks/script.html),即便这篇文章已经例举得够多的了,还是没有涵盖到很多已经广为使用的库,如果要跟你自己熟悉的库来做对比,可以仿照文中的例子自行对比. 我要说的是require.js,可以作为加载器来使用,但它诞生的目的不是为了异步加载脚本,而是为了模块化,同时也就不会污染global.简单做了一个与ang…
angular里面变化检测是非常频繁的发生的,如果你像下面这样写代码 <div> {{hello()}} </div> 则每次变化检测都会执行hello函数,如果hello函数十分耗时,则会出现占用CPU高的问题. 这时,推荐使用OnPush策略和immutable.js来提升angular应用的性能. OnPush策略可以阻止angular变化检测传入组件,这样每次变化检测不会进到你的组件里面来调用hello函数. 引入immutable.js的作用是为了更加方便的使用OnPus…
本文章已经录制视频,地址是:http://v.youku.com/v_show/id_XODI3MjYyODI0.html 前端这两年技术飞速发展,各种优秀框架层出不穷.本文不是讨论各框架的比较,也不讨论为什么我要用angular,而不用backbone:不讨论为什么用requirejs,而不用browserify,seajs等.只是介绍平常我是怎么进行项目的前端架构. 一个成熟项目架构中应该具有哪些功能 * 快速的项目生成器——快速生成项目主体架构,单步实现controller,单步实现vie…