今日总结

ionic的简单学习

它是一个强大的 HTML5 应用程序开发框架

特点

• 1.ionic 基于Angular语法，简单易学。
• 2.ionic 是一个轻量级框架。
• 3.ionic 完美的融合下一代移动框架，支持 Angularjs 的特性， MVC ，代码易维护。
• 4.ionic 提供了漂亮的设计，通过 SASS 构建应用程序，它提供了很多 UI 组件来帮助开发者开发强大的应用。
• 5.ionic 专注原生，让你看不出混合应用和原生的区别
• 6.ionic 提供了强大的命令行工具。
• 7.ionic 性能优越，运行速度快

使用

//cdn
<link href="https://cdn.staticfile.org/ionic/1.3.2/css/ionic.css" rel="stylesheet">
<script src="https://cdn.staticfile.org/ionic/1.3.2/js/ionic.bundle.min.js"></script>
//网址下载
http://ionicframework.com/docs/overview/#download
//命令行
$ npm install -g cordova ionic

Jquery学习

1.与原生js加载方式的区别

//原生
window.onload = function(){
    ///
}
Jquery
$(document).ready(function(){
    ///
})
//等价于
$(function(){})
//1.通过原生js入口函数和Jquery入口函数都可以拿到DOM元素，但是Jquery不能拿到DOM元素的宽高，它们的加载机制不同
//2.原生js编写的多个入口函数后面的会覆盖前面的，但是Jquery编写的多个入口函数不会覆盖都会执行

Jquery的冲突问题

var Ng = jQuery.noConflict() //用自定义的符号，替换jQuery

jquery的核心函数

$();//就是jQuery的核心函数

• 1.接受一个函数
• 2.接受一个字符串选择器和字符串片段
• 3.接受一个DOM元素，会被包含成一个jQuery对象

jquery对象

• 它是类数组

静态方法和实例方法

• 通过类名调用
• 通过类的实例调用
• each方法：
• • 原生foreach方法只能遍历数组，不能遍历类数组但是each可以；参数的顺序不同

arr.forEach((value, index)=>{
console.log(value,index)
})

$.each(arr,(index, value)=>{
    console.log(index, value);
})

• $.map()方法

• • 也可以遍历数组和类数组，默认返回空数组，也可以返回对数组的操作，原生map不可以遍历类数组

• $.trim();去除字符串两端的空格，但需要接受结果

• .isArray(),$.isFunction()

• • Jquery是一个匿名函数

• .holdReady(false);恢复ready执行

有什么收获？

1.通过学习以前的框架，无论是框架angular还是工具库Jquery虽然现在的项目已经很少用了，但学习的过程中，仍然能感受到它们的强大和高效，就像Jquery官网的一句话，写的更少，做的更多，依旧是值得去学习的