专栏首页sofu456jquery\json\ajax

jquery\json\ajax

1.JSON

语法是 JavaScript 对象表示法语法的子集。

  • 数据在名称/值对中
  • 数据由逗号分隔
  • 花括号保存对象
  • 方括号保存数组

JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象

    var obj = eval ("(" + txt + ")");
JSON.stringify:序列化成字符串
JSON.parse:反序列化成对象

2.jQuery

元素选择器

jQuery 使用 CSS 选择器来选取 HTML 元素。

$("p") 选取 <p> 元素。

$("p.intro") 选取所有 class="intro" 的 <p> 元素。

$("p#demo") 选取所有 id="demo" 的 <p> 元素。

jquery和Dom对象相互转换:

dom--->jquery :$(dom对象)

jquery----->dom: $("li")

属性选择器

jQuery 使用 XPath 表达式来选择带有给定属性的元素。

$("[href]") 选取所有带有 href 属性的元素。

$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。

$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。

$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。

CSS 选择器

	$("p").css("background-color","red");
    $是jQuery的简写
    jQuery方法:http://www.w3school.com.cn/jquery/jquery_ref_dom_element_methods.asp
    jQuery事件:http://www.w3school.com.cn/jquery/jquery_ref_events.asp

$(function(){})是$("document").ready(function(){})的简写

3.ajax

ajax可以通过ajax库和jquery(jquery有ajax封装)完成

1.XMLHttpRequest 是 AJAX 的基础

2.jQuery ajax :$.load , $.get , $.post 等

4.JavaScript(ES6)

弱类型(不检查数据类型),动态语言 (无编译检查)

6种数据类型:number、string(单引号或双引号)、object、undefine(变量创建后为赋值)、null

对象操作语句:with(对象操作省去 对象.属性/方法 访问的方式),this,new。

类:this.变量 (内部定义成员变量)

【js中的两种集成方式】

  • 对象冒充:apply和call(把非对象方法的函数当做成员用,apply使用参数数组),可以实现多继承
  • 原型链继承:类型原型prototype.变量/函数(静态成员不继承) 原型链重新赋值后,以前的属性丢失(prototype不支持多继承)

匿名对象 a={} a.b=c//单个对象添加成员 class.prototype.b//所有对象都会添加

函数参数:参数不限制,多传参数被忽略,少传undefine

静态函数:类型的原型添加函数(外部添加),对象原型种添加不影响其他对象

公有函数:prototype中添加

匿名函数:回调方式调用

数组:array对象

事件:bind\delegate\live\on----unbind\undelegate\die\off bind添加数据到document;delegate效率最高存数据,执行需要查询;on最原始的绑定;live老版本

对象(基类object):

1.对象={属性:值,属性:值}

2.带参数的构造

3.object.create()

4.object.member访问或者object[member string]访问

深拷贝:

for(var a in object) 递归

JIT即时编译(缓存指令去重复),脚本引擎核心。 google v8编译器都采用了JIT方式加速Javascript

js:只有对象传递使用引用,ts:tsc命令编译生成js

定时器:window.settimeout

线程:work(文件)

js相互调用:<script language="JAVASCRIPT" src='b.js?a=2'></script> 调用b(),参数通过

document.getElementByTagName('script')解析后获取 js类:传统定义function person(id,name,age){this.id=id;this.name=name;this.age=age;}

var p = new Person(1,'tom',24); this指向调用该方法的对象

json方式定义类var p={id:1,name:'tom',age:24}

5.Web模版引擎

<script>标签template模版不显示

web模版:ejs、jade

Web模版引擎:服务端引擎和客户端引擎,分离数据和视图

6.html

静态URL、动态URL

form发送请求数据,或者通过ajax

SPA单页面应用(页面切换快,seo差,首页加载慢)、MPA多页面应用(页面切换慢,seo好)

7.跨域请求

浏览器一般禁止网页,跨域请求其他域名的数据,一般可以通过后端请求避免。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • doxygen文档生成工具

    http://doxygen.nl/files/doxygen-1.8.17-setup.exe

    sofu456
  • js中文乱码

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 ...

    sofu456
  • RUBY基础入门

    使用Script.net开发环境,开发和调试脚本文件,支持多个版本的脚本语言,包括perl、tcl、ruby、pyhon、nsis。在scrip...

    sofu456
  • Hadoop(十六)之使用Combiner优化MapReduce

      前面的一篇给大家写了一些MapReduce的一些程序,像去重、词频统计、统计分数、共现次数等。这一篇给大家介绍的是关于Combiner优化操作。

    大道七哥
  • Hadoop(十六)之使用Combiner优化MapReduce

    前言   前面的一篇给大家写了一些MapReduce的一些程序,像去重、词频统计、统计分数、共现次数等。这一篇给大家介绍的是关于Combiner优化操作。 一、...

    用户1195962
  • hadoop MapReduce编写一个分组统计并排序查询-分组

    说一下需求,有一张销售统计表,记录每个销售员每天的销售情况,现在要统计出某一月的每个销售员的销售情况并且按照销售额从高往低排序(hadoop默认是升序)。

    尚浩宇
  • Eclipse下Hadoop的MapReduce开发之单Map编写

        先说下业务需求吧,有个系统日志文件,记录系统的运行信息,其中包含DEBUG、INFO、WARN、ERROR四个级别的日志,现在想要看到所有WARN级别的...

    尚浩宇
  • 大数据技术之_05_Hadoop学习_01_MapReduce_MapReduce概述+Hadoop序列化

      采用反编译工具【jd-gui.exe】反编译源码,发现WordCount案例有Map类、Reduce类和驱动类。且数据的类型是Hadoop自身封装的序列化类...

    黑泽君
  • 大数据技术之_05_Hadoop学习_02_MapReduce_MapReduce框架原理+InputFormat数据输入+MapReduce工作流程(面试重点)+Shuffle机制(面试重点)

    1、问题引出   MapTask的并行度决定Map阶段的任务处理并发度,进而影响到整个Job的处理速度。 思考:1G的数据,启动8个MapTask,可以提高集...

    黑泽君
  • MapReduce之Eclipse本地运行

      前面我们介绍的wordcount案例是在Eclipse中写好代码,然后打成jar包,然后在Linux环境中执行的,这种方式在我们学习和调试的时候就显得非常的...

    用户4919348

扫码关注云+社区

领取腾讯云代金券