全栈工程
  • 常用选择器有哪些

    常用选择器有:1、标签选择器;2、类选择器;3、ID选择器;4、全局选择器;5、组合选择器;6、继承选择器;7、伪类选择器。本文操作环境:windows10系统、css 3、thinkpad t490电脑。第一种是标签选择器,也成为元素选择器。标签选择器的基本形式如下:tagName{property:value},其中tagName是标签名称,property是css的属性。第二种是类选择器 ,类选择器用来为一系列标签定义相同的呈现方式,常用的语法是 .classValue{property:value}。其中classValue是类选择器的名称,这是由css编写者自己命名。第三种是ID选择器,ID选择器定义的是某

    2021-03-21 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
  • 谈谈HTML中锚点及其使用

    概念a元素(或HTML锚元素, Anchor Element)通常用来表示一个锚点/链接。但严格来说,a元素不是一个链接,而是超文本锚点,可以链接到一个新文件、用id属性指向任何元素。如果没有a元素没有href属性的话,可以作为原本链接位置的占位符,常用于home链接【推荐:html文档】[注意]任何文档流内容都可以被嵌套,只要不是交互内容类别(如按钮、链接等)属性hrefhref属性表示地址,共包括以下3种:1、链接地址ahref=http://www.baidu.com百度/a2、下载地址ahref=test.zip下载测试/a3、锚点(1)href:#id名ahref=#test目录/a
    brbrbrbrbrbrbrbrbrbr

    2021-01-24 0 0 0 0
  • 内联元素和块状元素的区别

    html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。内联元素在html中,span、em、a、p等标签是典型的内联元素。当然块状元素也可以通过设置display:inline;显示为内联元素,从而使块级元素具有内联元素的特点。【推荐:html文档】div{
    display:inline;
    }
    ...
    div我要变成内联元素!/div内联元素的特点:1、和其他元素在同一行上,不独占一行;2、元素的高度、宽度及顶部底部边距不可设置;(ps:内联元素的顶部底部边距margin-top及margin-bottom属性不起作用,而margin-left及margin-ri

    2021-01-24 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
  • HTML的10个最佳实践

    2021-01-20 0 0 0 0
  • 纯CSS如何实现火焰动画效果?(实例介绍)

    本篇文章给大家介绍一下使用纯CSS实现火焰动画效果。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。正文从下面开始。今天的小技巧是使用纯 CSS 生成火焰,逼真一点的火焰。嗯,长什么样子?在 CodePen 上输入关键字CSS Fire,能找到这样的:或者这样的:我们希望,仅仅使用 CSS ,效果能再更进一步吗?能不能是这样子:如何实现嗯,我们需要使用filter+mix-blend-mode的组合来完成。很多 CSS 华而不实的效果都是filter+mix-blend-mode,很有意思,但是业务中根本用不上,当然多了解了解总没坏处。如上图,整个蜡烛的骨

    2021-01-19 0 0 0 0
  • css3如何实现进度条动画效果?(代码示例)

    项目过程中,开始使用了js的requestAnimationFrame方法实现进度条,但是在数据超级多的时候非常影响性能,如此改用css去实现,优化。先贴代码:!DOCTYPEhtmlhtmlheadmetacharset=UTF-8metaname=viewportcontent=width=device-width,initial-scale=1.0metahttp-equiv=X-UA-Compatiblecontent=ie=edgetitleDocument/titlestyletype=text/css*{margin:0;padding:0}.box{width:100px;height:10px;border-radius:10px;background:#999;margin:100pxauto;border:1pxsolid#ff6780;}.child{position:relative;height:100%;border-radius:inherit;}

    2021-01-19 0 0 0 0
  • 10个实用的 ES6 方法

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

    2021-01-14 0 0 0 0
技术支持: 建站ABC | 管理登录