全栈工程
  • 3个你可能不知道的JS高级函数

    前言高阶函数是对其他函数进行操作的函数,可以将它们作为参数或通过返回它们。简单来说,高阶函数是一个函数,它接收函数作为参数或将函数作为输出返回。例如Array.prototype.map,Array.prototype.filter,Array.prototype.reduce都是一些高阶函数。尾调用和尾递归尾调用(Tail Call)是函数式编程的一个重要概念,本身非常简单,一句话就能说清楚。就是指某个函数的最后一步是调用另一个函数。functiong(x){
    console.log(x)
    }
    functionf(x){
    returng(x)
    }
    console.log(f(1))
    //上面代码中,函数f的最后一步是调用函数g,这就是尾

    2020-10-28 0 0 0 0
  • 纯CSS3创作一个滚动的自行车车轮动画效果(附代码)

    本篇文章给大家介绍一下纯CSS3如何创作一个滚动的自行车车轮动画效果(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。效果预览效果预览按下右侧的“点击预览”按钮可以在当前页面预览,点击链接可以全屏预览。https://codepen.io/comehope/pen/XBXEPK源代码下载https://github.com/comehope/front-end-daily-challenges代码解读定义 dom,容器中包含 6 个元素:divclass=wheel
    span/span
    span/span
    span/span
    span/span
    span/span
    span/span
    /div居中显示:body{
    margin:0;
    height:100vh;
    displa

    2020-10-28 0 0 0 0
  • javascript+Canvas如何实现动态粒子连线效果?(代码示例)

    本篇文章给大家通过示例来介绍一下javascript+Canvas实现动态粒子连线效果的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。javascript+Canvas实现动态粒子连线效果思路如下:绘制随机区域的粒子,记录每个粒子x轴、y轴坐标以及x轴与y轴每次移动的距离通过定时函数使得粒子进行移动,移动后判断是否超过界限,超过则将该粒子删除并生成一个新的粒子判断所有粒子之间的距离,对给定距离的粒子进行连线。代码如下:!DOCTYPEhtml
    html
    head
    metacharset=UTF-8
    titleCanvas动态粒子连线/title
    /head

    body
    c

    2020-10-27 0 0 0 0
  • 聊聊有趣的HTML5 Canvas!

    Canvas 是 HTML5 提供的一个用于展示绘图效果的标签. Canvas 原意为画布, 在 HTML 页面中用于展示绘图效果. 最早 Canvas 是苹果提出的一个方案, 今天已经在大多数浏览器中实现。canvas 的使用领域游戏大数据可视化数据banner 广告多媒体模拟仿真远程操作图形编辑判断浏览器是否支持 canvas 标签varcanvas=document.getElementById('canvas')
    if(canvas.getContext){
    console.log('你的浏览器支持Canvas!')
    }else{
    console.log('你的浏览器不支持Canvas!')
    }canvas 的基本用法1、使用 canvas 标签, 即可在页面

    2020-10-27 0 0 0 0
  • 使用JavaScript访问设备摄像头的方法

    在这篇文章中,我将向您展示如何通过JavaScript在网页上访问设备的摄像头,并支持多种浏览器,而无需外部库。如何使用相机要访问用户的相机(或麦克风),我们使用JavaScriptMediaStream API。该API允许通过流访问这些设备捕获的视频和音频。第一步是检查浏览器是否支持此API:if(!mediaDevicesinnavigator||
    !getUserMediainnavigator.mediaDevices
    ){
    document.write('当前浏览器不支持CameraAPI,请更新浏览器。')
    return;
    }在现代浏览器中,支持是不错的(当然没有Internet Explorer,Edge好像有权限问题,多次自动刷新后

    2020-10-26 0 0 0 0
  • 利用 JavaScript 对象可以做什么?

    利用JavaScript 对象可以做什么?下面本篇文章给大家介绍一下JavaScript 对象可以做到的三件事。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。除了普通的对象属性赋值和遍历之外,我们还可以使用 JavaScript 对象执行许多其他操作。在本文中,我们将了解如何使用它们,包括访问内部属性、操作属性描述符和继承只读属性。1. 访问内部属性JavaScript 对象无法以常规方式访问的内部属性。内部属性名由双方括号[[]]包围,在创建对象时可用。内部属性不能动态地添加到现有对象。内部属性可以在某些内置 JavaScript 对象中

    2020-10-26 0 0 0 0
  • javascript如何实现斐波那契列数?3种方法介绍

    下面本篇文章给大家介绍一下使用javascript实现斐波那契列数的三种方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。JS实现斐波那契列数的三种方法大家是怎么实现斐波那契列数的1,1,2,3,5,8...f(n)=f(n-1) + f(n-2)方法一:functionf(n){
    if(n==1||n==0){
    return1;
    }
    returnf(n-1)+f(n-2);
    }

    index.html再给两种解法,对比一下方法二:functionf(n){
    vararr=[];
    varvalue=null;

    function_f(n){
    if(n==1||n==0){
    return1;
    }
    if(arr[n])
    returnarr[n];
    value=_f(n-1)+_f(n-2);
    arr[n]=value;
    r

    2020-10-24 0 0 0 0
  • 11种实用的JavaScript技巧

    JavaScript(简称“JS”)是一种具有函数优先的轻量级,解释型或即时编译型的高级编程语言。本文为大家介绍了11种实用的JavaScript技巧,希望对大家有一定的帮助。1、过滤唯一值Set对象类型是在ES6中引入的,配合展开操作...一起,我们可以使用它来创建一个新数组,该数组只有唯一的值。constarray=[1,1,2,3,5,5,1]
    constuniqueArray=[...newSet(array)];
    console.log(uniqueArray);//Result:[1,2,3,5]在ES6之前,隔离惟一值将涉及比这多得多的代码。此技巧适用于包含基本类型的数组:undefined,null,boolean,string和number。 (如果

    2020-10-24 0 0 0 0
  • 浅谈JavaScript中!和!!的区别

    本篇文章和大家一起聊聊JavaScript中!和!!的区别。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。js中!的用法是比较灵活的,它除了做逻辑运算常常会用!做类型判断,可以用!与上对象来求得一个布尔值,1、!可将变量转换成boolean类型,null、undefined和空字符串取反都为false,其余都为true。!null=true
    !undefined=true
    !''=true
    !100=false
    !'abc'=false2、!!常常用来做类型判断,在第一步!(变量)之后再做逻辑取反运算,在js中新手常常会写这样臃肿的代码:判断变量a为非空,未定义或者非

    2020-10-23 0 0 0 0
  • 快速了解 js 中的垃圾回收

    前言JS具有自动垃圾回收机制,换句话说,执行环境会管理代码执行过程中使用的内存。JS垃圾回收的原理执行环境会找出那些不再继续使用的变量,然后释放其占用的内存。JS垃圾回收的策略标记清除当变量进入环境时,就将这个变量标记为“进入环境”,而当变量离开环境时,则将其标记为“离开环境”。标记变量方式看具体的实现,比如可以使用一个“进入环境”的变量列表和一个“离开环境”的变量列表来跟踪哪个变量发生了变化。使用过标记清除的浏览器有IE,Firefox,chrome。引用计数这是一种不太常见的垃圾回收的策略,它就是跟踪每一个值被引

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