subtitle
世界上第一个可用于React、Vue、纯HTML和CSS的可组合CSS动画工具包— AnimXYZ 世界上第一个可用于React、Vue、纯HTML和CSS的可组合CSS动画工具包— AnimXYZ
什么是 AnimXYZ?AnimXYZ 是一个 CSS 动画库,用于为你的网站创建自定义 CSS 动画。是什么让 AnimXYZ 如此之好,它是可组合的,这意味着你可以组合和混合不同的动画来创建自己的高度可定制的 CSS 动画,而无需编写
2021-01-11
实战:使用CSS和JS创建“前后”图像比较效果 实战:使用CSS和JS创建“前后”图像比较效果
使用 html range input创建前后图像比较效果的分步教程。使用 CSS 和 JavaScript,JS 部分代码非常少,主要是 HTML、CSS,和实现思路。 介绍如果你有两张图像进行比较,则“前后”图像滑块是一个有效而又简
2021-01-04
如何使用最少的CSS创建响应式页面和颜色主题 如何使用最少的CSS创建响应式页面和颜色主题
想用彩色主题搭建一个响应式网站?从根本上入手吧。 如果您碰巧路过我的网站,您可能会注意到我把它美化了一下。Victoria.dev现在可以更好地响应您的设备和偏好。 大多数现代设备和 Web 浏览器都允许用户为用户界面选择浅色或深色主题。使
2021-01-04
仅使用CSS就可以提高页面渲染速度的4个技巧 仅使用CSS就可以提高页面渲染速度的4个技巧
用户喜欢快速的网络应用,他们希望页面加载速度快,功能流畅。如果在滚动时有破损的动画或滞后,用户很有可能会离开你的网站。作为一名开发者,你可以做很多事情来改善用户体验。本文将重点介绍 4 个可以用来提高页面渲染速度的 CSS 技巧。 1.
2020-12-28
什么是WebAuthn:在Web上使用Touch ID和Windows Hello登录 什么是WebAuthn:在Web上使用Touch ID和Windows Hello登录
对你的网站启用 TouchID 和 Windows Hello 身份验证。 WebAuthn 简介:它如何工作以及如何实现。 什么是 WebAuthn?Web Authentication API 是一个认证规范,允许网站使用内置的认证
2020-12-28
实现高性能延迟加载的最新API:Intersection Observer 实现高性能延迟加载的最新API:Intersection Observer
当你制作一个有许多图片需要在屏幕上加载的网站时,你应该注意它们在浏览器上的渲染性能。 如果在项目代码中使用 React,则可以通过 NPM 或 Yarn 安装react-lazyload软件包。它的图片加载方式不同,所以使用这个包时可以期待
2020-12-28
如何在React App中实现“使用GitHub登录” 如何在React App中实现“使用GitHub登录”
我遇到一个场景,该场景需要使用 Create-React-App 在 React 应用中实现“使用 Github 登录”功能。虽然这听起来很简单,但在尝试做这件事时,你可能会遇到一些麻烦。因此,本文的目的是提供一个指南,帮助你在你的应用程
2020-12-21
Vite使Vue CLI过时了吗? Vite使Vue CLI过时了吗?
Vue 生态系统中有一个名为 Vite 的新构建工具,它的开发服务器比 Vue CLI 快 10-100 倍。 这是否意味着 Vue CLI 已经过时了?在本文中,我将比较这两种构建工具,并说明它们的优缺点,以便你可以决定哪一种适合你的下
2020-12-18
使用CSS计数器花式玩转列表编号 使用CSS计数器花式玩转列表编号
在网页设计中,以有组织的方式表示数据非常重要,这样用户可以轻松地了解网站或内容的结构。最简单的方法是使用有序列表。 如果你需要对数字的外观进行更多的控制,你可能会认为你需要通过 HTML 或 JavaScript 在 DOM 中添加更多的
2020-12-15
开源推荐|10个惊人的复古CSS套件 开源推荐|10个惊人的复古CSS套件
是否想发现可在下一个项目中使用的非典型 CSS 设计?下面是我最喜欢的一些。 NES.cssNES-style(8bit-like)的 CSS 框架,非常适合您的复古浏览器游戏。 RPG UIWeb 中用于老式 RPG GUI 的轻量级
2020-12-14
开源推荐|JSONsite:使用JSON文件创建SPA页面 开源推荐|JSONsite:使用JSON文件创建SPA页面
发现一个开源项目,可以让你用一个 JSON 文件创建一个网站。 Github:https://github.com/jsonsite/jsonsite 做一个 fork,添加你的 URL,然后咣当一声,一个好看的网站就用 JSON 文
2020-12-13
译|API怎么选?比较SOAP、REST、GraphQL和RPC 译|API怎么选?比较SOAP、REST、GraphQL和RPC
我们知道,两个单独的应用程序需要中介程序才能相互通信。因此,开发人员通常会搭建桥梁(应用程序编程接口),以允许一个系统访问另一个系统的信息或功能。 为了快速、大规模地集成应用程序,API 是使用协议或规范实现的,这些协议或规范定义了通过
2020-12-13
MongoDB + Mongoose与Node.js结合使用的后端开发的最佳实践 MongoDB + Mongoose与Node.js结合使用的后端开发的最佳实践
MongoDB 无疑是当今最受欢迎的 NoSQL 数据库选择之一,它有一个很棒的社区和生态系统。 在本文中,我们将介绍在使用 Node.js 设置 MongoDB 和 Mongoose 时应遵循的一些最佳实践。 1.为什么需要 Mong
2020-12-07
自动增长Textareas的最干净技巧 自动增长Textareas的最干净技巧
想法是使 <textarea> 更像 <div>,因此它的高度可以扩展以包含当前值。这几乎是奇怪的,没有一个简单的原生解决方案,不是吗? 现在我得到了一个非常好的原生解决方案。 这里是演示,如果你只是想要一个工作的
2020-12-02
使用GPU.js改善JavaScript性能 使用GPU.js改善JavaScript性能
你是否曾经尝试过运行复杂的计算,却发现它需要花费很长时间,并且拖慢了你的进程? 有很多方法可以解决这个问题,例如使用 web worker 或后台线程。GPU 减轻了 CPU 的处理负荷,给了 CPU 更多的空间来处理其他进程。同时,we
2020-11-30
Fetch API速查表:9个最常见的API请求 Fetch API速查表:9个最常见的API请求
在本文中,我将列出 9 个最常见的 Fetch API 请求,在你忘记 API 的时候可以翻出来查看。
2020-11-24
什么是AVIF?如何在你的网站上使用AV1图像格式的图像 什么是AVIF?如何在你的网站上使用AV1图像格式的图像
谈谈它的功能和好处,以及为什么你应该开始使用 AVIF。我还将向你展示在你的网站上包含 AVIF 图像的安全方法。
2020-11-22
使用CSS ::marker的自定义项目符号 使用CSS ::marker的自定义项目符号
现在,在使用 <ul> 或 <ol> 时自定义数字或项目符号的颜色,大小或类型很简单。 感谢 CSS ::marker,我们可以更改内容以及项目符号和数字的某些样式。 浏览器兼容性当 Chromium 86 发布
2020-11-22
Fetch还是Axios——哪个更适合HTTP请求? Fetch还是Axios——哪个更适合HTTP请求?
在本文中,我想比较这两种方法,并简要介绍一下基本知识和语法。除此之外,我还将比较在两种情况下以及在错误处理中将数据转换为 JSON 格式的过程。我还将讨论 HTTP 拦截和下载进度。
2020-11-19
CSS3贝塞尔曲线实战:创建链接悬停动画效果 CSS3贝塞尔曲线实战:创建链接悬停动画效果
我们将使用 CSS3 动画过渡来创建简单但引人入胜的链接悬停效果,将鼠标悬停在链接上时,会弹出一个小弹出框。 我们还将看一下CSS3 Cubic-Bezier(贝塞尔)曲线,它是 CSS 过渡,为弹出框提供了更加流畅的运动,而不是僵化的机械
2020-11-19
1 / 6