摘要： Tailwind CSS 是一个基于原子类的 CSS 框架，它提供了一系列的 CSS 类，可以用来快速构建网页界面。与传统的 CSS 框架不同，Tailwind CSS 不是提供一些预定义的样式，而是提供了一系列的原子类，诸如 flex, pt-4, text-center 和 rotate-90  阅读全文

摘要： TypeScript（简称TS）是一种由Microsoft开发的静态类型检查器，它在JavaScript的基础上添加了强类型和其他一些特性。以下是TS的一些基本语法和注意事项： 变量声明 在TS中，变量声明时需要指定其类型，例如： 这样就声明了一个名为myString的字符串变量，并将其赋值为"He 阅读全文

摘要： Git 是我们日常工作中使用频率极高的工具，各种指令让人眼花缭乱，今天，我们就在这里总结一下它的一些基本指令，算是做一份操作笔记吧。 基本指令 git add 把要提交的文件的信息添加到暂存区中。当使用 git commit 时，将依据暂存区中的内容来进行文件的提交。 它通常将现有路径的当前内容作为 阅读全文

摘要： 在日常开发中，我们经常会有使用富文本输入的需求， react-quill是相对比较好用且免费的富文本编辑器，有着主流的黑白清新风，美观，支持hignlight.js，同样支持行内编辑模式，并可自定义下面就是使用的介绍。 1. react-quill的安装 引入的代码是npm install reac 阅读全文

摘要： JavaScript自身特性说明 如果传递一个函数名给一个变量，之后通过函数名()的方式进行调用，在方法内部如果使用this则this的指向会丢失，为了避免这种情况的出现，我们可以使用bind方法。 例如 我可以看到输出了“jack” 假设我们修改一下代码 页面就会报错，由于我们没有直接调用对象的方 阅读全文

摘要： 在程序员编程的过程中经常会有遍历数组的需要,.foreach和.map都具有遍历的作用,那么他们的共同点和区别是什么呢?我们来分析一下. 一、共同点 1.都只能遍历数组。 2. 每次执行匿名函数都支持三个参数，参数分别为item(当前每一项)、index(索引值)、arr(原数组),forEach 阅读全文

摘要： 由于网页的执行都是单线程的，在JS执行的过程中，页面会呈现阻塞状态。因此，如果JS处理的数据量过大，过程复杂，可能会造成页面的卡顿。传统的数据展现都以分页的形式，但是分页的效果并不好，需要用户手动点击下一页，才能看到更多的内容，假如让页面只展示有限的数据，到底部时自动加载下一页的内容就可以解决这一问 阅读全文

摘要： ScrollTrigger插件这个插件是基于GSAP使用的,ScrollTrigger仅仅是用来控制触发动画，而GSAP才是用来操作元素。 react框架使用ScrollTrigge,首先是引入ScrollTrigger import { gsap } from "gsap"; import { S 阅读全文

摘要： GSAP的全名是GreenSock Animation Platform，是一个从flash时代一直发展到今天的专业动画库 使用前先进行安装 npm install gsap yarn add gsap 一、gsap.to和gsap.from gsap.to(targets,vars):从开始的位置 阅读全文

摘要： lottie：设计师制作动画，并提供json文件。前端可以使用对应的api操作时间流，对动画进行一些事件上的操作。 官网文档： https://github.com/airbnb/lottie-web 一. 下载依赖 npm install lottie-web 二. 在组件内引用 import l 阅读全文