今日总结
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官网的一句话,写的更少,做的更多,依旧是值得去学习的
网友评论