前端全栈开发者

9

使用Web Crypto API的端到端加密聊天

杜尼卜 1月7日发布
5 收藏

通过阅读本教程，您将了解如何仅使用JavaScript和Web Crypto API(一种本地浏览器API)在Web应用程序中对数据进行端到端加密。

15

仅使用CSS就可以提高页面渲染速度的4个技巧

杜尼卜 1月4日发布
13 收藏

用户喜欢快速的网络应用，他们希望页面加载速度快，功能流畅。如果在滚动时有破损的动画或滞后，用户很有可能会离开你的网站。作为一名开发者，你可以做很多事情来改善用户体验。本文将重点介绍4个可以用来提高页...

6

2021年管理Monorepo代码库的11种出色工具

杜尼卜 2020-12-28 发布
5 收藏

如今，许多工具可以在20个不同的文件夹中运行“npm install”和“npm run build”。但是，并不是所有的工具都能促进正确的monorepo。

5

实战：如何在React应用中实现“使用GitHub登录”

杜尼卜 2020-12-22 发布
4 收藏

我遇到一个场景，该场景需要使用Create-React-App在React 应用中实现“使用Github登录”功能。虽然这听起来很简单，但在尝试做这件事时，你可能会遇到一些麻烦。因此，本文的目的是提供一个指南，帮助你在你的应用...

4

自动增长Textareas的最干净技巧

杜尼卜 2020-12-21 发布
3 收藏

想法是使 <textarea> 更像 <div>，因此它的高度可以扩展以包含当前值。这几乎是奇怪的，没有一个简单的原生解决方案，不是吗？

2

Vite使Vue CLI过时了吗？

杜尼卜 2020-12-21 发布
1 收藏

Vue生态系统中有一个名为Vite的新构建工具，它的开发服务器比Vue CLI快10-100倍。这是否意味着Vue CLI已经过时了?在本文中，我将比较这两种构建工具，并说明它们的优缺点，以便你可以决定哪一种适合你的下一个项...

11

MongoDB + Mongoose与Node.js结合使用的后端开发的最佳实践

杜尼卜 2020-12-18 发布
8 收藏

MongoDB无疑是当今最受欢迎的NoSQL数据库选择之一，它有一个很棒的社区和生态系统。在本文中，我们将介绍在使用Node.js设置MongoDB和Mongoose时应遵循的一些最佳实践。1.为什么需要Mongoose？为了理解我们为什么...

1

Chrome DevTools：使用CSS概述面板重构和改善样式表

杜尼卜 2020-12-16 发布
1 收藏

CSS概览面板（CSS Overview Panel）提供了关于你的CSS的有趣信息。你可以查看高级别的CSS指标，这些指标在重构时特别有用。

7

使用GPU.js改善JavaScript性能

杜尼卜 2020-12-14 发布
7 收藏

有很多方法可以解决这个问题，例如使用web worker或后台线程。GPU减轻了CPU的处理负荷，给了CPU更多的空间来处理其他进程。同时，web worker仍然运行在CPU上，但是运行在不同的线程上。

2

开源推荐|JSONsite：使用JSON文件创建SPA页面

杜尼卜 2020-12-13 发布
2 收藏

做一个fork，添加你的URL，然后咣当一声，一个好看的网站就用JSON文件做出来了。而且所有的网站都是由Vercel托管的，他们有惊人的正常运行时间和CDN。

23

开源推荐|推荐10个复古CSS套件

杜尼卜 2020-12-11 发布
16 收藏

是否想发现可在下一个项目中使用的非典型CSS设计？下面是我最喜欢的一些。NES.cssNES-style（8bit-like）的CSS框架，非常适合您的复古浏览器游戏。RPG UIWeb中用于老式RPG GUI的轻量级纯CSS框架；包括按钮，复选...

7

API怎么选？比较SOAP、REST、GraphQL和RPC

杜尼卜 2020-12-08 发布
2 收藏

我们知道，两个单独的应用程序需要中介程序才能相互通信。因此，开发人员通常会搭建桥梁（应用程序编程接口），以允许一个系统访问另一个系统的信息或功能。

8

Fetch API速查表：9个最常见的API请求

杜尼卜 2020-12-03 发布
3 收藏

如今，我们被所有提供漂亮的SDK的服务宠坏了，这些SDK将实际的API请求抽象化，我们只需要使用典型的语言结构来请求数据，而不关心实际的数据交换。

5

小技巧|在React中防范XSS攻击

杜尼卜 2020-12-02 发布
4 收藏

跨站点脚本（XSS）攻击是一种将恶意代码注入网页然后执行的攻击。这是前端Web开发人员必须应对的最常见的网络攻击形式之一，因此了解攻击的工作原理和防范方法非常重要。

2

初学者的技术写作：技术博客基础知识A-Z指南

杜尼卜 2020-12-01 发布
1 收藏

如果你喜欢通过教导他人来学习，为开源项目做出贡献，并教导他人如何做到这一点，或者基本上喜欢通过你的写作以简单的方式解释复杂的概念，技术写作也可能适合你。

3

create-react-app 4.0.0的新功能

杜尼卜 2020-12-01 发布
2 收藏

Create React App是创建单页React应用（SPA）的推荐方式。它是React官方支持的，它提供了一个现代化的构建设置，无需配置。

1

什么是AVIF？如何在你的网站上使用AV1格式图像

杜尼卜 2020-11-30 发布
1 收藏

AV1图像格式或AVIF是地球上最新的图像编解码器。AVIF是一种优化的图像格式，旨在使我们的图像更小，同时保持相同的质量（无损），AVIF的文件扩展名是 .avif。

17

Fetch还是Axios——哪个更适合HTTP请求？

杜尼卜 2020-11-27 发布
13 收藏

几年前，大多数应用程序都使用Ajax发送HTTP请求，Ajax代表异步Javascript和XML。但是现在，开发人员通常会决定在 .fetch() API和Axios之间进行选择。

23

实战|使用CSS3 Cubic-Bezier创建动画链接悬停效果

杜尼卜 2020-11-26 发布
15 收藏

我们将使用CSS3动画过渡来创建简单但引人入胜的链接悬停效果，将鼠标悬停在链接上时，会弹出一个小弹出框。我们还将看一下CSS3 Cubic-Bezier（贝塞尔）曲线，它是CSS过渡，为弹出框提供了更加流畅的运动，而不是...

14

使用CSS计数器花式玩转列表编号

杜尼卜 2020-11-26 发布
11 收藏

如果你需要对数字的外观进行更多的控制，你可能会认为你需要通过HTML或JavaScript在DOM中添加更多的元素，并对其进行样式化。幸运的是，CSS计数器为你省去了很多麻烦。