你可能不再需要JQUERY

You (Might) Don't Need jQuery

Posted in Javascript onMarch 09, 2021

Query Selector

常用的 class、id、属性 选择器都可以使用 document.querySelector 或 document.querySelectorAll 替代。区别是

  • document.querySelector 返回第一个匹配的 Element
  • document.querySelectorAll 返回所有匹配的 Element 组成的 NodeList。它可以通过 [].slice.call() 把它转成 Array
  • 如果匹配不到任何 Element,jQuery 返回空数组 [],但 document.querySelector 返回 null,注意空指针异常。当找不到时,也可以使用 || 设置默认的值,如 document.querySelectorAll(selector) || []

 

注意:document.querySelector 和 document.querySelectorAll 性能很差。如果想提高性能,尽量使用 document.getElementByIddocument.getElementsByClassName 或 document.getElementsByTagName

 

选择器查询

// jQuery
$('selector');

// Native
document.querySelectorAll('selector');

 

class 查询

// jQuery
$('.class');

// Native
document.querySelectorAll('.class');

// or
document.getElementsByClassName('class');

 

id 查询

// jQuery
$('#id');

// Native
document.querySelector('#id');

// or
document.getElementById('id');

 

属性查询

// jQuery
$('a[target=_blank]');

// Native
document.querySelectorAll('a[target=_blank]');

 

后代查询

$el.find('li');

// Native
el.querySelectorAll('li');

 

兄弟元素

// jQuery
$el.siblings();

// Native - latest, Edge13+
[...el.parentNode.children].filter((child) =>
  child !== el
);
// Native (alternative) - latest, Edge13+
Array.from(el.parentNode.children).filter((child) =>
  child !== el
);
// Native - IE10+
Array.prototype.filter.call(el.parentNode.children, (child) =>
  child !== el
);

 

上一个元素

// jQuery
$el.prev();

// Native
el.previousElementSibling;

 

下一个元素

// next
$el.next();

// Native
el.nextElementSibling;

 

Closest,获得匹配选择器的第一个祖先元素,从当前元素开始沿 DOM 树向上

// jQuery
$el.closest(queryString);

// Native - Only latest, NO IE
el.closest(selector);

// Native - IE10+
function closest(el, selector) {
  const matchesSelector = el.matches || el.webkitMatchesSelector || el.mozMatchesSelector || el.msMatchesSelector;

  while (el) {
    if (matchesSelector.call(el, selector)) {
      return el;
    } else {
      el = el.parentElement;
    }
  }
  return null;
}

 

Parents Until,获取当前每一个匹配元素集的祖先,不包括匹配元素的本身。

// jQuery
$el.parentsUntil(selector, filter);

// Native
function parentsUntil(el, selector, filter) {
  const result = [];
  const matchesSelector = el.matches || el.webkitMatchesSelector || el.mozMatchesSelector || el.msMatchesSelector;

  // match start from parent
  el = el.parentElement;
  while (el && !matchesSelector.call(el, selector)) {
    if (!filter) {
      result.push(el);
    } else {
      if (matchesSelector.call(el, filter)) {
        result.push(el);
      }
    }
    el = el.parentElement;
  }
  return result;
}

 

Input / Textarea

// jQuery
$('#my-input').val();

// Native
document.querySelector('#my-input').value;

 

获取 e.currentTarget 在 .radio 中的数组索引

// jQuery
$('.radio').index(e.currentTarget);

// Native
Array.prototype.indexOf.call(document.querySelectorAll('.radio'), e.currentTarget);

 

Iframe Contents, jQuery 对象的 iframe contents() 返回的是 iframe 内的 document

Iframe contents

// jQuery
$iframe.contents();

// Native
iframe.contentDocument;

Iframe Query

// jQuery
$iframe.contents().find('.css');

// Native
iframe.contentDocument.querySelectorAll('.css');

 

获取 body

// jQuery
$('body');

// Native
document.body;

 

获取或设置属性

// jQuery
$el.attr('foo');

// Native
el.getAttribute('foo');

 

设置属性

// jQuery, note that this works in memory without change the DOM
$el.attr('foo', 'bar');

// Native
el.setAttribute('foo', 'bar');

 

获取 data- 属性

// jQuery
$el.data('foo');

// Native (use `getAttribute`)
el.getAttribute('data-foo');

// Native (use `dataset` if only need to support IE 11+)
el.dataset['foo'];

 

CSS & Style

Get style

// jQuery
$el.css("color");

// Native
// 注意:此处为了解决当 style 值为 auto 时,返回 auto 的问题
const win = el.ownerDocument.defaultView;

// null 的意思是不返回伪类元素
win.getComputedStyle(el, null).color;

 

Set style

// jQuery
$el.css({ color: "#ff0011" });

// Native
el.style.color = '#ff0011';

 

Add class

// jQuery
$el.addClass(className);

// Native
el.classList.add(className);

 

Remove class

// jQuery
$el.removeClass(className);

// Native
el.classList.remove(className);

 

has class

// jQuery
$el.hasClass(className);

// Native
el.classList.contains(className);

 

Toggle class

// jQuery
$el.toggleClass(className);

// Native
el.classList.toggle(className);

 

Window height

// window height
$(window).height();

// 不含 scrollbar,与 jQuery 行为一致
window.document.documentElement.clientHeight;

// 含 scrollbar
window.innerHeight;

 

Document height

// jQuery
$(document).height();

// Native
const body = document.body;
const html = document.documentElement;
const height = Math.max(
  body.offsetHeight,
  body.scrollHeight,
  html.clientHeight,
  html.offsetHeight,
  html.scrollHeight
);

 

Element height

// jQuery
$el.height();

// Native
function getHeight(el) {
  const styles = this.getComputedStyle(el);
  const height = el.offsetHeight;
  const borderTopWidth = parseFloat(styles.borderTopWidth);
  const borderBottomWidth = parseFloat(styles.borderBottomWidth);
  const paddingTop = parseFloat(styles.paddingTop);
  const paddingBottom = parseFloat(styles.paddingBottom);
  return height - borderBottomWidth - borderTopWidth - paddingTop - paddingBottom;
}

// 精确到整数(border-box 时为 height - border 值,content-box 时为 height + padding 值)
el.clientHeight;

// 精确到小数(border-box 时为 height 值,content-box 时为 height + padding + border 值)
el.getBoundingClientRect().height;

 

Position

// jQuery
$el.position();

// Native
{ left: el.offsetLeft, top: el.offsetTop }

 

Offset

// jQuery
$el.offset();

// Native
function getOffset (el) {
  const box = el.getBoundingClientRect();

  return {
    top: box.top + window.pageYOffset - document.documentElement.clientTop,
    left: box.left + window.pageXOffset - document.documentElement.clientLeft
  }
}

 

Scroll Top,获取元素滚动条垂直位置。

// jQuery
$(window).scrollTop();

// Native
(document.documentElement && document.documentElement.scrollTop) || document.body.scrollTop;

 

DOM Manipulation

Remove,从 DOM 中移除元素。

// jQuery
$el.remove();

// Native
el.parentNode.removeChild(el);

// Native - Only latest, NO IE
el.remove();

 

Get text,返回指定元素及其后代的文本内容。

// jQuery
$el.text();

// Native
el.textContent;

 

Set text,设置元素的文本内容。

// jQuery
$el.text(string);

// Native
el.textContent = string;

 

Get HTML

// jQuery
$el.html();

// Native
el.innerHTML;

 

Set HTML

// jQuery
$el.html(htmlString);

// Native
el.innerHTML = htmlString;

 

Append 插入到子节点的末尾

// jQuery
$el.append("<div id='container'>hello</div>");

// Native (HTML string)
el.insertAdjacentHTML('beforeend', '<div id="container">Hello World</div>');

// Native (Element)
el.appendChild(newEl);

 

Prepend

// jQuery
$el.prepend("<div id='container'>hello</div>");

// Native (HTML string)
el.insertAdjacentHTML('afterbegin', '<div id="container">Hello World</div>');

// Native (Element)
el.insertBefore(newEl, el.firstChild);

 

insertBefore,在选中元素前插入新节点

// jQuery
$newEl.insertBefore(queryString);

// Native (HTML string)
el.insertAdjacentHTML('beforebegin ', '<div id="container">Hello World</div>');

// Native (Element)
const el = document.querySelector(selector);
if (el.parentNode) {
  el.parentNode.insertBefore(newEl, el);
}

 

insertAfter,在选中元素后插入新节点

// jQuery
$newEl.insertAfter(queryString);

// Native (HTML string)
el.insertAdjacentHTML('afterend', '<div id="container">Hello World</div>');

// Native (Element)
const el = document.querySelector(selector);
if (el.parentNode) {
  el.parentNode.insertBefore(newEl, el.nextSibling);
}

 

is,如果匹配给定的选择器,返回true

// jQuery
$el.is(selector);

// Native
el.matches(selector);

 

clone,深拷贝被选元素。(生成被选元素的副本,包含子节点、文本和属性。)

//jQuery
$el.clone();

//Native
//深拷贝添加参数'true'
el.cloneNode();

 

empty,移除所有子节点

//jQuery
$el.empty();

//Native
el.innerHTML = '';

 

wrap,把每个被选元素放置在指定的HTML结构中。

//jQuery
$(".inner").wrap('<div class="wrapper"></div>');

//Native
Array.prototype.forEach.call(document.querySelector('.inner'), (el) => {
  const wrapper = document.createElement('div');
  wrapper.className = 'wrapper';
  el.parentNode.insertBefore(wrapper, el);
  el.parentNode.removeChild(el);
  wrapper.appendChild(el);
});

 

unwrap,移除被选元素的父元素的DOM结构

// jQuery
$('.inner').unwrap();

// Native
Array.prototype.forEach.call(document.querySelectorAll('.inner'), (el) => {
      let elParentNode = el.parentNode

      if(elParentNode !== document.body) {
          elParentNode.parentNode.insertBefore(el, elParentNode)
          elParentNode.parentNode.removeChild(elParentNode)
      }
});

 

replaceWith,用指定的元素替换被选的元素

//jQuery
$('.inner').replaceWith('<div class="outer"></div>');

//Native
Array.prototype.forEach.call(document.querySelectorAll('.inner'),(el) => {
  const outer = document.createElement("div");
  outer.className = "outer";
  el.parentNode.insertBefore(outer, el);
  el.parentNode.removeChild(el);
});

 

simple parse,解析 HTML/SVG/XML 字符串

// jQuery
$('<ol>
  <li>a</li>
  <li>b</li>
</ol>
<ol>
  <li>c</li>
  <li>d</li>
</ol>');

// Native
range = document.createRange();
parse = range.createContextualFragment.bind(range);

parse('<ol>
  <li>a</li>
  <li>b</li>
</ol>
<ol>
  <li>c</li>
  <li>d</li>
</ol>');

 

Ajax

Fetch API 是用于替换 XMLHttpRequest 处理 ajax 的新标准,Chrome 和 Firefox 均支持,旧浏览器可以使用 polyfills 提供支持。

IE9+ 请使用 github/fetch,IE8+ 请使用 fetch-ie8,JSONP 请使用 fetch-jsonp。

 

从服务器读取数据并替换匹配元素的内容。

// jQuery
$(selector).load(url, completeCallback)

// Native
fetch(url).then(data => data.text()).then(data => {
  document.querySelector(selector).innerHTML = data
}).then(completeCallback)

 

Events

Document ready by DOMContentLoaded

// jQuery
$(document).ready(eventHandler);

// Native
// 检测 DOMContentLoaded 是否已完成
if (document.readyState !== 'loading') {
  eventHandler();
} else {
  document.addEventListener('DOMContentLoaded', eventHandler);
}

 

使用 on 绑定事件

// jQuery
$el.on(eventName, eventHandler);

// Native
el.addEventListener(eventName, eventHandler);

 

使用 off 解绑事件

// jQuery
$el.off(eventName, eventHandler);

// Native
el.removeEventListener(eventName, eventHandler);

 

Trigger

// jQuery
$(el).trigger('custom-event', {key1: 'data'});

// Native
if (window.CustomEvent) {
  const event = new CustomEvent('custom-event', {detail: {key1: 'data'}});
} else {
  const event = document.createEvent('CustomEvent');
  event.initCustomEvent('custom-event', true, true, {key1: 'data'});
}

el.dispatchEvent(event);

 

Utilities

大部分实用工具都能在 native API 中找到. 其他高级功能可以选用专注于该领域的稳定性和性能都更好的库来代替

 

isArray,检测参数是不是数组。

// jQuery
$.isArray(range);

// Native
Array.isArray(range);

 

isWindow,检测参数是不是 window。

// jQuery
$.isWindow(obj);

// Native
function isWindow(obj) {
  return obj !== null && obj !== undefined && obj === obj.window;
}

 

inArray,在数组中搜索指定值并返回索引 (找不到则返回 -1)。

// jQuery
$.inArray(item, array);

// Native
array.indexOf(item) > -1;

// ES6-way
array.includes(item);

 

isNumeric,检测传入的参数是不是数字。

// jQuery
$.isNumeric(item);

// Native
function isNumeric(n) {
  return !isNaN(parseFloat(n)) && isFinite(n);
}

 

isFunction,检测传入的参数是不是 JavaScript 函数对象。

// jQuery
$.isFunction(item);

// Native
function isFunction(item) {
  if (typeof item === 'function') {
    return true;
  }
  var type = Object.prototype.toString(item);
  return type === '[object Function]' || type === '[object GeneratorFunction]';
}

 

isEmptyObject,检测对象是否为空 (包括不可枚举属性)。

// jQuery
$.isEmptyObject(obj);

// Native
function isEmptyObject(obj) {
  return Object.keys(obj).length === 0;
}

 

isPlainObject,检测是不是扁平对象 (使用 “{}” 或 “new Object” 创建).

// jQuery
$.isPlainObject(obj);

// Native
function isPlainObject(obj) {
  if (typeof (obj) !== 'object' || obj.nodeType || obj !== null && obj !== undefined && obj === obj.window) {
    return false;
  }

  if (obj.constructor &&
      !Object.prototype.hasOwnProperty.call(obj.constructor.prototype, 'isPrototypeOf')) {
    return false;
  }

  return true;
}

 

extend,合并多个对象的内容到第一个对象。 object.assign 是 ES6 API。

// jQuery
$.extend({}, defaultOpts, opts);

// Native
Object.assign({}, defaultOpts, opts);

 

trim,移除字符串头尾空白。

// jQuery
$.trim(string);

// Native
string.trim();

 

map,将数组或对象转化为包含新内容的数组。

// jQuery
$.map(array, (value, index) => {
});

// Native
array.map((value, index) => {
});

 

each,轮询函数,可用于平滑的轮询对象和数组。

// jQuery
$.each(array, (index, value) => {
});

// Native
array.forEach((value, index) => {
});

 

grep,找到数组中符合过滤函数的元素。

// jQuery
$.grep(array, (value, index) => {
});

// Native
array.filter((value, index) => {
});

 

type,检测对象的 JavaScript [Class] 内部类型。

// jQuery
$.type(obj);

// Native
function type(item) {
  const reTypeOf = /(?:^\[object\s(.*?)\]$)/;
  return Object.prototype.toString.call(item)
    .replace(reTypeOf, '$1')
    .toLowerCase();
}

 

merge,合并第二个数组内容到第一个数组。

// jQuery
$.merge(array1, array2);

// Native
// 使用 concat,不能去除重复值
function merge(...args) {
  return [].concat(...args)
}

// ES6,同样不能去除重复值
array1 = [...array1, ...array2]

// 使用 Set,可以去除重复值
function merge(...args) {
  return Array.from(new Set([].concat(...args)))
}

 

now,返回当前时间的数字呈现。

// jQuery
$.now();

// Native
Date.now();

 

proxy,传入函数并返回一个新函数,该函数绑定指定上下文。

// jQuery
$.proxy(fn, context);

// Native
fn.bind(context);

 

makeArray,类数组对象转化为真正的 JavaScript 数组。

// jQuery
$.makeArray(arrayLike);

// Native
Array.prototype.slice.call(arrayLike);

// ES6-way
Array.from(arrayLike);

 

contains,检测 DOM 元素是不是其他 DOM 元素的后代.

// jQuery
$.contains(el, child);

// Native
el !== child && el.contains(child);

 

globaleval,全局执行 JavaScript 代码。

// jQuery
$.globaleval(code);

// Native
function Globaleval(code) {
  const script = document.createElement('script');
  script.text = code;

  document.head.appendChild(script).parentNode.removeChild(script);
}

// Use eval, but context of eval is current, context of $.Globaleval is global.
eval(code);

 

parseHTML,解析字符串为 DOM 节点数组.

// jQuery
$.parseHTML(htmlString);

// Native
function parseHTML(string) {
  const context = document.implementation.createHTMLDocument();

  // Set the base href for the created document so any parsed elements with URLs
  // are based on the document's URL
  const base = context.createElement('base');
  base.href = document.location.href;
  context.head.appendChild(base);

  context.body.innerHTML = string;
  return context.body.children;
}

 

parseJSON,传入格式正确的 JSON 字符串并返回 JavaScript 值。

// jQuery
$.parseJSON(str);

// Native
JSON.parse(str);

 

Promises

Promise 代表异步操作的最终结果。jQuery 用它自己的方式处理 promises,原生 JavaScript 遵循 Promises/A+ 标准实现了最小 API 来处理 promises。

done, fail, always,done 会在 promise 解决时调用,fail 会在 promise 拒绝时调用,always 总会调用。

// jQuery
$promise.done(doneCallback).fail(failCallback).always(alwaysCallback)

// Native
promise.then(doneCallback, failCallback).then(alwaysCallback, alwaysCallback)

 

when,when 用于处理多个 promises。当全部 promises 被解决时返回,当任一 promise 被拒绝时拒绝。

// jQuery
$.when($promise1, $promise2).done((promise1Result, promise2Result) => {
});

// Native
Promise.all([$promise1, $promise2]).then([promise1Result, promise2Result] => {});

 

Deferred 是创建 promises 的一种方式。

// jQuery
function asyncFunc() {
  const defer = new $.Deferred();
  setTimeout(() => {
    if(true) {
      defer.resolve('some_value_computed_asynchronously');
    } else {
      defer.reject('failed');
    }
  }, 1000);

  return defer.promise();
}

// Native
function asyncFunc() {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      if (true) {
        resolve('some_value_computed_asynchronously');
      } else {
        reject('failed');
      }
    }, 1000);
  });
}

// Deferred way
function defer() {
  const deferred = {};
  const promise = new Promise((resolve, reject) => {
    deferred.resolve = resolve;
    deferred.reject = reject;
  });

  deferred.promise = () => {
    return promise;
  };

  return deferred;
}

function asyncFunc() {
  const defer = defer();
  setTimeout(() => {
    if(true) {
      defer.resolve('some_value_computed_asynchronously');
    } else {
      defer.reject('failed');
    }
  }, 1000);

  return defer.promise();
}

 

Animation

Show & Hide

// jQuery
$el.show();
$el.hide();

// Native
// 更多 show 方法的细节详见 https://github.com/oneuijs/oui-dom-utils/blob/master/src/index.js#L363
el.style.display = ''|'inline'|'inline-block'|'inline-table'|'block';
el.style.display = 'none';

 

Toggle,显示或隐藏元素。

// jQuery
$el.toggle();

// Native
if (el.ownerDocument.defaultView.getComputedStyle(el, null).display === 'none') {
  el.style.display = ''|'inline'|'inline-block'|'inline-table'|'block';
} else {
  el.style.display = 'none';
}

 

FadeIn & FadeOut

// jQuery
$el.fadeIn(3000);
$el.fadeOut(3000);

// Native
el.style.transition = 'opacity 3s';
// fadeIn
el.style.opacity = '1';
// fadeOut
el.style.opacity = '0';

 

FadeTo,调整元素透明度。

// jQuery
$el.fadeTo('slow',0.15);
// Native
el.style.transition = 'opacity 3s'; // 假设 'slow' 等于 3 秒
el.style.opacity = '0.15';

 

FadeToggle,动画调整透明度用来显示或隐藏。

// jQuery
$el.fadeToggle();

// Native
el.style.transition = 'opacity 3s';
const { opacity } = el.ownerDocument.defaultView.getComputedStyle(el, null);
if (opacity === '1') {
  el.style.opacity = '0';
} else {
  el.style.opacity = '1';
}

 

SlideUp & SlideDown

// jQuery
$el.slideUp();
$el.slideDown();

// Native
const originHeight = '100px';
el.style.transition = 'height 3s';
// slideUp
el.style.height = '0px';
// slideDown
el.style.height = originHeight;

 

SlideToggle,滑动切换显示或隐藏。

// jQuery
$el.slideToggle();

// Native
const originHeight = '100px';
el.style.transition = 'height 3s';
const { height } = el.ownerDocument.defaultView.getComputedStyle(el, null);
if (parseInt(height, 10) === 0) {
  el.style.height = originHeight;
}
else {
 el.style.height = '0px';
}

 

Animate,执行一系列 CSS 属性动画。

// jQuery
$el.animate({ params }, speed);

// Native
el.style.transition = 'all ' + speed;
Object.keys(params).forEach((key) =>
  el.style[key] = params[key];
)

 

Browser Support

Chrome Firefox IE Opera Safari
Latest ✔ Latest ✔ 10+ ✔ Latest ✔ 6.1+ ✔
Javascript 相关文章推荐
js选取多个或单个元素的实现代码(用class)
Aug 22 Javascript
js修改table中Td的值(定义td的双击事件)
Jan 10 Javascript
jQuery获取CSS样式中的颜色值的问题,不同浏览器格式不同的解决办法
May 13 Javascript
JavaScript新窗口与子窗口传值详解
Feb 11 Javascript
一款基jquery超炫的动画导航菜单可响应单击事件
Nov 02 Javascript
js实现屏幕自适应局部代码分享
Jan 30 Javascript
AngularJs根据访问的页面动态加载Controller的解决方案
Feb 04 Javascript
基于jQuery实现鼠标点击导航菜单水波动画效果附源码下载
Jan 06 Javascript
结合代码图文讲解JavaScript中的作用域与作用域链
Jul 05 Javascript
浅谈React的最大亮点之虚拟DOM
May 29 Javascript
javascript中的with语句学习笔记及用法
Feb 17 Javascript
《javascript设计模式》学习笔记三:Javascript面向对象程序设计单例模式原理与实现方法分析
Apr 07 Javascript
JS中剪贴板兼容性、判断复制成功或失败
Mar 09 #Javascript
JS 容错处理代码, 屏蔽错误信息
Mar 09 #Javascript
JAVASCRIPT 对象的创建与使用
Mar 09 #Javascript
JS JavaScript获取Url参数,src属性参数
Mar 09 #Javascript
JS 统计时间
Mar 09 #Javascript
JavaScript延迟加载
Mar 09 #Javascript
javaScript - 如何引入js代码
Mar 09 #Javascript
You might like
php图片缩放实现方法
2014/02/20 PHP
PHP+Apache+Mysql环境搭建教程
2016/08/01 PHP
php实现对文件压缩简单的方法
2019/09/29 PHP
javascript (用setTimeout而非setInterval)
2011/12/28 Javascript
jQuery中innerHeight()方法用法实例
2015/01/19 Javascript
javascript创建动态表单的方法
2015/07/25 Javascript
JavaScript中获取HTML元素值的三种方法
2016/06/20 Javascript
jquery 多个radio的click事件实例
2016/12/03 Javascript
在DWR中实现直接获取一个JAVA类的返回值的两种方法
2016/12/25 Javascript
微信小程序 image组件binderror使用例子与js中的onerror区别
2017/02/15 Javascript
IScroll5实现下拉刷新上拉加载的功能实例
2017/08/11 Javascript
Angularjs渲染的 using 指令的星级评分系统示例
2017/11/09 Javascript
React路由管理之React Router总结
2018/05/10 Javascript
工作中常用到的ES6语法
2018/09/04 Javascript
使用vue2实现带地区编号和名称的省市县三级联动效果
2018/11/05 Javascript
JSX在render函数中的应用详解
2019/09/04 Javascript
JavaScript实现拖拽功能
2020/02/11 Javascript
Javascript实现贪吃蛇小游戏(含详细注释)
2020/10/23 Javascript
[00:32]2018DOTA2亚洲邀请赛VGJ.T出场
2018/04/03 DOTA
phpsir 开发 一个检测百度关键字网站排名的python 程序
2009/09/17 Python
python中的一些类型转换函数小结
2013/02/10 Python
Python的另外几种语言实现
2015/01/29 Python
让Python代码更快运行的5种方法
2015/06/21 Python
python编程实现随机生成多个椭圆实例代码
2018/01/03 Python
Python实现屏幕截图的两种方式
2018/02/05 Python
python判断完全平方数的方法
2018/11/13 Python
Python基于matplotlib画箱体图检验异常值操作示例【附xls数据文件下载】
2019/01/07 Python
python2.7使用plotly绘制本地散点图和折线图
2019/04/02 Python
python 随机森林算法及其优化详解
2019/07/11 Python
详解pandas使用drop_duplicates去除DataFrame重复项参数
2019/08/01 Python
python输出带颜色字体实例方法
2019/09/01 Python
ALDI奥乐齐官方海外旗舰店:德国百年超市
2017/12/27 全球购物
研究生求职自荐书
2014/06/23 职场文书
2014年设备管理工作总结
2014/11/26 职场文书
MySQL创建管理KEY分区
2022/04/13 MySQL
ubuntu如何搭建vsftpd服务器
2022/12/24 Servers