@ 最新
五分钟全面了解JQuery选择器

摘要

jQuery选择器使得获取和操作页面元素更加容易和灵活,大大减轻了开发人员的压力。优雅的JQuery选择器是JQuery成功的关键,也是我们学习JQuery最关键的一步。想要灵活掌握JQuery选择器的所有用法,还需要多看,多记,多动手。

效果演示

WEB页面的生命周期,DOMContentLoaded,load,beforeunload,unload

简言

理解WEB页面的生命周期,文档加载事件及顺序对WEB开发有十分的重要意义。如果不理解,在元素未加载就提前操作元素,则得不到想要的结果。而如果页面完全加载完成后,再进行操作,则又会影响用户体验。

一般来说,大多数的操作我们都应该放在DOMContentLoaded事件中执行。采用如下形式:

document.addEventListener('DOMContentLoaded', function () {
    alert("DOMContentLoaded");
});

当初始的 HTML 文档被完全加载和解析完成之后,DOMContentLoaded 事件被触发,而无需等待样式表、图像和子框架的完成加载。

演示程序

JavaScript的includes()函数及兼容性方案

includes()

if (!String.prototype.includes) {
  String.prototype.includes = function(search, start) {
    'use strict';
    if (typeof start !== 'number') {
      start = 0;
    }

    if (start + search.length > this.length) {
      return false;
    } else {
      return this.indexOf(search, start) !== -1;
    }
  };
}

演示

JavaScript的trim()函数,兼容所有浏览器

trim()

if (!String.prototype.trim) {
  String.prototype.trim = function () {
    return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
  };
}
$ 热门标签
$ 贴士
简单是稳定的前提。 -Edsger Dijkstra
$ 声明
本站所有代码及文字都是作者精心汇编整理而成,转载代码及文字请明确注明出处和作者名称。