全栈工程
  • CSS清除浮动的几种方法

    本篇文章给大家介绍一下CSS清除浮动的几种方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。首先这里就不讲为什么我们要清楚浮动,反正不清除浮动事多多。下面我就讲三种常用清除浮动的方法,够用了。1、在浮动元素后面加一个空的div,并为它清除浮动html代码:divclass=wrap
    divclass=float浮动/div
    divclass=clear/div
    divclass=nofloat不想被浮动影响/div
    /divcss代码:.wrap{
    width:500px;
    height:400px;
    border:1pxsolidred;
    margin:0auto;
    }
    .float{
    width:200px;
    height:200px;
    background:#c

    2020-11-10 0 0 0 0
  • 6种JavaScript异步编程方式(总结)

    前言我们知道Javascript语言的执行环境是单线程。也就是指一次只能完成一件任务。如果有多个任务,就必须排队,前面一个任务完成,再执行后面一个任务。这种模式虽然实现起来比较简单,执行环境相对单纯,但是只要有一个任务耗时很长,后面的任务都必须排队等着,会拖延整个程序的执行。常见的浏览器无响应(假死),往往就是因为某一段Javascript代码长时间运行(比如死循环),导致整个页面卡在这个地方,其他任务无法执行。为了解决这个问题,Javascript语言将任务的执行模式分成两种:同步和异步。本文主要介绍异步编程几种办法,并通

    2020-11-10 0 0 0 0
  • CSS3如何实现文字折纸效果?(代码示例)

    本篇文章给大家通过示例介绍一下如何使用CSS3来实现文字折纸的效果,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下,希望对大家有所帮助。代码如下,复制即可使用:!DOCTYPEhtml
    html
    head
    title/title
    styletype=text/css
    html{
    height:100%;
    }

    body{
    background:-webkit-linear-gradient(45deg,#e6e2df80%,#c2c1bd100%);
    background:linear-gradient(45deg,#e6e2df80%,#c2c1bd100%);
    height:100%;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    }

    .wrapper{
    width:100

    2020-11-09 0 0 0 0
  • javascript中如何Number()方法?两种用法介绍

    JS中,调用Number()主要有两种方式,一是作为一个 function 将任意类型的数据转换成数值,二是作为一个类,通过new 生成一个数值对象。其中第一种方式更常用。用法一:functionNumber(value)将一个任意类型的数据转换成数值,无法转换的则返回 NaN,转换规则类似于类型隐式转换,与parseFloat略有差异。转换规则如下:值 Value结果 ResultundefinedNaNnull0false0true1number原样输出string忽略前后空格,碰到第一个非数字字符为止,空字符串返回 0object调用内部 ToPrimitive(value, Number),如果是 Date 对象,返回从 1970年1月1日至Da

    2020-11-09 0 0 0 0
  • JavaScript如何替换所有指定字符?3种方法介绍

    在 JS 没有提供一种简便的方法来替换所有指定字符。 在 Java 中有一个replaceAll(),replaceAll(String regex, String replacement))方法使用给定的参数 replacement 替换字符串所有匹配给定的正则表达式的子字符串。在 JS 最新的提案String.prototype.replaceAll()中,它将replaceAll()方法用于字符串。在该提案还没出来之前,我们来看看在 JS 中有哪些方法可以实现reaplceAll的效果。1.使用split和join的方法这种方法,主要包含二个阶段:使用split方法,根据指定的字符将字符串分成多个部分。然后使用join方法将分割的多个部分连接在一

    2020-11-07 0 0 0 0
  • 除了 async 速度翻 10 倍,JavaScript 还带来了什么?

    今天的 JavaScript 已经无处不在了,以传统的方式使用 JavaScript,开发者可以在各种 Web 浏览器中创建 Web 应用;通过 Node.js,可以开发命令行工具与服务器等应用;而在桌面领域,通过基于 JavaScript 与 HTML、CSS 等 Web 技术的 Electron 框架可以构建跨平台桌面应用;React Native 则可以用来开发跨平台移动应用;此外,JavaScript 甚至可以在 IoT 设备上运行。Ecma TC39 管理着 ECMAScript 生态的发展,它是当前 JavaScript 语言背后的标准,谷歌 V8 团队一直积极参与 JavaScript 相关标准化工作。V8 是谷歌开源的 JavaScript 引擎(

    2020-11-07 0 0 0 0
  • 箭头函数不合适什么场景?

    这些年来,ES6 将 JS 的可用性提升到一个新的水平时: 箭头函数、类等等,这些都很棒。箭头函数是最有价值的新功能之一,有很多好文章描述了它的上下文透明性和简短的语法。但每个事务都有两面。通常,新特性会带来一些混乱,其中之一就是箭头函数被误导了。本文将介绍一些场景,在这些场景中,你应该绕过箭头函数,转而使用良好的旧函数表达式或较新的简写语法。并且要注意缩短代码,因为这会影响代码的可读性。1.定义对象上的方法在JS中,方法是存储在对象属性中的函数。当调用该方法时,this将指向该方法所属的对象。Object literal由于箭

    2020-11-06 0 0 0 0
  • 10分钟快速实现安全的React + Docker

    假如你已经构建了一个 React 应用,但是现在需要部署它。应该怎么做?首先,最好选择一个云提供商,因为它们一般成本低而且部署容易。大多数云提供商都提供了一种部署静态站点的方法。用 React 构建应用只是 JavaScript、HTML 和 CSS。它们是静态文件,几乎可以在任何 Web 服务器上使用。但实际上,如果你使用了 JSX(JS 中的 HTML)和样式化组件,那么这些可以说只有 JavaScript!Docker 是用于构建和共享容器化应用的事实标准。你可以使用它打包你的应用程序,并包含多种开源 Web 服务器来为你的应用程序提供服务。另外,你还可以通过配

    2020-11-06 0 0 0 0
  • 使用JS对象可以做到的几件事

    除了普通的对象属性赋值和遍历之外,我们还可以使用 JavaScript 对象执行许多其他操作。在本文中,我们将了解如何使用它们,包括访问内部属性、操作属性描述符和继承只读属性。1. 访问内部属性JavaScript 对象无法以常规方式访问的内部属性。内部属性名由双方括号[[]]包围,在创建对象时可用。内部属性不能动态地添加到现有对象。内部属性可以在某些内置 JavaScript 对象中使用,它们存储ECMAScript规范指定的内部状态。有两种内部属性,一种操作对象的方法,另一种是存储数据的方法。例如:[[Prototype]]— 对象的原型,可以为null或对象

    2020-11-05 0 0 0 0
  • js+canvas实现时钟动画效果(附详细注释)

    本篇文章给大家介绍一些js+canvas实现时钟动画效果,代码中附有详细注释。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。效果图:代码:!DOCTYPEhtml
    html
    head
    metacharset=UTF-8
    metaname=viewportcontent=width=device-width,initial-scale=1.0
    metahttp-equiv=X-UA-Compatiblecontent=ie=edge
    title时钟特效/title
    /head
    body
    canvaswidth=150height=150id=canvas/canvas
    /body
    /html
    script
    clock();//显示
    setInterval(clock,1000);//每一秒重绘一次,达到转动效果
    functionclock(){
    varnow=ne

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