首页
学习
活动
专区
圈层
工具
发布
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    使你的 JavaScript 代码简单易读

    解决一个问题可以有很多方法,但是有些方法很复杂,甚至有些是荒谬的。在本文中,我想谈谈解决一个问题时的好方案和坏方案。 ---- #1 让我们先从怎样删除数组中的重复项这个简单问题开始。...复杂 - 使用 forEach 删除重复项 首先,我们新创建一个空数组,用 forEach() 在数组的每个元素上执行一次提供的函数。最后检查新数组中是否存在该值,如果不存在,则添加它。...每次检查数组中是否存在应该出现的序号,如果不存在,就对计数器加一。...- 用 reverse 和 join 检查 我认为这个解决方案简单到不需要解释,因为代码本身说明了一切。...当有更简单的方法时,为什么要搞得那么复杂?希望你能从这篇文章中学到一些很有意思的思路。祝你有一个美好的编码时间,尽量不要让生活中简单的事情复杂化。

    82710

    开发中奇怪的问题

    不修改代码前好好的,刚加了些代码运行就不可以了,然后注释重新编译还是不行。 你可能不小心改到其他东西了,建议使用ctrl + z恢复或回滚版本。...---- 程序以前还可以运行的,代码也没修改,今天就运行不了,非常诡异。 程序可能有耦合与程序相关的操作,比如网络连接,数据库,串口等设备。建议打断点调试看看卡在哪里运行不了。...---- 明明只有1个编译错误,尝试修改编译错误却导致几百个错误出来了,有些崩溃。 几百个错误通常是第一个错误引起,尝试修改第一个错误,其他错误有很大概率也修正了。...---- debug版本可以运行,release版本不可以运行,这也太奇怪了吧。 大多是程序导致,可以尝试进行一下操作: 1. 尝试健壮代码,比如避免悬空指针,变量初始化,枚举给初始值等。...找适合的依赖库,比如windows下debug版本第三方库可能与release版本的第三方依赖库不一样。 3. 使用打印或调试找出不能运行的地方。

    2.8K10

    【原译】javascript中的错误处理

    in JavaScript 这是关于JavaScript中异常处理的故事。...这篇文章中我们来看下JavaScript中的出错处理。文章会覆盖异常处理使用的正反例,然后看下ajax的异步处理。...理论上,有人会说错误是Javascript中的简单事件。如果你觉得是这样,那你就要好好去看看了。另外这篇文章只关注浏览器端的JavaScript的情况。...是的,JavaScript中的错误也不过是一个事件。解释器在当前的执行上下文中执行后释放。...包括任何类型的任何错误。而且它能定位到代码中的错误处理。就像其它任何事件一样,你能捕获特定错误的具体信息。这样能使异常处理器只专注于一件事情,如果你允许这样做的话。

    2.8K90

    【原译】javascript中的错误处理

    in JavaScript   这是关于JavaScript中异常处理的故事。...这篇文章中我们来看下JavaScript中的出错处理。文章会覆盖异常处理使用的正反例,然后看下ajax的异步处理。   ...理论上,有人会说错误是Javascript中的简单事件。如果你觉得是这样,那你就要好好去看看了。另外这篇文章只关注浏览器端的JavaScript的情况。   ...是的,JavaScript中的错误也不过是一个事件。解释器在当前的执行上下文中执行后释放。...包括任何类型的任何错误。而且它能定位到代码中的错误处理。就像其它任何事件一样,你能捕获特定错误的具体信息。这样能使异常处理器只专注于一件事情,如果你允许这样做的话。

    2.2K20

    Javascript中String对象的的简单学习

    第十一课 String对象介绍 1:属性     在javascript中可以用单引号,或者双引号括起来的一个字符当作     一个字符对象的实例,所以可以在某个字符串后再加上.去调用String     ...,如果没有找到指定         的字符串,则返回-1;         substring:必选参数,要在string对象中查找的子字符串         startIndex:可选参数,从指定的位置开始查找...    navigator         对窗口或者框架的navigator对象只读引用,通过navigator对象可以获得与浏览器相关的信息     简单案例如下(输出内容document.write...简单的说就是直接在网页中输出内容。...取消周期性的执行代码  举例如下: 打开新窗口(window.open) open() 方法可以查找一个已经存在或者新建的浏览器窗口。

    1.5K70

    前端 JavaScript 之『节流』的简单代码实现

    前戏 首先,总结一下上一篇文章——《前端 JavaScript 之『防抖』的简单代码实现》的内容:「防抖」就是在高频率触发事件停止触发后,延时执行某个处理逻辑。...防抖虽然在一定程度上对性能起到了优化效果,但是,我们也要看到它的局限性:如果高频率事件一直触发,那么回调函数中的逻辑就一直得不到执行。...大家都知道,掘金的编辑器带有草稿箱的效果,即你输入的内容会保存下来,即使我们退出编辑器页面了,再次进入还是可以找回前面输入的内容,这是因为编辑器的 input 事件中执行了发送内容的防抖函数。...节流的含义大家应该都知道了:**每隔固定的时间都会执行一次回函函数中的逻辑**。...新需求 假如,现在有这么一个新需求,要我们在 input 事件中加入新的逻辑:每隔一段时间后,都会执行一次回调函数中的逻辑。 这个需求是不是挺符合节流函数的使用场景的,那我们赶紧来实现一个吧。

    65610

    前端 JavaScript 之『节流』的简单代码实现

    前戏 首先,总结一下上一篇文章——《前端 JavaScript 之『防抖』的简单代码实现》的内容:「防抖」就是在高频率触发事件停止触发后,延时执行某个处理逻辑。...防抖虽然在一定程度上对性能起到了优化效果,但是,我们也要看到它的局限性:如果高频率事件一直触发,那么回调函数中的逻辑就一直得不到执行。...大家都知道,掘金的编辑器带有草稿箱的效果,即你输入的内容会保存下来,即使我们退出编辑器页面了,再次进入还是可以找回前面输入的内容,这是因为编辑器的 input 事件中执行了发送内容的防抖函数。...节流的含义大家应该都知道了:每隔固定的时间都会执行一次回函函数中的逻辑。...~ ~ 代码比较粗糙,也比较基础,后面会逐步向着复杂的方向迭代,望各位看官海涵 ~ ~ ~ 本文完 学习有趣的知识,结识有趣的朋友,塑造有趣的灵魂! 大家好!

    57110

    Javascript中的继承示例代码

    面向对象的语言必须具备四个基本特征: 1.封装能力(即允许将基本数据类型的变量或函数放到一个类里,形成类的成员或方法) 2.聚合能力(即允许类里面再包含类,这样可以应付足够复杂的设计) 3.支持继承...(父类可以派生出子类,子类拥有父母的属性或方法) 4.支持多态(允许同样的方法名,根据方法签名[即函数的参数]不同,有各自独立的处理方法) 这四个基本属性,javascript都可以支持,所以javascript...确实是一种弱类型的面向对象的语言,这里给出一个简单的类继承的代码 javascript"> //父类ClassA function ClassA(sColor)...ClassB,继承自ClassA function ClassB(sColor,sName){         ClassA.call(this,sColor);//利用call函数,将ClassA的所有方法都赋给...oClassB.sayName();//这是ClassB中的新方法 /* call函数的演示示例 function sayColor(sPrefix, sSuffix) { alert(sPrefix

    1.2K80

    javascript中的变量提升的简单说明

    在js引擎在解释代码之前会进行编译,编译的时候,就会找到所有的变量声明,把所有的变量的声明(不赋值)提升到各自作用域的顶端。...上述代码一共有两个执行环境,以下是“Javascript高级程序设计”中对于作用域的解释 当代码在一个环境中执行时,会创建变量对象的一个作用域链( scope chain)。...作用域链的用途,是保证对执行环境有权访问的所有变量和函数的有序访问。作用域链的前端,始终都是当前执行的代码所在环境的变量对象。...活动对象在最开始时只包含一个变量,即 arguments对象(这个对象在全局环境中是不存在的)。作用域链中的下一个变量对象来自包含(外部)环境,而再下一个变量对象则来自下一个包含环境。...搜索过程始终从作用域链的前端开始,然后逐级地向后回溯,直至找到标识符为止(如果找不到标识符,通常会导致错误发生) 因为函数有自己的执行环境,js的变量提升,把变量提升了这个函数的最顶端。

    1K00

    简单说 JavaScript中的事件委托(上)

    https://blog.csdn.net/FE_dev/article/details/78821578 说明 这篇文章说JavaScript中的事件委托,这次先说一些比较基本的知识。...事件:JavaScript 侦测到的行为就是事件,比如鼠标点击、某个键盘的键被按下、元素获得焦点。 委托:就是把原来自己做的事,交给别人做。...= document.getElementById("ul"); ul.appendChild(li3); },1000) 上面这段代码中...总结 这篇文章是比较基础的,还有一些东西没有说,比如文中说 事件委托的实现 的时候,举的例子比较简单,监听的 li 里面没有子元素,如果存在子元素时,那点击子元素 事件就不会触发,那怎么办呢?...还有 JQuery中的事件委托 又是怎么做的呢? 看这里 简单说 JavaScript中的事件委托(下)

    1.1K20
    领券