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

大家好，我是小雨小雨，致力于分享有趣的、实用的技术文章。 内容分为翻译和原创，如果有问题，欢迎随时评论或私信，希望和大家一起进步。 分享不易，希望能够得到大家的支持和关注。 extends typescript 2.8引入了条件类型关键字 ...

每个前端开发人员和Web开发人员都知道在多个地方编写相同的代码是多么令人沮丧和痛苦。如果他们需要在多个页面上添加一个按钮，他们将被迫编写大量代码。使用其他框架的开发人员即使在编写频繁更改的组件时也面临着对大多数代码进行返工的挑战。开发人员想 ...

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

结合个人经历总结的前端入门方法，总结从零基础到具备前端基本技能的道路、学习方法、资料。由于能力有限，不能保证面面俱到，只是作为入门参考，面向初学者，让初学者少走弯路。互联网的快速发展和激烈竞争，用户体验成为一个重要的关注点，导致专业前端工程 ...

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

都记录一些有关前端方面的冷知识或者一些易踩坑点，防止大家踩坑。JavaScript所有对象都有 __proto__ 属性，都指向创造对象的函数对象的 prototype。上传文件要使用 formdata 包装。Promise.prototy ...

本文主要介绍如何将你现有的项目平滑的迁移至TypeScript。 我们这里以React + Webpack + Babel项目为例。其他类似的项目其实也都大同小异，可以参考进行配置。 第一步：支持编译.ts, .tsx文件 首先我们安装相 ...

1 传送门 https://babeljs.io/docs/en/next/babel-plugin-proposal-optional-chaining 2 安装 npm安装@babel/plugin-proposal-optional- ...

1.创建10个a标签，点击时弹对应的序号 常见错误做法 ❌ var a for (var i = 0; i < 10; i++) { a=document.createElement('a') a.innerHTML=i ...