美文网首页
ionic学习(2019/8/8)

ionic学习(2019/8/8)

作者: 洛音轩 | 来源:发表于2019-11-30 09:17 被阅读0次

今日总结

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();去除字符串两端的空格,但需要接受结果

  • .isWindow(),.isArray(),$.isFunction()

    • Jquery是一个匿名函数
  • .holdReady(true);作用暂停ready执行,.holdReady(false);恢复ready执行

有什么收获?

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

相关文章

  • ionic学习(2019/8/8)

    今日总结 ionic的简单学习 它是一个强大的 HTML5 应用程序开发框架 特点 1.ionic 基于Angul...

  • 证券考后总结

    备考时间从2019/8/14-2019/8/31 8/14-8/18 休息调整期 几乎没怎么学习 8/19-8/2...

  • 2019-08-08

    【行动派️学习日记】 [打卡宝宝]:王燕 [打卡日期]:2019/8/8 [学习内容]:道德经说什么 [学习笔记]...

  • 腹有诗书教自信

    ——2019年8月暑假语文主题学习思考 2019年8月14日——15日,暑假语文主题学习培训在美丽的滨海城...

  • "弘扬新时代尊师风尚,争做新时代教育先锋"——学习心得体会

    2019年8月28日早晨8点,东风镇全体教师齐聚东风小学。参加为期三天的2019年暑期教师学习会。此次,...

  • 学习分享1

    学习时间:2019年8月4日至2019年8月6日 分享一下这几天在信阳学习的收获。 4号晚上由我主场的量子触疗...

  • 天涯鹊桥

    明月千里寄相思! 2019-8-8 ( 8/6 - 8/7 )

  • Python学习笔记-CSV文件的读取

    2019年8月26号 23:27 今晚学习CSV文件的读取过程,结合之前的文档,给程序加个UI! 2019年8月2...

  • 2019-12-28题目解析

    题目28: (1) 每一行上面有8个数字 2019 // 8 = 252 | 2019 % 8 = 3 (...

  • 2019-08-21

    天赋家好父母学习营2019年8月19亲子日记 2019年8月19日 星期一 持续成长记录 1、 今天孩子有哪些良好...

网友评论

      本文标题:ionic学习(2019/8/8)

      本文链接:https://www.haomeiwen.com/subject/ibonwctx.html