零散知识随记（3/7）[vue-cli,豆瓣API,kendo ui]

1、什么是vue-cli

vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板。

2、做程序时是否用框架，该怎么选择？

当程序比较简单的时候不要使用框架，因为那样会引入很多的东西，影响程序的性能。
但是当程序追求速度的时候可以试着使用框架，框架可以快速开发。

3、使用开放API获取网站数据——以豆瓣为例

https://www.jianshu.com/p/5ada97c547b7

4、【前端开发API】豆瓣开放API

https://blog.csdn.net/izengjing/article/details/82963735#豆瓣热映

豆瓣API接口无法在小程序上使用的时候（https://blog.csdn.net/IT_czh/article/details/85617835）

5、当在文档中学习的时候如何进行恰当的学习？

可以尝试着操作文档里面的一个一个的小demo

6、 Kendo UI 和 jQuery UI的区别？

Kendo UI 和 jQuery UI 相比添加了模板（Template），数据源绑定（DataSource)，MVVM 和移动设备的支持，功能上相对要 强大很多，但 Kendo UI 本身不是免费，它是由 Telerik 公司开发并支持的.
这个UI框架包括的很多 UI 控制项，数据显示组件，和自适应的手机框架，并支持数据绑定，使用模板，拖放功能

7.kendo UI初始化？

使用 jQuery 的方法将一个 HTML 元素转换成一个 Kendo UI 控制项： KaTeX parse error: Expected 'EOF', got '#' at position 3: (“#̲datepicker”).ke…(“#container”)) 会查找所有包含有 data-role 属性的元素，然后初始化这些 Kendo UI 组件
预设情况下，kendo.init 只会初始化 Kendo UI Web 组件和 Kendo UI DataViz 组件（按这个顺序）。 而 Kendo UIMobile 应用 首先初始 化Kendo UI Mobile 组件，然后是 Kendo UI Web 组件，最后是 Kendo UI DataViz 组件。

8.Kendo UI Widgets 概述?

如果 jQuery 找不到由 css 选择器指定的 HTML 元素，Kendo UI 组件不会被创建，你可以使用任意合法的 CSS 选择器来初始化 Kendo UI 组件，对于每个符合选择器条件的HTML元素都会初始化一个 Kendo UI 组件

9.使用 Kendo UI 库实现对象的继承?

首先可以创建一个新对象（注意 JavaScript 中没有类的概念），可以通过kendo.Class.extend 来定义

10.Kendo DataSource 概述?

Kendo 的数据源支持本地数据源（ JavaScript 对象数组），或者远程数据源（XML, JSON, JSONP)，支持 CRUD 操作（创建，读取，更新和删除操作），并支持排序，分页，过滤，分组和集合等

11.Kendo UI 模板概述?

Kendo UI 框架提供了一个易用，高性能的 JavaScript 模板引擎
Kendo 模板侧重于 UI 显示，支持关键的模板功能，着重于性能而不是语法上的方便
模板语法 Kendo 模板使用了一种称为“#”的语法形式，使用这种语法，#用来表明模板中的某个部分可以使用 JavaScript 数据来替代

12.Kendo UI 特效概述?

Kendo UI Fx 提供了一个丰富，可扩展，性能经过优化的工具集合用来完成 HTML 元素的过渡显示。每种特效近可能的使用 CSS Transition ，对于一些老版本浏览器使用修改属性的方法作为补充

13.Kendo UI Validator 概述?

Kendo UI Validator 支持了客戶端校驗的便捷方法，它基於 HTML 5 的表單校驗功能，支持很多內置的校驗規則，同時也提供了自定義規則的便捷方法

14.Kendo MVVM (一) 概述?

Model View ViewModel (MVVM) 是开发人员经常使用的一种设计模式，以实现数据模型（Model）和视图（View）的分离。MVVM 中的 ViewModel 部分负责把模型中的数据对象以某种方便的形式和 View 结合起来（通常是通过数据绑定的方式）。
Kendo MVVM 实现了 MVVN 设计模式，并且支持和 Kendo 框架的其它部分（如UI组件和数据源）的无缝连接。
要注意的是 data-bindings 的值不是 Javascript 代码，不可以使用在 data-bindings 中使用 javascript 方法

15.Kendo MVVM (二) ObservableObject 对象？

Kendo MVVM 框架关键的一个部分为 ViewModel，它主要是通过 kendo.data.ObserableObject 来提供支持的。它可以监控改变（ UI 变化或是值的变化）并通知关心该变化的组件。 本篇以下 ViewModel 和 ObservableObject 代表同一对象
如果 ViewModel 对象在初始化后不再访问这个对象，那么你可以使用普通 的JavaScript 对象，此时 kendo.bind 方法不会把原始的 ViewMode 对象转化为 kendo.data.ObservableObject.
强烈建议总是使用 kendo.observable 来初始化一个 ViewModel 对象
fullName 为一关联属性，它依赖于 firstName 和 lastName， 使用 set 修改 firstName 或是 LastNam e后，FullName 的值也随之变化。（计算属性的改变最好通过get方法来获得，要不然就不会随着改）
要注意的是 fullName 的实现，对 firstName,和 lastName 的访问，是通过 get 方法来实现的

16.Kendo UI 数据绑定(一) attr？

Kendo UI MVVM 数据绑定支持的绑定属性有 attr, checked, click, custom , disabled,enabled, events, html, invisible, , style, text ,value, visible ，这些属性可以绑定到 DOM 元素或是 Kendo UI 组件的属性

17.Kendo UI 数据绑定(二) Checked？

Checked 绑定用在 checkbox ()或 radio button ()上。注意： checked 绑定只适用于支持 checked 的 DOM 元素，其它 DOM 元素的值可以使用 value 绑定

18.Kendo UI 数据绑定(三) Click?

Click 绑定可以把由 ViewModel 定义的方法不绑定到目标 DOM 的 click 事件。当点击目标 DOM 元素时触发 ViewModel 的对应方法

19.Kendo UI 数据绑定(四) Disabled/Enabled?

Disabled 和 Enabled 绑定可以根据 ViewModel 的某个属性值的 true,false 来设置 DOM 元素的 enabled 和 diabled 属性。Disabled/enabled 属性只适用于 input,select 和 textarea 元素，当这些输入元素 disabled 后，用户无法修改其值

20.Kendo UI 数据绑定(十) Source?

Source 绑定可以把 ViewModel 的值和由 Kendo 模板定义的目标元素绑定，如果 ViewModel 的值发生变化，被绑定的目标元素也随之发生变化。模板由属性 data-template 指定，它的值为某个 script 定义的模板的 id. 如果没有指明模板，则根据元素的标记使用缺省的模版

21.Kendo UI 单页面应用(一)概述?

Kendo 单页面应用(Single-Page Application,缩写为 SPA）定义了一组类用于简化 Web 应用（Rich Client）开发，最常见的单页面应用为 Gmail 应用，使用单页面可以给用户有使用桌面应用的用户体验
Route 通过 Url 的片段功能（#url)和流量器的浏览历史功能融合在一起。从而可以支持把应用的某个状态作为书签添加到浏览器中

22.Kendo UI 单页面应用(二) Router 类?

Route 类负责跟踪应用的当前状态和支持在应用的不同状态之间切换

23.Kendo UI 单页面应用(三) View?

View 为屏幕上某个可视部分，可以处理用户事件。 View 可以通过 HTML 创建或是通过 script 元素。缺省情况下 View 将其所包含的内容封装在一个 Div 元素中
使用上述两种方法创建 View，可以使用 view 的 render 方法来显示, render 参数支持 jQuery 选择器，表示将 View 的内容显示到指定的DOM 元素中或添加到指定的 DOM 元素
如果需要向某个 DOM 元素中添加 View 的内容，可以使用 append 方法

24.Kendo UI 单页面应用(四) Layout?

Layout 继承自 View，可以用来包含其它的 View 或是 Layout
Layout 本身也是一个 View，因此在 showIn 方法中也可以传入一个 Layout 对象，从而实现 Layout 的嵌套支持

25.Kendo UI 移动应用开发简介?

Kendo UI Mobile 提供了一种快速开发跨手机平台的方法（ Kendo UI 可以使得这种 Web 应用在界面上看起来和本地应用非常类似）
借助于 PhoneGap 等工具可以 HTML5 打包成移动平台的本地应用，并支持使用 JavaScript 访问一些平台相关的功能，如 GPS，Camera 等功能