随笔分类 - Frontend
摘要：发现周围有些人对前端存在偏见。 他们认为前端只是用没那么复杂的技术对着界面调来调去，一点点打磨，最后做出一个没什么实用价值的“花瓶”。 其实，前端的技术栈并不简单，比如我们可以用Grunt进行一些自动化操作。 这里简单记录下Grunt的安装，希望对大家有帮助。 Node.js 我们用到的很多组建都是
阅读全文
摘要：服务是AngularJS中非常重要的一个概念，虽然我们有了控制器，但考虑到其生命实在脆弱，我们需要用到服务。起初用service时，我便把service和factory()理所当然地关联起来了。确实，factory()是创建一个服务的最简单的方式，但服务并非仅此而已。这里记录一下我对服务的一些简单认...
阅读全文
摘要：我们有很多方法让一个视图随着用户的操作进行变化。但是，只是单单一个视图就要满足所有的需求会让代码变得非常复杂。 也许我们可以使用ng-include来引用各种模板，但这只限于部分场景。于是我们可以将视图拆分为两种:布局视图模板视图如此一来，我们便可以使用route实现模板和布局视图的组装，以构建多...
阅读全文
摘要：这一篇从自定义指令出发，记录了定义一个指令时影响指令行为的各种因素。试着感受这些因素，让自己更高效地编写AngularJS应用。Directive先从定义一个简单的指令开始。定义一个指令本质上是在HTML中通过元素、属性、类或注释来添加功能。AngularJS的内置指令都是以ng开头，如果想自定义指...
阅读全文
摘要：指令，我将其理解为AngularJS操作HTML element的一种途径。 由于学习AngularJS的第一步就是写内置指令ng-app以指出该节点是应用的根节点，所以指令早已不陌生。 这篇日志简单记录了一些内置指令，先使用起来，再谈一些有趣的东西。内置指令所有的内置指令的前缀都为ng，不建议自定...
阅读全文
摘要：虽然我不是前端程序员，但明白前端做好验证是多么重要。因为这样后端就可以多喘口气了，而且相比后端什么的果然还是前端可以提高用户的幸福感。 AngularJS提供了很方便的表单验证功能，在此记录一番。首先从下面这段代码开始 Email: Em...
阅读全文
摘要：过滤器，也就是展示数据之前对其过滤一番。AngularJS提供了一些常用的过滤器，而且支持自定义过滤器。在{{}}内通过|来调用filter，例如:{{ 2015 | number:2 }}其中number就是filter的名称，:后接参数。内置filter下面列出常用的内置过滤器。number以数...
阅读全文
摘要：刚开始接触时总是去wiki或各种百科以了解一番。它们会告诉我一些MVVM、双向数据绑定、依赖注入等等名词，觉得这些名词好上档次，然后我很可能就不打算用这个东西了。 AngularJS是什么?完全使用 JavaScript编写的客户端技术。同其他历史悠久的 Web技术（ HTML、 CSS和Java...
阅读全文
摘要：其实这东西网上到处都是，但并不完整。正好我也遇到了这个问题，不仅仅是预览，还需要得到图片的属性。于是东凑西凑整理出一个完整的版本，并根据个人的理解加上了一点点说明。首先做一些准备工作，HTML方面主要是img和input标签的id： 另外，要为imgFile的c...
阅读全文