2022.6.13 jq js 绑定两个事件 js和jq的相互转换 mixin 混入 lodash websocket jq是如何处理缓存的 jQuery的书 restful风格

1 jq中 .on()

$(selector).on(event,childSelector,data,function)

on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。该方法给 API 带来很多便利，我们推荐使用该方法，它简化了 jQuery 代码库。

   绑定2个事件
$("elem").on("mousedown mouseup",fn)
      删除一个事件
$("elem").off("mousedown")
      删除所有事件
$("elem").off("mousedown mouseup")
     快捷方式删除所有事件，这里不需要传递事件名了，节点上绑定的所有事件讲全部销毁$("elem").off()

1--1js中绑定两个事件

var btn = document.getElementById('btn')
btn.addEventListener('click', fn1)
btn.addEventListener('click', fn2)

function fn1 () {
  console.log('我是方法1')  
}

function fn2 () {
  console.log('我是方法2')  
}

  

2js和jq的相互转换

var content = document.getElementById("content");//js元素
var jqcontent = $(content);//js转jq
jqcontent.css("color","");//拥有jq属性

var jscontent = jqcontent[0];//jq转js
jscontent.style.color = "";//拥有js属性
\

3  mixin  混入

与组件的区别

  组件在引用之后相当于在父组件内开辟了一块单独的空间，来根据父组件props过来的值进行相应的操作，单本质上两者还是泾渭分明，相对独立。

   而mixins则是在引入组件之后，则是将组件内部的内容如data等方法、method等属性与父组件相应内容进行合并。相当于在引入后，父组件的各种属性方法都被扩充了。

 单纯组件引用：

          父组件 + 子组件 >>> 父组件 + 子组件

     mixins：

          父组件 + 子组件 >>> new父组件

作用：多个组件可以共享数据和方法，在使用mixin的组件中引入后，mixin中的方法和属性也就并入到该组件中，可以直接使用。钩子函数会两个都被调用，mixin中的钩子首先执行。

4.lodash 

Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库   对数组 函数 对象 字符串等都有 对应的方法.

下载     引入  应用 

5.websocket  即时通讯  是即刻拥有私聊、群聊、聊天室、圈组等通讯能力,多样化的消息类型 文本/音频 /视频/表情 /文件

6jq是如何处理缓存的

处理缓存就是禁用缓存 ,1.通过$post()  获取数据,默认就是禁用缓存的

                                        2.通过$get()获取数据 可以通过设置时间戳避免缓存,  在url后面加上+                                              +(+newDate)

                                        3.通过$ajax方法获取数据, 只要设置 cache:false 

7.看过关于jQuery的书

<jquery基本教程>  <jquery实战>  <锋利的jiquery>

8.restful风格

是一种网络应用程序的设计风格和开发方式,基于http ,可以使用xml格式定义或JSON格式定义