JavaScript
  • 10种javascript中交换值的方法

    在开发过程中又是我们需要对值进行交换。一般我们都在用一种简单的解决方案:“临时变量”。不过还有更好的办法,而且不只有一个,有很多。有时我们在网上搜寻解决方案,找到后复制粘贴,但是从没想过这小段代码是怎样工作的。现在我们该学习一下应该怎样轻松高效地交换值了。1、使用临时变量先是最简单的一种。functionswapWithTemp(num1,num2){
    console.log(num1,num2)

    vartemp=num1;
    num1=num2;
    num2=temp;

    console.log(num1,num2)
    }

    swapWithTemp(2.34,3.45)2、使用算术运算符 + 和 -还可以用一些数学魔术来交换值。func

    2021-04-20 0 0 0 0
  • 你不可错过的,10个对javascript对开发人员超有用的小技巧!!

    众所周知,JavaScript 一直在迅速变化。新的 ES2020 引入了许多很棒的功能。你可以通过很多不同的方式去编写代码。他们会达到相同的目标,但其中一些会更短、更清晰。你可以凭借一些小技巧来使代码更清晰。这里列出的对 JavaScript 开发人员有用的技巧,一定会对你有所帮助。【相关推荐:javascript视频教程】函数参数验证器JavaScript 允许你对函数参数设置默认值。通过这个特性,我们可以实现一个小技巧来验证函数参数。constisRequired=()={thrownewError('paramisrequired');};
    constprint=(num=isRequired())={console.log(

    2021-03-29 0 0 0 0
  • 2021年10个实用的Javascript插件推荐

    本篇文章给大家推荐10个实用的Javascript插件。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。现代 JavaScript 框架使构建复杂的 Web 应用变得非常容易。 Vanilla JavaScript 指的是纯 Javascript 代码,没有使用任何框架进行扩展,这在创建小型应用程序时很好用。【相关推荐:javascript视频教程】1. Swiper.jsSwiper 是免费的现代移动触摸滑块控件,具有硬件加速过渡和惊人的原生行为。官网:https://swiperjs.com/2. iTyped简单 Javascript 动画输入,没有任何依赖关系。官网:https://ityped.surge.sh/3. tingle.

    2021-02-03 0 0 0 0
  • 聊聊JS中的空值合并运算符(??)

    今年ECMAScript2020(ES2020)将发布!自 2015 年 ECMAScript 2015(ES6)发布以来,我们每年都对 JavaScript 语言进行更新。目录使用 JavaScript 空值合并运算符使用实例空值合并运算符与逻辑或(||)浏览器支持总结在ES2020中,我们获得了在其他语言中( 如 C# 和 PHP)早已可用的功能:空值合并运算符。我一直喜欢这个名字,因为每当我说这个名字时,都会觉得自己很聪明。空值合并运算符将会遍历列表,并返回第一个不是null或undefined的值。重要的是要注意,空值合并运算符仅查找null或null值。空值合并运算符接受虚值(Falsy values)

    2021-02-03 0 0 0 0
  • 深入了解DOM事件流的三个阶段

    事件发生时会在元素节点之间按照特定的顺序传播,这个传播过程即DOM事件流。DOM事件流分为三个阶段,分别为:捕获阶段:事件从Document节点自上而下向目标节点传播的阶段;目标阶段:真正的目标节点正在处理事件的阶段;冒泡阶段:事件从目标节点自上而下向Document节点传播的阶段。捕获阶段:!DOCTYPEhtml
    html

    head
    metacharset=UTF-8
    metaname=viewportcontent=width=device-width,initial-scale=1.0
    metahttp-equiv=X-UA-Compatiblecontent=ie=edge
    titleDocument/title
    style
    .father{
    overflow:hidden;
    width:300px;
    h

    2021-01-20 0 0 0 0
  • JS对象赋值和浅拷贝的区别是什么?

    赋值和浅拷贝的区别一直以为对象赋值和对象浅拷贝是一样的,但实际上它们还是有很大差异。先看赋值,将一个对象赋值给一个新的对象的时候,赋的其实是该对象在栈中的地址,而不是堆中的数据。 也就是一个对象的改变就会改变另外一个对象。再看浅拷贝,浅拷贝会创建一个对象,再去遍历原始对象,如果原对象的属性值是基础类型,那么就拷贝基础类型,如果是引用类型,则拷贝的是指针。是不是有点蒙蔽?看一个例子:varobj1={
    name:'前端大杂货铺',
    content:['前端','生活']
    }

    //赋值
    varobj2=obj1

    obj2.n

    2020-11-25 0 0 0 0
  • 5种JS数组求和的常用方法(分享)

    JS数组求和的常用方法。一、for循环vararr=[1,2,3];
    functionsum(arr){
    vars=0;
    for(vari=0;iarr.length;i++){
    s+=arr[i];
    }
    returns;
    }
    console.log(sum(arr));//6二、forEach遍历vararr=[1,2,3];
    functionsum(arr){
    vars=0;
    arr.forEach(function(val,idx,arr){
    s+=val;
    },0);
    returns;
    };
    console.log(sum(arr));//6三、reducevararr=[1,2,3];
    functionsum(arr){
    returnarr.reduce(function(acr,cur){
    returnacr+cur;
    });
    }
    console.log(sum(arr));//6四、递归vararr=[1,2,3];
    functionsum(arr){
    if(arr.lengt

    2020-11-23 0 0 0 0
  • 如何计算JavaScript函数的性能

    要比较两个函数哪个性能更好,一个直观且公平的方法就是计算两个函数分别执行完的时间。良好的性能更容易好的用户体验,而好的用户体验更能留住用户。 研究表明,由于性能问题,在88%的在线消费者对用户体验不满意后,他们不太可能会二次使用。这也是为什么要提高性能的一个重要原因。 特别是使用 JS 开发时,编写的每一行 JS 都可能会阻塞DOM,因为它是单线程语言。本次分享,我们主要介绍如何计算函数的性能。Performance.nowPerformance是一个做前端性能监控离不开的API,最好在页面完全加载完成之后再使用,因为很多值必须在页面完全

    2020-11-23 0 0 0 0
  • 谈谈 JavaScript 中的事件委托

    为什么要进行事件委托?首先实现一个小功能:在单击 HTML 的按钮后,把消息输出到控制台。为了实现这个小功能,你需要选择按钮,然后再用addEventListener()方法来附加事件监听器:buttonid=buttonIdClickme/button

    script
    document.getElementById('buttonId')
    .addEventListener('click',()=console.log('Clicked!'));
    /script以上就是侦听单个元素(尤其是按钮)上事件的方式。如果需要监听多个按钮上的事件呢?下面是一种可能的实现:divid=buttons
    buttonclass=buttonClassClickme/button
    buttoncla

    2020-11-22 0 0 0 0
  • 10个实用的 ES6 方法

    毫无疑问,JavaScript 是Web开发中最流行的编程语言之一。 无论使用的是 React,Vue 还是Angular,都只是 JavaScript。 JS围绕着广阔而至关重要的生态系统发展,提供了无数的框架和库,可帮助我们更快地开发应用程序。但是有时候最好退一步,尝试了解如何在没有使用库的情况下做事。 看看下面的代码片段,它们以优雅的方式解决了简单的问题,在日常项目也很实用,所以记好笔记,当遇到问题时就可直接来用使用。1.字符串反转在此示例中,我们使用展开运算符,Array的reverse方法和 String 的join方法来反转给定的字符串。constreverseStrin

    2020-11-21 0 0 0 0
共有13页首页上一页123456789下一页尾页
点击图片直接加群
更多
ots网络logo

OTS网络安全门户主要提供网络信息安全教程、文章、工具,让更多的小伙伴加入我们的社区一起学习。

技术支持: 建站ABC | 管理登录