全栈工程
  • 7个提升网页SVG文件可访问性的方案

    SVG是一种图像文件格式,它的英文全称为Scalable Vector Graphics,意思为可缩放的矢量图形。本文就来为大家介绍7个提升网页SVG文件可访问性的方案。1、作为图片使用的 SVG 文件如果你的 SVG 是作为img的 src 引入的,务必为img添加role=img属性:imgsrc=https://s3-us-west-2.amazonaws.com/s.cdpn.io/163671/sa_logo.svg
    role=imgalt=SimplyAccessible

    ahref=#
    imgsrc=https://s3-us-west-2.amazonaws.com/s.cdpn.io/163671/sa_logo.svg
    role=imgalt=SimplyAccessible
    /a如果不加role=img,有些屏幕阅读器不会将img src=xxx.svg认

    2020-10-22 0 0 0 0
  • javascript数组如何去重?

    我们可以利用indexOf()方法去除数组中的重复值。思路:首先创建一个新数组,然后循环要去重的数组,然后用新数组去找要去重数组的值,如果找不到则使用.push添加到新数组,最后把新数组返回回去就行了。具体代码:functionfun(arr){
    letnewsArr=[];
    for(leti=0;iarr.length;i++){
    if(newsArr.indexOf(arr[i])===-1){
    newsArr.push(arr[i]);
    }
    }
    returnnewsArr;
    }还可以利用splice方法去除重复值。思路:这个方法有点模仿冒泡 俩层循环,外层循环遍历数组,内层循环比较值,如果有相同, 则使用splice去除 然后返回处理完的数组即可

    2020-10-21 0 0 0 0
  • 先建立css还是html?

    很多朋友都有自己的习惯,有的人喜欢先写CSS,有的人喜欢先写HTML,那么网页布局最科学的写法流程是什么呢?对于一个新手而言,在有了一点html知识之后,对于CSS、DIV都感觉特别的疑惑,不知道这其中到底是什么联系?为什么用了CSS的网页不能像其它代码一样直观?html和css哪个先写?其实这些问题在我看完教程,但还没真正上手实践时的疑惑!等真正上手自己做时,我才发现应该是两者同时写!下面我们就来看一下写网页的流程:1、把站点建好,目录建好,比如建好文件夹css,images这两个是最其本的,然后新建一个.html空文件,一个.css空样式表,

    2020-10-21 0 0 0 0
  • JavaScript中如果降低函数复杂度?

    JavaScript 是一种易于学习的编程语言,编写运行并执行某些操作的程序很容易。然而,要编写一段干净的JavaScript 代码是很困难的。在本文中,我们将研究如何降低函数复杂度。将重复的代码移到同个位置我们应该将重复的代码提取出来,合并放到同个位置,这样当有需要修改的,我们只需要改一个地方即可,同时也减少犯错率。假设我们有可能很写出下面的代码:constbutton=document.querySelector('button');
    lettoggled=true;
    button.addEventListener('click',()={
    toggled=!toggled;
    if(toggled){
    document.querySele

    2020-10-20 0 0 0 0
  • JavaScript中如何让函数更简单明了?

    JavaScript 是一种易于学习的编程语言,编写运行并执行某些操作的程序很容易。然而,要编写一段干净的JavaScript 代码是很困难的。在本文中,我们将研究如何让我们的函数更清晰明了。对对象参数使用解构如果我们希望函数接收很多参数,那么应该使用对象。在此基础上,我们就可以使用解构语法提取我们需要的参数。例如,对于对象参数,我们可能会这样使用:constgreet=(obj)={
    return`${obj.greeting},${obj.firstName}${obj.lastName}`;
    }上面的语法,我们可以使用解构方式会更优雅:constgreet=({
    greeting,
    firstName,
    lastName
    }

    2020-10-20 0 0 0 0
  • 一些提升css性能的小知识

    大家都知道,对于网站来说,性能至关重要,CSS作为页面渲染和内容展现的重要环节,影响着用户对整个网站的第一体验。因此,与其相关的性能优化是不容忽视的。对于性能优化我们常常在项目完成时才去考虑,经常在项目的末期,性能问题才会暴露出来,此时才进行一些相关的性能优化。其实,如果我们从一开始编码,就注意一些细节问题,后面的工作量会小很多,下面我们来看看在书写CSS时,我们可以注意哪些细节,从而来提升CSS处理性能。先来看看这段代码:style
    .red{
    color:red;
    }
    .blue{
    color:blue;
    }
    /style
    ...
    divclass=redblu

    2020-10-19 0 0 0 0
  • html+css+js如何实现魔性舞蹈动画效果?(附代码)

    本篇文章给大家介绍一下使用html+css+js实现魔性舞蹈动画效果(附代码)。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。使用html+css+js实现魔性的舞蹈,让我们燥起来!!!代码如下,复制代码即可使用:!DOCTYPEhtml
    html
    head
    metacharset=UTF-8
    titleTheLastExperience/title
    style
    html{
    overflow:hidden;
    }
    body{
    position:absolute;
    margin:0;
    padding:0;
    width:100%;
    height:100%;
    background:#000;
    }
    canvas{
    position:absolute;
    width:100%;
    height:100%;
    background:#000;
    }
    /styl

    2020-10-19 0 0 0 0
  • JavaScript异步函数发展历程介绍

    JavaScript异步函数的发展历程,首先通过回调函数实现异步,之后又经历了Promise/A+、生成器函数,而未来将是async函数的。对大部分的JavaScript开发者而言,async函数是个新鲜事物,它的发展经历了一个漫长的旅程。在不久之前,我们还只能写回调函数来实现异步,然后Promise/A+标准出来了,这之后又出现了生成器函数,而未来显然是async函数的。现在让我们一起来回顾这些年来JavaScript异步函数的发展历程吧。异步JavaScript在JavaScript中,异步编程方式只能通过JavaScript语言中的一等公民函数才能完成:这种方式意味着我们可以将一个函

    2020-10-18 0 0 0 0
  • 9 个强大而非主流的JS写法(各种 Hack 写法)

    在日常开发中优雅的写法可提高代码的可读性,以及使代码整洁,本篇文章介绍了9种非常主流且又优雅的写法(各种 Hack 写法)。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。1. 全局替换我们知道,字符串函数 replace () 仅替换第一次出现的情况。您可以通过在正则表达式的末尾添加 /g 来替换所有出现的内容。varexample=potatopotato;
    console.log(example.replace(/pot/,tom));
    //tomatopotato
    console.log(example.replace(/pot/g,tom));
    //tomatotomato2. 提取唯一值通过使用 Set 对象和展开运算符,我们可以创

    2020-10-18 0 0 0 0
  • 浅谈js中的typeof、instanceof和===

    本篇文章就来浅谈一下js中的typeof、instanceof和===。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。typeof:用于判断number/string/boolean/underfined类型/function,不能判断:null和object ,不能区分object和Arrayinstanceof:判断具体的对象类型===:用于判断undefined和null//五种基本类型
    varnum=1;varstr=abc;varbl=true;varnu=null;varundef=undefined;//三种特殊类型
    varobj=newObject();vararr2=[1,2,true];varfun=function(){

    }
    write(-------typeof-----------)
    write(num,typeofnum);//1numbe

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