CSS 动画效果知识点汇总
CSS动画效果包括3个属性:transform,transition,animationTransfrom:变形Transition:过渡Animation:动画一、变形transformtransform属性使一个dom进行各种位置转化方法备注translate平移scale缩放skew倾斜rotate旋转translate平移translate(x,y)translate3d(x,y,z)tr
前端 · 阅读 3053 · 2022年6月18日 12:04

Koa 快速搭建 Web 服务
Koa快速搭建Web服务创建项目文件夹,并系统终端切到文件夹npminit-ynpminstallkoa写一个最简单的web项目```javascript//引入koaconstKoa=require('koa');//初始化一个koa实例constapp=newKoa();//处理接口请求app.use(async(ctx,next)={ctx.body='levenx`sworld'})app
服务端 · 阅读 2484 · 2022年6月13日 00:49

HTTP 缓存原理与实践
科学正确的使用HTTP缓存,会让我的应用体验上升一次台阶,并有效的节约服务器资源。了解Http缓存机制与原理,并使用在自己的应用中。下文内容提供详细参考。一、HTTP缓存相关请求头Cache-ControlExpiresEtagLast-ModifiedIf-None-MatchIf-Modified-Sign二、强缓存第一次请求资源服务器ResponseHeader返回Cache-cont
前端 · 阅读 1430 · 2022年6月18日 12:13

ES6 中的迭代器如何使用?有哪些进阶用法?
ES6引入了一系列令人兴奋的新特性,极大地提高了代码的易读性和开发效率。其中,迭代器(Iterator)是一项重要的新特性,它为遍历复杂的数据结构提供了统一的接口。ES6的迭代器是遵循迭代器协议的对象,允许开发者按序访问集合的元素。它们不仅被数组和字符串等内置类型默认实现,还可以由开发者自定义,从而在数据的遍历上提供了更高的灵活性和控制力。什么是迭代器在ES6之前,我们经常通过数组或对象的索引来遍
前端 · 阅读 1612 · 2024年4月12日 11:04

npm 工具集汇总
NPM工具集汇总Node包名说明KoaKoa-routerKoa-statickoa-static-cachekoa-bodyparserkoa-bodykoa-sendKoa-viewkoa-compress压缩koa-etag协商缓存koa-conditional-get协商缓存koa-helmet头盔;防护帽,加强服务端防御koa-csrfCsrfKoa-corsCorskoa-sessio
前端 · 阅读 2522 · 2022年6月18日 12:01

React 使用 React Dnd 实现列表拖拽排序
拖拽排序功能在现代的网页应用中非常常见,它提供了一种直观、灵活的方式来让用户自定义内容的顺序。ReactDnd是基于HTML5的拖放API构建的,它能够让你轻松地在React应用中添加拖拽功能。本文介绍如何利用ReactDnd(DragandDrop)这个强大的库来实现一个简易的列表拖拽排序功能。实现步骤一、安装ReactDnd首先,我们需要在项目中安装ReactDnd及其HTML5后端库:np
前端 · 阅读 2185 · 2022年7月30日 23:45

如何使用 Cypress 进行 Cookie 操作
在现代的Web开发中,Cookie是维护状态、实现用户跟踪和进行会话管理的一个非常重要的组成部分。对于前端开发者来说,了解如何在自动化测试中操作Cookie是非常重要的。Cypress是一个非常流行的前端自动化测试工具,它支持对Cookie的操作。本教程将向你展示如何使用Cypress来获取、设置和清除Cookie。Cypress是什么?Cypress是一个前端自动化测试工具,它提供了用于模拟用户
前端 · 阅读 2869 · 2024年2月24日 02:02

前端开发中如何使用迪米特法则(最少知道原则)
你现在是顶级前端大师和顶级互联网营销大师,你对各种技术都有自己的见解和分析,对前端技术的变化趋势很敏感,你会通过通俗易懂的方式给别人讲解前端知识,并且能够写出让别人喜欢的文章教程,不需要初始化相关的内容,尽量将重要的内容,现在需要你根据下面的主题写一篇教程文章,主题是:前端如何利用迪米特法则设计模式,#前端开发中运用迪米特法则(最少知道原则)来设计模式在前端开发中,设计模式是用来解决常见问题的经
前端 · 阅读 1120 · 2024年5月26日 13:09

理论篇:NPM是什么以及为什么NPM如此重要?
NPM,全称是NodePackageManager,NodeJS包管理工具当我们开始现代化前端项目开发时,总是会被告知需要提前安装NodeJS,而且NodeJS软件包不仅仅会在我们的开发设备上安装NodeJS运行环境,同时会附带NPM工具。对于前端开发者而言,NPM是一个极其重要的工具,至于什么是NPM,NPM能够做什么,NPM为什么极其重要等等问题,本文会通过通俗易懂的语言来完成解释。什么是
前端 · 阅读 2703 · 2023年12月21日 22:23

如何在 React 中加载本地 Icon 资源
React作为一个构建用户界面的JavaScript库,提供了便捷的方式去实现复杂的功能。其中加载本地Icon资源也是一个常用的需求。在这篇文章中,我们会通过一个简单的例子来展示如何在React项目中加载本地的Icon资源。准备Icon资源首先,你需要有一些Icon资源。通常这些资源是以.svg、.png、.jpg等格式存在。为了本教程的需要,我们假设你已经有了一些SVG格式的Icon,并且它们存
前端 · 阅读 1586 · 2024年2月24日 01:35
