data

jQuery源码解读 - 数据缓存系统:jQuery.data

不打扰是莪最后的温柔 提交于 2020-03-16 20:10:32
jQuery 在1.2后引入 jQuery.data(数据缓存系统) ,主要的作用是让一组自定义的数据可以DOM元素相关联——浅显的说:就是让一个对象和一组数据一对一的关联。 一组和Element相关的数据如何关联着这个Element一直是web前端的大姨妈,而最初的jQuery事件系统照搬Dean Edwards的 addEvent.js :将回调挂载在EventTarget上,这样下来,循环引用是不可忽视的问题。而在web前端中,数据和DOM的关系太过基情和紧张,于是jQuery在1.2中,正式缔造了 jQuery.data ,就是为了解决这段孽缘:自定义数据和DOM进行关联。 文中所说的Element主要是指数据挂载所关联的target(目标),并不局限于Element对象。 本文原创于 linkFly , 原文地址 。 这篇文章主要分为以下知识 jQuery.data模型 jQuery.1.x中jQuery.data实现 jQuery.2.x中jQuery.data实现 其他实现 jQuery.data模型 模型 凡存在,皆真理——任何一样事物的存在必然有其存在的理由,于我们的角度来说,这叫需求。 一组数据,如何与DOM相关联一直是web前端的痛处,因为浏览器的兼容性等因素。最初的jQuery事件系统照搬Dean Edwards的 addEvent.js

jQuery源码分析随笔之数据缓存

删除回忆录丶 提交于 2020-03-16 20:10:00
jQuery的数据缓存机制对于js Object和DOM node分别存在两种方式: 情况一:对于js Object,数据就存储在Object本身,只不过数据都存储在Object下一个以“jQuery”开头的属性之下 例如: var obj = {}; $.data(obj, "username", "scott"); console.log(obj); 此时obj为: {   jQuery16302287385049276054:{     username: "scott"   } } 情况二:对于DOM node,数据则存储在jQuery.cache之中node对应的id号之下 例如: var elem = document.createElement("div"); $.data(elem, "password", "tiger");console.log(elem[$.expando]); console.log($.cache); 输出为: 1 {1:{password:"tiger"}} 这个例子中node对应的id为1,存储在其自身的$.expando属性之下,此id即对应$.cache中存储器数据位置的id,即这样建立起的对应关系 这里需要说明的是,$.expando的值即是以"jQuery"开头后面一串数字的字符串,例如前面的

Django 前后台交互注意

ぃ、小莉子 提交于 2020-03-16 19:57:59
from django.http import JsonResponse def test(request): result = {"status":"错误","data":"","city":"北京"} return return JsonResponse(result) 上述代码容易乱码,改成以下中文成功 from django.http import HttpResponse import json def test(request): result = {"status":"错误","data":"","city":"北京"} #json返回为中文 return HttpResponse(json.dumps(result,ensure_ascii=False),content_type="application/json,charset=utf-8") 下面是交互的类型 from django.shortcuts import render def main_page(request): return render(request, 'index.html') #########################html################################# from django.shortcuts import render def main

Node.js RESTful API

与世无争的帅哥 提交于 2020-03-16 13:48:43
以下为 REST 基本架构的四个方法: GET - 用于获取数据。 PUT - 用于更新或添加数据。 DELETE - 用于删除数据。 POST - 用于添加数据。 首先,创建一个 json 数据资源文件 users.json { "user1":{ "name":"cyy1", "password":"password1", "hobby":"html", "id":1 }, "user2":{ "name":"cyy2", "password":"password2", "hobby":"css", "id":2 }, "user1":{ "name":"cyy3", "password":"password3", "hobby":"js", "id":3 } } 接下来让我们创建以下 RESTful API: 创建 RESTful API listUsers ,用于读取用户的信息列表, server.js var express=require("express"); var app=express();//使用express框架 var fs=require("fs");//文件操作 //路由 localhost:8081/listUsers app.get("/listUsers",function(req,res){ fs.readFile(__dirname+"/"+

单选按钮可取消可选中

半腔热情 提交于 2020-03-16 09:44:05
需求是将单选按钮改为点一下选中,在点一下取消选中,像复选框一样! <el-radio v-model=”aaa” @change=”isCancelChose($event)”>可取消可选中</el-radio> isCancelChose(e){ if(!$(e.target).data("checked")){// 判断是否为 false $(e.target).prop("checked",true);// 设置为 true $(e.target).data("checked",true);// 将 data 中的 checked 设置为 true }else{ $(e.target).prop("checked",false);// 如果是 true ,就设置为 false $(e.target).data("checked",false);// 然后将 data 中的 checked 设置为 false this.pluginAttrData.attr.data.water_mark_type=0; } } 亲测ok! 找了很久才实现此功能,如果你也遇到相同的问题,不妨试一下,欢迎批评指正! 来源: https://www.cnblogs.com/yjx-wx/p/12501879.html

jQuery-AJAX简介

给你一囗甜甜゛ 提交于 2020-03-16 03:35:54
1.AJAX 是与服务器交换数据的艺术,它在不重载全部页面的情况下,实现了对部分网页的更新 2.什么是AJAX? AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML)。 简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示。 使用 AJAX 的应用程序案例:谷歌地图、腾讯微博、优酷视频、人人网等等。 3. jQuery 提供多个与 AJAX 有关的方法。通过 jQuery AJAX 方法,您能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON - 同时您能够把这些外部数据直接载入网页的被选元素中.   1)jQuery load() 方法是简单但强大的 AJAX 方法。     load() 方法从服务器加载数据,并把返回的数据放入被选元素中。$("#div1").load("demo_test.txt");   2)get()和post方法: GET - 从指定的资源请求数据   $.get() 方法通过 HTTP GET 请求从服务器上请求数据。 下面的例子使用 $.get() 方法从服务器上的一个文件中取回数据: 实例 $("button").click(function(){ $.get("demo_test.asp"

pandas知识点(处理缺失数据)

泄露秘密 提交于 2020-03-15 22:12:02
pandas使用浮点值NaN表示浮点和非浮点数组中的缺失数据: In [14]: string_data = Series(['aardvark','artichoke',np.nan,'avocado']) In [15]: string_data Out[15]: 0 aardvark 1 artichoke 2 NaN 3 avocado dtype: object In [16]: string_data.isnull() Out[16]: 0 False 1 False 2 True 3 False dtype: bool python内置的None值也会被当作NA处理: In [17]: string_data[0] = None In [18]: string_data.isnull() Out[18]: 0 True 1 False 2 True 3 False dtype: bool 1.滤除缺失数据 dropna用于返回一个仅含非空数据和索引值的Series: In [20]: data = Series([1,NA,3.5,NA,7]) In [21]: data.dropna() Out[21]: 0 1.0 2 3.5 4 7.0 dtype: float64 通过布尔型索引亦可以: In [22]: data[data.notnull()] Out[22

javascript:Web Worker

五迷三道 提交于 2020-03-15 20:39:55
原文章: https://wangdoc.com/javascript/index.html Web Worker 概述 JavaScript 语言采用的是单线程模型,也就是说,所有任务只能在一个线程上完成,一次只能做一件事。前面的任务没做完,后面的任务只能等着。随着电脑计算能力的增强,尤其是多核 CPU 的出现,单线程带来很大的不便,无法充分发挥计算机的计算能力。 Web Worker 的作用,就是为 JavaScript 创造多线程环境,允许主线程创建 Worker 线程,将一些任务分配给后者运行。在主线程运行的同时,Worker 线程在后台运行,两者互不干扰。等到 Worker 线程完成计算任务,再把结果返回给主线程。这样的好处是,一些计算密集型或高延迟的任务可以交由 Worker 线程执行,主线程(通常负责 UI 交互)能够保持流畅,不会被阻塞或拖慢。 Worker 线程一旦新建成功,就会始终运行,不会被主线程上的活动(比如用户点击按钮、提交表单)打断。这样有利于随时响应主线程的通信。但是,这也造成了 Worker 比较耗费资源,不应该过度使用,而且一旦使用完毕,就应该关闭。 Web Worker 有以下几个使用注意点。 (1) 同源限制 分配给 Worker 线程运行的脚本文件,必须与主线程的脚本文件同源。 (2) DOM 限制 Worker 线程所在的全局对象

mac下 brew 安装mongodb

馋奶兔 提交于 2020-03-15 16:06:54
mac 系统常用的软件安装工具就是 homebrew 个人认为通过brew安装比较简单,下面介绍下如何安装 安装 mongodb wenxuezhangdeMacBook-Pro:~ wenxuezhang$ brew install mongodb 此图说明已经安装成功,安装的目录就是 /usr/local/Cellar/mongodb/ 3.2.9 第一次启动服务端,这里需要做一些准备工作. 默认mongodb 数据文件是放到根目录 data/db 文件夹下,如果没有这个文件,请自行创建. wenxuezhangdeMacBook-Pro:data wenxuezhang$ sudo mkdir data/db 如果你当前的环境变量还没有加入 mongod ,手动添加的环境变量中. wenxuezhangdeMacBook-Pro:~ wenxuezhang$ nano ~/.bash_profile //添加mongodb安装目录到环境变量中 export PATH=/usr/local/Cellar/mongodb/3.2.9/bin:${PATH}} 3.如果让环境变量马上生效? 执行下面的shell source ~/.bash_profile 4.修改mongodb配置文件,配置文件默认在 /usr/local/etc 下的 mongod.conf # Store

mac下安装启动Mongodb

别说谁变了你拦得住时间么 提交于 2020-03-15 16:05:28
本人最近才上手mac,在使用mac上面有很多不熟悉的地方,慢慢摸索,记录下来,以供后续翻阅与参考: 在Mac下安装MongoDB方式 第一种、用浏览器或者第三方工具下载 当前版本的下载地址: http://downloads.mongodb.org/osx/mongodb-osx-x86_64-2.4.6.tgz 第二种、通过homebrew安装mongodb,terminal下运行以下指令就可以了 这里,我只讲通过homebrew来安装。 在Mac下安装MongoDB,通过homebrew 1. 通过homebrew安装mongodb $ brew update $ brew install mongodb 如果没有homebrew还是先装一个吧,程序员必备。 2. mongodb 数据默认存在/data/db下,所以需要创建这个文件夹,以及设置权限 进行了第一步操作,这里我们安装完成就可以执行 sudo mongod 执行sudo mongod命令后返回了一堆错误信息,如下: 这么一堆错误信息,重点是这几句 ERROR: dbpath (/data/db) does not exist. Create this directory or give existing directory in –dbpath. See http://dochub.mongodb.org/core