发表于: 2017-06-12 23:55:11

3 1163


今天完成的事情:

上午准备小课堂,下午学习日期插件。

做出了公司列表页的搜索功能,只是三级联动那里开始一直显示不出市,吃完饭讲完小课堂把三级联动换回原来的位置就好了。并没有搞清楚如何好的。

明天计划的事情:

好好学习一下angular指令,做出自己的指令。

遇到的问题:
没想到学个日期插件用了两个小时。(因为angular-strap依赖bootstrap中的css)
好久没用state.go传参数,天,都不会了,真是,捉鸡了半个小时。还非要把对象用{ }包起来,也是醉了。解决掉以后看着真是好笑。
收获:

ng-src,之前一直在src里写angular参数,总会报几个错,终于解决。  


目前有哪些流行的库?

1.背景介绍

在讲解知识之前,先了解一下:库、插件、框架 和 组件分别是什么?

库:一系列预先定义好的数据结构和函数的集合,程序员通过使用这些数据结构和函数实现功能。例如jQuery.js是一个javascript库,封装了大量开发中常用的一些函数。

插件:不依赖业务数据,可配置开关随时上线下线,一般为第三方服务(一般依赖于某些库或者框架)

框架:也是一系列预先定义好的数据结构和函数,一般用于作为一个软件的骨架,但程序真正的功能还需要由开发者实现。框架和库的最大区别在于“控制反转”,当你使用一个库,你会调用库中的代码,而当你使用一个框架,框架会调用你的代码,框架和库是一个有交叉的概念。如下图

           

组件:一般是指软件系统的一部分,承担了特定的职责,可以独立于整个系统进行开发和测试,一个良好设计的组件应该可以在不同的软件系统中被使用(可复用)。例如V8引擎是Chrome浏览器的一部分,负责运行javascript代码,这里V8引擎就可以视为一个组件。V8引擎同时也是Node.js的javascript解释器,这体现了组件的可复用性。

2.知识剖析

目前流行的前端框架

更多框架信息点我            
举个例子:

           技能树官网

           框架:Angular,
           库:jQuery,
           插件:懒加载(oclazyload)  百度富文本插件(UEditor)
           组件:Angular中的自定义指令。
再举个例子:

           Bootstrap             点我            

Bootstrap是一个HTML,CSS框架,官网提供了大量无数可复用的组件,包括字体图标、下拉菜单、导航、警告框、弹出框等功能。并且集成了很多插件。

3.常见问题

如何使用一个框架或插件?

4.解决方案

  • 先看官方API
  • 再看官方demo
  • 改动demo理解,各个配置参数的作用
  • 自己写个demo
  • 将插件加入项目中使用

5.编码实战

如何使用Vue.js

6.扩展思考

如何选择适合项目的插件?

7.参考文献

wesomes        

8.更多讨论

如何写出属于自己的组件库? 

   



返回列表 返回列表
评论

    分享到