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