首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    前端开发者都应知道的 jQuery 小技巧

    在新窗口打开外部链接 找到文本元素 切换可视与隐藏的触发器 Ajax 调用的错误处理 链式操作 回到顶部按钮 通过使用 jQuery 中的 animate 和 scrollTop 方法...预加载图片 如果你的页面使用了大量不能初始可见的图片(例如绑定在 hover 上),预加载它们是十分有用的: $.preloadImages = function () { for...Hover 上的 Class 切换 如果用户的鼠标悬停在页面上某个可点击元素时,你想要改变这个元素的视觉表现。...,查看脚本是否在必须的 HTML 中正常工作。...; } }); Ajax 调用的错误处理 当某次 Ajax 调用返回 404 或 500 错误,就会执行错误处理。但如果没有定义该处理,其他 jQuery 代码或许会停止工作。

    2.3K30

    所有前端都必须知道的 jQuery 技巧

    前端是一个很繁杂的工作,在工作中会考虑到很多细节,也许有时候一个细节没有处理好,就会造成很大的麻烦。但是一些小技巧就能够避免。作为一个新手,即使掌握一个小技巧都能够节省很多时间。...以下几个 jQuery 技巧,也许你工作中能够用上。 1....悬停切换类   假设你希望当用户将鼠标悬停在可点击的元素上时,它会改变颜色。...禁用输入字段       有时候,你可能想要禁用表格的提交按钮或它的某一项文字输入直到用户执行了特定操作(例如,勾选 “我已阅读相关条款” 复选框)。... 设置 min-height,这意味着它可以比主 div 大但绝对不能比主 div 小。

    1.7K20

    37个JavaScript基本面试问题和解答(建议收藏)

    这种技术的另一个特点是为全局变量提供一个容易引用(可能更短)的别名。例如,这通常用于jQuery插件。...,foo2()返回未定义而没有引发任何错误。...isInteger(x) { return parseInt(x, 10) === x; } 虽然这个基于parseInt的方法对许多x值很有效,但一旦x变得相当大,它将无法正常工作。...b)在这里,a [6]将输出未定义的值,但时隙仍为空,而不是未定义的。在某些情况下,这可能是一个重要的细微差别。...并不是每个值得聘用的“A”候选人都能够回答所有问题,能够回答所有问题的也不能保证是“A”候选人。最后,招聘仍然是一门艺术,一门科学 - 还有很多工作要做。

    3K10

    bootstrapValidator 中文API

    当您要在自定义提交处理程序中提交表单时,可能会使用它。 破坏 destroy() - 破坏插件。 它将删除所有错误消息,反馈图标以及关闭插件创建的事件。...参数 类型 描述 field 字符串| jQuery的 字段名称或字段元素如果未定义字段,则该方法将返回所有字段的所有错误消息 validator 串 验证器的名称如果未定义验证器,则该方法返回所有验证器的错误消息...参数 类型 描述 field 字符串| jQuery的 字段名称或字段元素如果未定义字段,则该方法返回表单选项。 validator 串 验证器的名称如果未定义验证器,则该方法返回所有字段选项。...option 串 选项名称如果未定义,则该方法返回给定验证器的选项 getSubmitButton getSubmitButton(): jQuery - 返回显示点击的提交按钮的jQuery元素。...参数 类型 描述 field 字符串| jQuery的 字段名称或字段元素 validator 串 验证器名称 message 串 错误消息 updateOption updateOption(field

    13.2K50

    InstantClick,让你的网站快到起飞,PJAX技术

    技术来更改页面内容,这意味着: 你不能依赖DOMContentLoaded和jQuery.ready()这两个函数来触发相关事件(这两个事件在刷新整个页面的时候才会触发,但是你可以使用[InstantClick...如果您的网站可以处理额外的负载,选择 在鼠标悬停时预加载方式。 如果你的网站不能,选择在鼠标点击的瞬间预加载方式。您的网站的速度仍然会超过99%的网站。...因此,一些脚本可能需要调整才能与InstantClick正常工作。...例如,以下是如何使Google Analytics(网站统计与分析)(2013年末的代码)正常工作: ...当访问者缩放页面或旋转其设备时,该栏的大小和位置会自动调整,因此即使您的网站未针对移动设备进行优化,也会正常工作。

    3.7K20

    使用json2.js解决IE6、7、8不能使用jQuery JSON.stringify函数的问题

    ‍‍‍‍‍‍‍‍‍‍ 周末捣腾JSON提交数据,使用jQuery的JSON.stringify函数,使用Google Chrome浏览器、百度浏览器调试都正常,今天用户说IE和360浏览器提交不了...,调试了一下,发现使用IE内核的时候,语句JSON.stringify调用处报错:JSON未定义。...解决方案: 到https://github.com/douglascrockford/JSON-js (个别地区需要访问外国网站),使用其中的 json2.js 作为兼容。...这个JS中的函数将JSON对象转换成JSON字符串,专门解决 IE6、7、8不能使用 JSON.stringify 函数的问题。 在head之间,添加如下调用语句 ‍‍ ‍‍ 这样IE低版本下的jQuery JSON.stringify 便可以正常使用!

    1.6K20

    niRvana · 轻拟物主题4.8完美版

    【注:之前自定义的第三方插件使用的不刷新加载页面回调方法可能在使用此版本后需要将原来的方法更换为钩子】 v2.1.0 1、优化:一些常用方法可能存在BUG的隐患 2、优化:提示框框插件,可能存在BUG的隐患...2、REST API错误不再清空页面,而是显示错误提示 v1.4.2 1、修复:启用Ajax不刷新加载页面时,文章二维码封面显示后,使用返回按钮不消失的bug;鼠标悬停显示tooltip提示文字后,使用返回按钮不消失的...但以前插入的模块可能会出现无法编辑的故障。...v1.1.2 1、“小标题模块”内容显示错乱的问题 v1.1.1 1、文章分类页滚动图片可能不显示coverflow的问题 v1.1.0 1、文章分类禁用滚动图后,显示数据错误传入错误的问题 2、跨域CDN...图片无法生成封面的问题 3、文章内容较短而边栏很长时,在某些尺寸屏幕上出现的滚动问题 4、部分样式问题 5、部分插件无法正常使用jQuery的问题 6、引入Autoprefixer解决旧版浏览器前缀的问题

    8.7K10

    JavaScript 加密混淆之后运行 xxxx is not defined

    0x0、xxxx is not defined 错误原因及解决方法 首先提示 xxxx is not defined 就是表示未定义。...发生原因: 如果你确定加密之前已经定义了这个“变量名”或者“方法名”,那应该是加密后“变量名/方法名”已经发生改变,导致外部调用的时候找不到这个“方法名/变量名”,才会出错误。...” 那肯定是未定义(test is not defined)。...符号可以看到具体的规则。这样加密后,这个“变量名/方法名”不会发生改变。就不会出现这个错误问题。2.提升作用域。...3.正确的书写(采用闭包) 我们都见过jquery,jquery就是采用闭包的方式书写。 简单来讲就是私有化所有方法(函数)和变量,然后提供公共访问方式。

    13610

    异步加载脚本保持执行顺序

    首先是外部脚本和行内脚本,对于异步加载的脚本,会导致竞争状态,使得出现未定义的错。...type="text/javascript"> var scriptElem = document.createElement('script'); scriptElem.src = "js/jquery...2.如果页面有更多的资源,那么外部脚本可能在onload时间出发之前早就完成加载,一般来说,行内脚本最好在外部脚本下载和执行完成之后立即调用。...多个脚本按序执行: 正常引入脚本: 运行结果: ? ? 采用XHR eval: 运行结果: ? ? 由于脚本没有按顺序执行,出现未定义的错误。...由于document.write Script Tag在并行下载脚本时会阻塞其他资源,而Script Dom Element则只在FireFox(实际测试FireFox并不行,可能是版本原因)和Opeare

    1.8K20

    chrome插件开发教程

    越来越多的前端开发人员喜欢在Chrome里开发调试代码,Chrome有许多优秀的插件可以帮助前端开发人员极大的提高工作效率。...尤其Chrome本身是可以登录的,登录后你所有的插件都会自动同步到每一个登录后的Chrome的,非常方便啊。...JavaScript Errors Notifier 安装该扩展后,会在Chrome地址栏中以图标形式提示JavaScript错误,因为Chrome默认只有打开console才会显示错误。...这是一个开发者最喜欢的Firefox扩展Firebug的精简版。 JQuery 扩展 jQuery扩展让你在当前网页中运行JavaScript和jQuery命令。...WhatFont 用于查看当前页面使用了哪些字体,Firebug和Webkit Inspector也可以查看字体,但是远没有WebFont方便,WebFont可以通过把鼠标悬停在元素上来查看字体。

    1.7K30

    Python异常

    本篇文章参考:黑马程序员一、什么是异常当检测到一个错误时,Python解释器无法继续执行程序,反而会抛出错误提示,这就是我们所称的“异常”,也就是常说的“bug”。那bug这个单词是怎么诞生的呢?"...早期计算机采用大量继电器工作,马克二型计算机出现了故障,技术人员尝试了多种方法,最后定位到第70号继电器出错。负责人哈珀仔细观察这个出错的继电器,发现一只飞蛾躺在中间,已经被继电器打死。...当程序遇到无法处理的错误时,就会抛出异常,并在控制台输出相关的错误信息,包括异常类型、错误描述以及错误发生的位置。二、捕获异常为什么要捕获异常呢?...程序能够提醒用户Bug的发生,并继续正常运行。在实际工作中,我们肯定不能因为一个小小的Bug就让整个程序全部奔溃,所以我们希望的是达到第二种情况。为此,我们需要使用异常捕获技术。...④捕获所有异常基本语法1:try:  可能引发异常的代码except:  如果出现异常执行的代码基本语法2:try:  可能引发异常的代码except Exception as e:  如果出现异常执行的代码

    5711

    JavaScript 数据类型

    一、基本数据类型 javascrip含有五种基本数据类型:undefined,null,boolean,number和string。...) null:空类型,其仅有一个值:null undefined:未定义,其仅有一个值:undefined typeof关键字:由于Javascript中的变量是松散类型的,所以它提供了一种检测当前变量的数据类型的方法...,所以不能给字符串添加属性,并且instanceof检测对应类型时均返回 false: 1 var person = "Tom"; 2 person.age = 21; 3 console.log(person.age...Array:数组类型,以数字为索引的一组值的有序列表 Date:日期和时间类型 Error:运行期错误类型 Function:函数类型 RegExp:正则表达式类型  可以用new来实例化每一个对象,或者用字面量形式来创建对象...若要删除一个属性,用delete操作符,用于删除自有属性,不能删除原型属性: 1 p1.toString = function(){ 2 console.log("p1对象"); 3 }; 4

    74280

    Python异常捕获及自定义异常类

    异常是一个与业务逻辑无关的BUG,一个潜在错误或者网络错误事件等,如:尚未实现的函数,缩进错误,Python语法错误等.该事件可能会在程序执行过程中发生,影响程序的正常执行....在Python无法正常处理程序中的代码时,解释器无法继续执行了,异常事件就发生了,Python检测到错误,然后给出一些错误的提示,并终止程序运行,这就是所谓的"异常"....在编程过程中,随时都可能出现异常,哪怕只是一个很简单的功能,只是几句简单的代码. 所以异常是伴随着程序的,有代码就可能有异常. 但是,在实际工作中,我们不希望所有异常产生时都终止程序. ?...比如上面的例子,要么代码正常运行,要么发生命名错误NameError,比如将一个数字形式的字符串转int,要么正常执行,要么出现ValueError....上面的示例中,我们捕获异常时,可以判断会出现的异常类型,但是实际开发中,代码比上面的示例复杂得多,出现的异常我们不能提前判断,这时候就可以用Exception类来捕获.

    1.4K30
    领券