全栈工程
  • JavaScript中使用递归的方法

    在JavaScript程序中,函数直接或间接调用自己。通过某个条件判断跳出结构,有了跳出才有结果。本文就来为大家介绍一下JavaScript中使用递归的方法。递归的步骤(技巧)1、假设递归函数已经写好2、寻找递推关系3、将递推关系的结构转换为递归体4、将临界条件加入到递归体中(一定要加临界条件,某则陷入死循环,内存泄漏)简单递归示例:一、求1-100的和假设让你来,你是否会这样写?varsum=0;
    for(vari=1;i=100;i++){
    sum+=i;
    }
    console.log(sum);//5050JavaScript用递归如何计算求1-100的和了?分析:假设递归函数已经写好,既sum(100),

    2020-10-05 0 0 0 0
  • 深入研究CSS Grid(网格布局)

    本教程将深入探讨 CSS 网格布局,并探索几乎所有的属性和功能。读完之后,你将能够用这种出色的 CSS 附加功能去处理任何一种布局。术语:GridGrid 是二维网格系统。它可以用来构建复杂的布局以及较小的界面。属性:display只需要把一个元素的display属性设置为grid,它就成了网格。.grid-to-be{
    display:grid;
    }这样就使.grid-to-be成为grid 容器,并使其子项成为grid 项目。术语:网格线在定义明确的网格轨道时会创建网格线。你可以用它们去放置网格项。术语:网格轨道网格线是两条网格线之间的空间。网格中的行和列是网格轨道。属性:

    2020-09-30 0 0 0 0
  • 5个v8引擎编写优化代码的技巧

    JavaScript 引擎是执行 JavaScript 代码的程序或解释器。JavaScript 引擎可以实现为标准解释器,或者以某种形式将 JavaScript 编译为字节码的即时编译器。以下为实现 JavaScript 引擎的流行项目的列表:V8 —  开源,由 Google 开发,用 C ++ 编写Rhino —  由 Mozilla 基金会管理,开源,完全用 Java 开发SpiderMonkey —  是第一个支持 Netscape Navigator 的 JavaScript 引擎,目前正供 Firefox 使用JavaScriptCore—  开源,以 Nitro 形式销售,由苹果为 Safari 开发KJS — KD

    2020-09-30 0 0 0 0
  • 应该避免使用箭头函数的 5种 情况

    本篇文章给大家介绍5种应该避免使用箭头函数的情况。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。避免在定义对象方法时使用箭头函数虽然因语法简练受人追捧。但由于没有 this 会导致在一些情况下出现预想不到的意外情况。比如在对象中定义一个方法:看起来很完美调用这个方法能够按照预期,获得对象的 food 属性但如果将其改为箭头函数:由于箭头函数自身没有 this 会导致自动继承外层的 this 导致打印出的变量出错,这个 bug 有点因此不要在对象方法中使用箭头函数避免在 prototype 上使用因为没有 this 导致 this

    2020-09-29 0 0 0 0
  • 了解 JS 中Continue和Break语句的差异

    在这篇文章中,我们会详细介绍continue和break,分析它们的相同和不同之处,甚至用一些可运行的实例。continue和break都是用于控制循环的。我们先来看一下他们的定义:Continue:结束当前的执行,并继续下一个循环。Break:终止整个循环的执行。注意:break还可以用在switch中,本文主要介绍在循环中的使用。Continue考虑如下代码:for(leti=1;i=10;i++){
    console.log(i);
    }我们有一个简单的 for 循环,该循环会执行 10 次,i 的值从 1 一直递增到 10。每一次循环将当前 i 的值打印出来。执行结果如下:如果我们只想打印偶数,应该如何做

    2020-09-29 0 0 0 0
  • css中隐藏滚动条的3种方法

    隐藏滚动条的同时还需要支持滚动,我们经常在前端开发中遇到这种情况,最容易想到的是加一个iscroll插件,但其实现在CSS也可以实现这个功能,我已经在很多地方使用了,下面一起看看这三种方法。方法1:计算滚动条宽度并隐藏起来在本站的侧栏,你可以看到前端日报的那块内容并没有滚动条,但鼠标移上去却可以滚动内容。这是什么技术呢? 其实我只是把滚动条通过定位把它隐藏了起来。下面给一个简化版的代码:divclass=outer-container
    divclass=inner-container
    ......
    /div
    /div
    .outer-container{
    width:360px;
    height:200px;

    2020-09-28 0 0 0 0
  • 了解一下JS中的高阶函数

    本篇文章给大家介绍一下JS中的高阶函数。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。前言在JavaScript的学习过程中,我们可能或多或少地接触过高阶函数。那么,我们自己对此是否有一个明确的定义,或者说很熟练的掌握这些用法呢如果文章中有出现纰漏、错误之处,还请看到的小伙伴多多指教,先行谢过以下↓简单来说,高阶函数是一个函数,它接收函数作为参数或将函数作为输出返回看到这样的概念,在你的脑海中会出现哪些函数呢其实,像我们经常会使用到的一些数组方法,比如:map、filter等等都是高阶函数的范畴当然

    2020-09-28 0 0 0 0
  • 纯CSS(单标签)实现动态晴阴雨雪

    本文就来为大家分享一下如何仅用CSS3,实现单标签的动态晴阴雨雪。技术关键点就是“单标签”和“纯CSS”。最终效果如下:HTML代码:!--晴--
    divclass=weathersunny/div
    !--阴--
    divclass=weathercloudy/div
    !--雨--
    divclass=weatherrainy/div
    !--雪--
    divclass=weathersnowy/div没错,就是这么任性,每个动图就一个标签,而且无图无JS!下面就来详细介绍下技术实现。涉及到的关键CSS3属性:transform:用于移位、旋转、缩放效果box-shadow:利用投影实现图像的复制(关键!)clip-path:基于绘制的形状对元素进行遮罩处理animation:

    2020-09-25 0 0 0 0
  • 浅JS中谈箭头函数和常规函数的区别

    本篇文章给大家介绍一下JavaScript中箭头函数和常规函数的5个区别。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。在 JavaScript 中,你可以通过多种方式去定义函数。第一种常用的方法是使用关键字function://函数声明
    functiongreet(who){
    return`Hello,${who}!`;
    }
    //函数表达式
    constgreet=function(who){
    return`Hello,${who}`;
    }代码中的函数声明和函数表达式被称为“常规函数”。从 ES2015 开始,第二种可用的方法是箭头函数语法:constgreet=(who)={
    return`Hello,${who}!`;
    }虽然两者的语法都能够定

    2020-09-25 0 0 0 0
  • 适合web开发人员的9个css工具

    不管你是一个多么有经验的开发人员,你都想让你的生活尽可能的简单。正确的工具可以帮助您完成此任务。你的能力取决于你使用的工具,所以花点时间挑选适合你需要的工具是明智的。在本文中,我将讨论每个web开发人员都可以使用的一些工具,以便使你的工作更轻松、更高效。1.Transition Generator有一个CSS属性有很多可能性,这让你很难记住所有的CSS属性,那就是 transition 属性。当你不确定你想要什么样的过渡,或者你只是想尝试其中一些过渡的时候,这个工具就很有用了。这个工具可以很容易地混合转换不同方面,比如持续时间和延迟。通过

    2020-09-21 0 0 0 0
技术支持: 建站ABC | 管理登录