Fork me on GitHub

随笔分类 -  前端

摘要:原本是由于与《Angularjs in action》有种相见恨晚而激发要写点读后感之类的文章,但是在翻译或是阐述的时候还是会心有余而力不足,零零总总的写了《Angularjs in action》读书笔记的前三篇。渐渐明白,将新知识搞懂是一门本事,而将自己明白的share出去并让别人也明白更是一门学问。几篇翻译下来,感觉有些苍白,有网友给建议说是真枪实战的做点东西,结合代码更有说服力。想想也是,纸上得来终觉浅,绝知此事要躬行。于是乎就有了《Angularjs in action》读书笔记(实战篇)这一系列的文章。谨以此系列来对过去的工作和感悟做了一些记录。 阅读全文
posted @ 2016-03-27 01:03 JackieZheng 阅读(1172) 评论(0) 推荐(2)
摘要:本篇继续实现我的feature——Statistic。统计Statistic包括两块,数值统计和图形统计。数值统计通过controller传值即可实现,图形统计引入D3引擎,借助angularjs的directive,在其中完成D3饼状图显示的逻辑。同时介绍在实现功能的过程中遇到的坑如html命名规范坑和小思考如directive和controller如何通信以及它们之间的scope又有那些联系和区别等。 阅读全文
posted @ 2016-03-19 21:18 JackieZheng 阅读(1405) 评论(0) 推荐(1)
摘要:看完《AngularJS in action》,自己动手添加一个新的feature,新建一个Statistic模块,用于统计每个user下面在不同status(toDo, inProgress, codeReview, qaReview, verified)下的story的数量,并通过D3.js绘制一张饼状图。 阅读全文
posted @ 2016-03-14 22:33 JackieZheng 阅读(923) 评论(4) 推荐(2)
摘要:试着想想这些问题:如果一个controller只关心自己所控制的view页面,那么对于整个application来说,你如何调用想要的function;如果controller从来都不会和其他controller通讯,那controller之间又是如何实现数据共享。有问题,就有解决方案,本章主要讲解如何创建一个简单的service并如何使用它和远端的server通讯。 阅读全文
posted @ 2016-03-06 23:37 JackieZheng 阅读(986) 评论(0) 推荐(1)
摘要:今天我们来818《angularjs in action》的第三章controller和view.大概内容有:了解angularjs中的view层;了解angularjs中的controller用于定义属性和方法存放在scope上,并且可以和view交互;了解scope是一个POJO,是view和controller之间的胶水;当属性在scope中声明,意味着可以直接绑定到view上;ngRepeat的介绍和使用;filter的介绍和使用;display、update、create、delete a story。 阅读全文
posted @ 2016-02-21 01:53 JackieZheng 阅读(1776) 评论(2) 推荐(1)
摘要:数月前,以一个盲人摸象的姿态看了一些关于AngularJS的视频书籍,留下了我个人的一点或许是指点迷津或许是误人子弟的读后感。自以为已经达到熟悉ng的程度,但是因为刚入公司,没法直接接触代码层面的编程,日子一天天过去,ng在我脑海的残留也一天天的模糊…… 数月后,我重返ng战场,艰难的收集之前留下的记忆碎片,一番拼接下来,没有让我对ng的理解串成一条线,反而支离破碎的片段scope、template、directive、controller、config、factory、service、provide、compile、link、this.$get,让我不得不重新正视它。 阅读全文
posted @ 2016-01-24 16:36 JackieZheng 阅读(1641) 评论(0) 推荐(1)
摘要:继上篇《Nodejs学习笔记(三)——一张图看懂Nodejs建站》应用的基础上,加入Mongodb数据用于存储数据并实现CRUD操作,同时扫盲下如何将代码放到自己的github上。 阅读全文
posted @ 2015-12-13 01:01 JackieZheng 阅读(1529) 评论(4) 推荐(2)
摘要:通过实例记录如何用Nodejs搭建一个小小的网站的过程,以及自己对于这种Nodejs建站运行逻辑的理解,还有在建站过程中需要安装一些模块等遇到的问题。 阅读全文
posted @ 2015-12-06 13:36 JackieZheng 阅读(9359) 评论(34) 推荐(0)
摘要:介绍express安装过程中出现的问题以及如何在Eclipse中运行并调试nodejs程序。 阅读全文
posted @ 2015-11-30 19:50 JackieZheng 阅读(12375) 评论(3) 推荐(2)
摘要:Node.js是一个基于Chrome JavaScript运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动, 非阻塞I/O 模型而得以轻量和高效,非常适合在分布式设备上运行的数据密集型的实时应用。本篇主要讲解在搭建node环境过程中遇到的小问题以及搭建Eclipse开发Node环境的前提步骤 阅读全文
posted @ 2015-11-29 19:29 JackieZheng 阅读(4274) 评论(4) 推荐(3)
摘要:最近恰逢毕业季,千千万万的学生党开始步入社会,告别象牙塔似的学校生活。往往在人生的各个拐点的时候,情感丰富,感触颇深,各种对过去的美好的总结,对未来的展望。本篇不供应鸡汤,首先介绍Javascript的函数作用域的概念,然后了解什么是作用域和声明提前,最后通过一个例子剖析Javascript的作用域链。 阅读全文
posted @ 2015-06-26 17:56 JackieZheng 阅读(820) 评论(0) 推荐(1)
摘要:介绍指令的常见参数如templateUrl、transclude的用法,着重介绍指令中的scope,补充了《AngularJS入门心得1——directive和controller如何通信》以外的共享scope和独立scope的用法,并通过实际代码运行结果了解各种scope的作用域机制。让你明明白白了解指令,清清楚楚看透scope。 阅读全文
posted @ 2015-06-19 13:30 JackieZheng 阅读(1679) 评论(2) 推荐(2)
摘要:AngularJS是为了克服HTML在构建应用上的不足而设计的,指令机制扮演者不可或缺的角色,这里介绍了AngularJS的指令机制,什么是指令,指令的规范化,指令的声明方式,指令的匹配,通过实例代码全方位初步了解指令。 阅读全文
posted @ 2015-06-17 15:30 JackieZheng 阅读(1838) 评论(5) 推荐(6)
摘要:AngularJS号称有几个相比与其他JS框架的压倒性的特性,双向数据绑定就是其中一个,那么如何理解双向如何绑定,双向和单向的区别在哪,优势又在哪,这里通过实际案例了解AngularJS是如何实现双向数据绑定的 阅读全文
posted @ 2015-05-23 19:47 JackieZheng 阅读(14649) 评论(5) 推荐(8)
摘要:介绍什么是AngularJS、AngularJS的发展情况,着重介绍AngularJS中指令和控制器作用域的概念,两者如何通信,通过分析代码了解指令"@"、"="和"&"各自的用法,引出如何搭建桥梁,实现指令内部和控制器内部之间的通信 阅读全文
posted @ 2015-05-15 23:30 JackieZheng 阅读(8782) 评论(15) 推荐(12)
摘要:着重介绍用JavaScript实现动画效果,实现《JavaScript DOM编程艺术》中的元素移动的例子,并在此基础上,延伸编写一个方框碰壁反弹效果的小程序,借以加深对JS动画实现的理解 阅读全文
posted @ 2015-05-09 12:33 JackieZheng 阅读(1539) 评论(0) 推荐(1)
摘要:主要介绍Javascript动态创建HTML元素的方法document.write、innerHTML、appendChild和insertBefore,并就各种方法的优劣和适用场合进行对比 阅读全文
posted @ 2015-05-06 21:07 JackieZheng 阅读(1597) 评论(2) 推荐(2)
摘要:介绍JavaScript以及Dom的概念和关系,举例了解常见方法如getElementById()、getElementsByTagName()等,并通过实例理清Dom中元素节点、属性节点、文本节点的关系 阅读全文
posted @ 2015-04-29 22:57 JackieZheng 阅读(4538) 评论(6) 推荐(2)