摘要: Tailwind CSS 是一个基于原子类的 CSS 框架,它提供了一系列的 CSS 类,可以用来快速构建网页界面。与传统的 CSS 框架不同,Tailwind CSS 不是提供一些预定义的样式,而是提供了一系列的原子类,诸如 flex, pt-4, text-center 和 rotate-90  阅读全文
posted @ 2023-05-30 16:26 AllenPanni 阅读(268) 评论(0) 推荐(0) 编辑
摘要: TypeScript(简称TS)是一种由Microsoft开发的静态类型检查器,它在JavaScript的基础上添加了强类型和其他一些特性。以下是TS的一些基本语法和注意事项: 变量声明 在TS中,变量声明时需要指定其类型,例如: 这样就声明了一个名为myString的字符串变量,并将其赋值为"He 阅读全文
posted @ 2023-05-03 19:47 AllenPanni 阅读(89) 评论(0) 推荐(0) 编辑
摘要: Git 是我们日常工作中使用频率极高的工具,各种指令让人眼花缭乱,今天,我们就在这里总结一下它的一些基本指令,算是做一份操作笔记吧。 基本指令 git add 把要提交的文件的信息添加到暂存区中。当使用 git commit 时,将依据暂存区中的内容来进行文件的提交。 它通常将现有路径的当前内容作为 阅读全文
posted @ 2023-04-02 19:00 AllenPanni 阅读(35) 评论(0) 推荐(0) 编辑
摘要: 在日常开发中,我们经常会有使用富文本输入的需求, react-quill是相对比较好用且免费的富文本编辑器,有着主流的黑白清新风,美观,支持hignlight.js,同样支持行内编辑模式,并可自定义下面就是使用的介绍。 1. react-quill的安装 引入的代码是npm install reac 阅读全文
posted @ 2023-02-28 19:43 AllenPanni 阅读(3878) 评论(0) 推荐(1) 编辑
摘要: JavaScript自身特性说明 如果传递一个函数名给一个变量,之后通过函数名()的方式进行调用,在方法内部如果使用this则this的指向会丢失,为了避免这种情况的出现,我们可以使用bind方法。 例如 我可以看到输出了“jack” 假设我们修改一下代码 页面就会报错,由于我们没有直接调用对象的方 阅读全文
posted @ 2023-01-29 18:14 AllenPanni 阅读(207) 评论(0) 推荐(0) 编辑
摘要: 在程序员编程的过程中经常会有遍历数组的需要,.foreach和.map都具有遍历的作用,那么他们的共同点和区别是什么呢?我们来分析一下. 一、共同点 1.都只能遍历数组。 2. 每次执行匿名函数都支持三个参数,参数分别为item(当前每一项)、index(索引值)、arr(原数组),forEach 阅读全文
posted @ 2023-01-02 22:49 AllenPanni 阅读(2256) 评论(0) 推荐(0) 编辑
摘要: 由于网页的执行都是单线程的,在JS执行的过程中,页面会呈现阻塞状态。因此,如果JS处理的数据量过大,过程复杂,可能会造成页面的卡顿。传统的数据展现都以分页的形式,但是分页的效果并不好,需要用户手动点击下一页,才能看到更多的内容,假如让页面只展示有限的数据,到底部时自动加载下一页的内容就可以解决这一问 阅读全文
posted @ 2022-11-30 19:46 AllenPanni 阅读(1159) 评论(0) 推荐(0) 编辑
摘要: ScrollTrigger插件这个插件是基于GSAP使用的,ScrollTrigger仅仅是用来控制触发动画,而GSAP才是用来操作元素。 react框架使用ScrollTrigge,首先是引入ScrollTrigger import { gsap } from "gsap"; import { S 阅读全文
posted @ 2022-10-30 20:30 AllenPanni 阅读(858) 评论(0) 推荐(0) 编辑
摘要: GSAP的全名是GreenSock Animation Platform,是一个从flash时代一直发展到今天的专业动画库 使用前先进行安装 npm install gsap yarn add gsap 一、gsap.to和gsap.from gsap.to(targets,vars):从开始的位置 阅读全文
posted @ 2022-10-07 17:07 AllenPanni 阅读(9306) 评论(0) 推荐(1) 编辑
摘要: lottie:设计师制作动画,并提供json文件。前端可以使用对应的api操作时间流,对动画进行一些事件上的操作。 官网文档: https://github.com/airbnb/lottie-web 一. 下载依赖 npm install lottie-web 二. 在组件内引用 import l 阅读全文
posted @ 2022-08-28 17:52 AllenPanni 阅读(191) 评论(0) 推荐(0) 编辑
点击右上角即可分享
微信分享提示