关闭

[置顶] h5 学习之路以及jquery的使用

841人阅读 评论(0) 收藏 举报

1.getElementById 用于执行javascript从开始到结束 javascript是为了给html5网页添加更多的交互

2.当编写 JavaScript 语句时,请留意是否关闭大小写切换键。大小写执行的语句是不同的

3.在javascript中,没有使用var声明的变量都被当成全局变量来处理。而ios swift里面的var统称为变量

4.在javascript中,let只对它所在的最内侧块内有效,而var的范围至少是一个函数之内。而在ios swift里面let表示常量

5.JavaScript 是脚本语言。浏览器会在读取代码时,逐行地执行脚本代码。而对于传统编程来说,会在执行前对所有代码进行编译。

6.传统的编程在代码结束后需要分号结束,否则会报错的,但是swift javascript python像这类语言都是不需要分号的,当然javascript你加上分号也没毛病,没有编译环境嘛

7.JavaScript 是面向对象的语言,但 JavaScript 不使用类。在 JavaScript 中,不会创建类,也不会通过类来创建对象(就像在其他面向对象的语言中那样)。JavaScript 基于 prototype,而不是基于类的。

8.javascript function函数在使用 return 语句时,函数会停止执行,并返回指定的值。

未完,待续

9.src 属性规定外部脚本文件的 URL。有时,我们需要在网站的多个页面中运行 JavaScript。不需要重复编写相同的脚本,只需在单独的文件中创建 JavaScript,并以 .js 为后缀保存,然后使用 <script> 标签中的 src 属性引用该文件即可。

10.<br />折行显示 <input>文本框

11.DOM(Document Object Model) 文档对象模型 BOM(Brower Object Model) 浏览器对象模型

12.<b> 标签规定粗体文本。图片img 视频video

13.<em> 标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说,这意味着要把这段文字用斜体来显示。

14.<div> 是一个块级元素,也就是说,浏览器通常会在 div 元素前后放置一个换行符。

15.window.location 对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面,location.assign() 方法加载新的文档。location.href 属性返回当前页面的 URL。location.pathname 属性返回 URL 的路径名。

16.window.history 对象在编写时可不使用 window 这个前缀。为了保护用户隐私,对 JavaScript 访问该对象的方法做出了限制。

一些方法:

  • history.back() - 与在浏览器点击后退按钮相同
  • history.forward() - 与在浏览器中点击按钮向前相同
17.window.navigator 对象包含有关访问者浏览器的信息。
18.confirm 确认框 prompt提示框 alert警告框
19.JavaScript 可以使用 document.cookie 属性来创建 、读取、及删除 cookie。

20.defer属性,这个属性的用途是表明脚本在执行时不会影响页面的构造,也就是说,脚本会被延迟到整个页面都解析完毕后再运行
******************************************************* jQuery  ******************************************************* 
Google CDN 
<script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js"></script>
MicroSoft CDN
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script>
提示:使用谷歌或微软的 jQuery,有一个很大的优势:
许多用户在访问其他站点时,已经从谷歌或微软加载过 jQuery。所有结果是,当他们访问您的站点时,
会从缓存中加载 jQuery,这样可以减少加载时间。同时,大多数 CDN 都可以确保当用户向其请求文件时,
会从离用户最近的服务器上返回响应,这样也可以提高加载速度。

jQuery 中$的理解:jQuery 使用 $ 符号作为 jQuery 的简介方式。$符号在JS里是可以当做idenitifier的,也就是说可以当成变量名称,
或者函数名称,并且可以打头(不同于一些语言比如c什么的只能用字母打头后接字母或者数字),甚至可以单独使用,
所以就明了了,$只是一个变量或者函数这里的话$就是jQuery的对象了,严格的说它应该是jQuery对象的构造函数,
用$这个特殊符号做为框架标识的也不止jQuery,其它也是不少的,很早的时候喜欢把document.getElementById这个函数封装在$这个函数里以方便调

jQuery中ready的理解:jQuery的ready是DOM结构加载完成后触发的,不需要等相关的资源文件(如:css,图片等)下载完成,比onload触发时间点要早。
在现代浏览器中document有一个事件叫做DOMContentLoaded,从字面上理解就是HTML代码加载完成以后触发的事件.
但在IE6等老浏览器中是没有这个事件的,那就需要使用setInterval或setTimeOut循环去判断(jQuery用的是try-catch判断文档是否能执行滚动事件,
文档加载完成前调用这个方法会出错的,不出错时说明文档加载完成了)文档是否加载完成

jQuery中的noConflict函数的意义:noConflict作用就是把jQuery前面占掉的全局变量$和jQuery还回去。
所以一开始就用_$=$来保存原始的全局$.当noConflict被用户调用的时候就恢复回去

BOM
BOM 的核心对象是window,它表示浏览器的一个实例。在浏览器中,window对象有双重角色,
它既是通过JavaScript 访问浏览器窗口的一个接口,又是ECMAScript 规定的Global对象。这意味着在网页中定义的任何一个对象
、变量和函数都以window作为其Global对象。因此有权访问parseInt()等方法
DOM
DOM 是针对HTML和XML文档的一个API。DOM 描绘了一个层次化的节点树,允许开发人员添加、移除和修改页面的某一部分。
DOM 脱胎于Netscape 及微软公司创始的DHTML(动态HTML),但现在它已经成为表现和操作页面标记的真正的跨平台、语言中立的方式.
Ajax
Ajax技术的核心是XMLHttpRequest 对象,这是由微软首先引用的一个特性。简称XHR,XHR为向服务器发送请求和解析服务器响应提供了流畅的接口,
能够以异步方式从服务器取得更多信息,意味着用户单击后,可以不必刷新页面也能取得新数据。也就是说,可以使用XHR对象取得新数据,
然后再通过DOM将新数据插入到页面中。另外。虽然名字中包含XML的成分,但Ajax通信与数据格式无关,这种技术就是无须刷新页面即可从服务器取得数据,
但不一定是XML数据

0
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

H5开发之jQuery特点及基础用法

jQuery是一个快速、简洁的JavaScript框架,jQuery 之所以很受欢迎,很大一部分是得益于它的事件具有良好的语义,优秀的兼容性,并且便于管理和扩展。随着WEB2.0及ajax思想在互联...
  • ccnanxi
  • ccnanxi
  • 2016-11-21 17:27
  • 1598

Hybrid APP 混合开发模式的选择之路(五:原生和H5的交互原理)

原文出处:http://www.cnblogs.com/dailc/p/5931322.html 在Hybrid APP中,原生与H5的交互方式在Android和iOS上的实现是有异同的,原因是A...
  • ZhaiKun68
  • ZhaiKun68
  • 2017-09-01 13:55
  • 640

H5开发之jQuery特点及基础用法

jQuery是一个快速、简洁的JavaScript框架,jQuery 之所以很受欢迎,很大一部分是得益于它的事件具有良好的语义,优秀的兼容性,并且便于管理和扩展。随着WEB2.0及ajax思想在互联...
  • ccnanxi
  • ccnanxi
  • 2016-11-21 17:27
  • 1598

JQuery插件实现网页首次登录提示/页面功能介绍引导/教程式引导/下一步介绍功能

因某个单独网页中的功能较多,或者按钮提示较多,为方便用户更了解页面功能
  • chenkai6529
  • chenkai6529
  • 2014-08-27 16:55
  • 2429

练习笔记:使用jQuery实现H5拖放(drag 和 drop)功能

遇到问题1: 在js里面可直接e.dataTransfer.setData("obj_add",e.target.id); 使用jQuery绑定事件时,需e.originalEvent.dataTr...
  • leiliz
  • leiliz
  • 2017-02-08 14:46
  • 3416

web学习之路—H5(一)

首先推荐一个网址给小白们,http://www.w3school.com.cn 本人也是小白群里的一员,觉得对于入门来说,去上述推荐学习点还是蛮有用的。毕竟是刚刚开始学习,所以就来点最基础的吧。 ...
  • CCstar1
  • CCstar1
  • 2016-01-20 16:40
  • 513

H5学习之路-图片上传(cropper、webuploader)

好久没有写博客了,感觉都不习惯了。一方面是因为工作占用的时间过多,另一方面是自己有点懒,没有坚持。好了,少扯这些没用的东西,直入主题呗。笔者目前在公司会接触到H5的开发,也就是手机端app的开发,但是...
  • qiyongkang520
  • qiyongkang520
  • 2016-11-06 17:57
  • 7519

H5学习之路-手机短信验证码的实现

在上一篇博文中,给大家介绍了图片验证码的实现,今天再给大家介绍一下手机短信验证码的实现。其实,这个和图片验证码差不多,只不过要把后天生成的验证码发到对应的手机号码上,然后再进行验证。这里,关于发短信的...
  • qiyongkang520
  • qiyongkang520
  • 2017-02-12 22:45
  • 5291

web学习之路—H5(五)

今天朋友去面试,题目变态至极,本渣渣百度了半天也没有找到答案。然后我就想到,要好好学习啊,要不然那天就该回家种地啦,哈哈。刚刚开始上班,是挺闲的,事实上我一直很闲。不过本来就不爱学习所以也很久才写一写...
  • CCstar1
  • CCstar1
  • 2016-02-22 17:39
  • 265

web学习之路—H5(三)

华丽丽的周一啊,昨晚失眠,四点多才睡着,好困。今天来上班,公司真的好安静,好安静。老大没有布置任务,但是我已经预见未来几天我将要大显身手啦,哈哈,也就是一大波工作正在靠近。感觉学习马上就要被遏制了,毕...
  • CCstar1
  • CCstar1
  • 2016-02-18 13:07
  • 241
    个人资料
    • 访问:36482次
    • 积分:1265
    • 等级:
    • 排名:千里之外
    • 原创:94篇
    • 转载:10篇
    • 译文:0篇
    • 评论:0条
    文章分类