这道题实际上考的是前端性能优化的一个点。 雪碧图的英文是CSS Sprites。 其目的是将多张比较小的图片，合并到一张大的图片上面，大的图片背景透明，使用的时候，通过把该张图片当做背景图片，通过不同的 background-positio ...

轮播图是项目中非常常见的一个效果，平时我们可能都会用别人写好的插件，但是必要的时候也需要自己手写，尤其是需要掌握下其中的实现原理。 一、需求 1.实现渐隐渐显自动轮播效果 2.鼠标移入：显示左右切换箭头，停止自动轮播 3.鼠标离开：隐藏左右 ...

近期在做一个 DNS 服务器切换升级的演练中发现，我们在 NodeJS 中使用的 axios 以及默认的 dns.lookup 存在一些问题，会导致切换过程中的响应耗时从 ~80ms 上升至 ~3min，最终 nginx 层出现大量 502 ...

目录 获取PCM数据 处理PCM数据 Float32 转 Int16 ArrayBuffer 转 Base64 PCM文件播放 重采样 PCM转MP3 PCM转WAV 短时能量计算 Web Worker优化性能 音频存储(IndexedDB ...

项目背景 在日常开发中，经常遇到分段Tab的使用场景。不同场景，需求不同，有的需要带动画，有的需要带角标，有的需要遮罩动画。这里会提供一个综合的ZHXTabView,满足以上需求。 效果展示 1.基础用法 基本使用.gif 2.带角标 带角 ...

基于D3.js + React 实现的数据可视化构建工具 在线预览地址 http://47.107.66.252:8080/#/ 源码地址 https://github.com/CBDxin/chart 启动 npm run start ...

这是一个考验面试者对css的基础知识。 css实现动画主要有3种方式，第一种是：transition实现渐变动画，第二种是：transform转变动画，第三种是：animation实现自定义动画，下面具体讲一下3种动画的实现方式。 tran ...

前言随着web的发展，网站资源的流量也变得越来越大。据统计，60% 的网站流量均来自网站图片，可见对图片合理优化可以大幅影响网站流量，减小带宽消耗和服务器压力。有时候你花大力气去配置 webpack 使打包体积减少，不如好好优化几张图片，这 ...

一、空格规则HTML 代码的空格通常会被浏览器忽略。 上面是一行 HTML 代码，文字的前部、内部和后部各有两个空格。为了便于识别，这里使用半圆形符号◡表示空格。浏览器的输出结果如下。hello world可以看到，文字的前部和后部的空格都 ...

使用Taro框架写多行省略的时候，发现不生效 ？？？ 想要的效果 实现效果.png 实际效果，没有省略 实际效果.png 附上我们正常能在普通H5项目生效的css多行省略样式 .desc { width: 480px; font ...