狂奔滴小马_社区达人页

2022年08月

• 08.03 14:23:40
  发表了文章 2022-08-03 14:23:40

  【实战】Next.js + 云函数开发一个面试刷题网站

  前段时间开发了一个面试刷题小程序——面试狗，主要使用了 uniapp + unicloud 云开发实现，今天我们来开发一个与之对应的 PC 版面试刷题网站。

  

2022年06月

• 06.20 13:06:50
  发表了文章 2022-06-20 13:06:50

  React 必学SSR框架——next.js

  ​ 首先我们就回顾一下，我们到底是怎么告别了使用 php/jsp 做服务器端渲染，进入前后端分离的客户端渲染时代，又为什么重新回到了服务端渲染。

  
• 06.20 13:06:47
  发表了文章 2022-06-20 13:06:47

  【译】适用于Node.js和TypeScript的完整ORM —— Prisma

  Prisma是 Node.js 和 TypeScript 的下一代 ORM。经过两年多的开发，我们很高兴分享所有 Prisma 工具已准备好投入生产！

  
• 06.20 13:06:45
  发表了文章 2022-06-20 13:06:45

  【译】你真的应该使用useMemo吗? 让我们一起来看看

  - 当处理量很大时，应该使用 useMemo - 从什么时候 useMemo 变得有用以避免额外处理，阈值在很大程度上取决于您的应用程序 - 数据在处理非常低的情况下使用 useMemo

  
• 06.20 13:06:44
  发表了文章 2022-06-20 13:06:44

  使用 CSS variables 和Tailwind css实现主题换肤

  最近在网上看到 Tailwind Labs的实现的[换肤视频]，决定使用 Tailwind css 实现博客列表主题换肤。

  
• 06.20 13:06:43
  发表了文章 2022-06-20 13:06:43

  使用 NextJS 和 TailwindCSS 重构我的博客

  这是笔者第三次重构博客应用。本文主要是笔者记录重构博客所用的知识和记录，希望以后每周或者每两周能够有一篇文章，记录和总结知识。

  
• 06.20 13:06:42
  发表了文章 2022-06-20 13:06:42

  使用 PostCSS 插件让你的网站支持暗黑模式

  最近公司需要给多个 webapp（大概20+）加上多皮肤的功能，原先默认是白色皮肤，我们先从暗黑模式入手，从而逐渐实现多皮肤功能。本篇记录下实现思路。

  
• 06.20 13:06:40
  发表了文章 2022-06-20 13:06:40

  用 NodeJS 开发一版在线流程图网站

  体验：http://cp.maqib.cn/ 对于程序员来说，每天除了写代码，接触较多的可能是各种图表了，诸如流程图、原型图、拓扑图、UML 图以及思维导图等等，我们较为熟悉的是 ProcessOn了

  
• 06.20 13:06:39
  发表了文章 2022-06-20 13:06:39

  一起来写 VS Code 插件:为你的团队提供常用代码片段

  VS Code 是前端开发者最佳的开发工具，你在开发中是否疲倦了从一个文件拷贝来新建一个文件呢？那么如何发布一个 VS Code 插件？

  
• 06.20 13:06:38
  发表了文章 2022-06-20 13:06:38

  一起来写 VS Code 插件：实现一个翻译插件

  「这是我参与11月更文挑战的第3天，活动详情查看：2021最后一次更文挑战」。本文将通过实现一个翻译插件实例的方式来熟悉 VS Code 插件

  
• 06.20 13:06:36
  发表了文章 2022-06-20 13:06:36

  一起来写 VS Code 插件：VS Code 版 CNode 已上线

  CNode 社区为国内最专业的 Node.js 开源技术社区，致力于 Node.js 的技术研究。本篇将通过实现 VS Code 版 CNode， 来带领大家一起熟悉 VSCode Webview。

  
• 06.20 13:06:35
  发表了文章 2022-06-20 13:06:35

  使用 React 和 NodeJS 创建一个全栈项目

  在本文中，我将使用 React 和 NodeJS 创建一个全栈项目。介绍下如何让 Node.js 作为 web 服务器来加载静态资源，如何让 React 程序可以直接调用 Node API。

  
• 06.20 13:06:33
  发表了文章 2022-06-20 13:06:33

  如何白嫖一个动态网站

  我们知道，想要搭建一个网站往往需要一下几个步骤： 域名注册 服务器购买、 数据库购买或部署、网站设计、 网站开发、网站备案 网站上线、本文将介绍如何用最小的成本和最短时间开发部署一个动态网站。

  
• 06.20 13:06:32
  发表了文章 2022-06-20 13:06:32

  如何测试驱动开发 React 组件？

  「这是我参与11月更文挑战的第7天，活动详情查看：2021最后一次更文挑战」。 什么是TDD（Test-driven development），就是测试驱动开发，是敏捷开发中的一项核心实践和技和技术。

  
• 06.20 13:06:31
  发表了文章 2022-06-20 13:06:31

  9 年小厂老前端的年终总结

  时光飞逝，岁月如梭，转眼来到 2021 年底，这一年少了些理性，多了点感性，少了些自由，多了一份责任，这一年视乎没做什么事情，但又过得非常充实，最欣慰的是回家有个人等待着我的拥抱，最快乐的是...

  
• 06.20 13:06:29
  发表了文章 2022-06-20 13:06:29

  [TDD] 如何测试 React 异步组件？

  前言 本文承接上文 如何测试驱动开发 React 组件？，这次我将继续使用 @testing-library/react 来测试我们的 React 应用，并简要简要说明如何测试异步组件。

  
• 06.20 13:06:25
  发表了文章 2022-06-20 13:06:25

  盘点掘金 2021 高赞 Vue 文章

  vue 接口封装、vue 面试题、vue 源码解读、vue 组件通信、vue性能优化技巧、vue 工程搭建。
• 06.20 13:06:24
  发表了文章 2022-06-20 13:06:24

  如何盘点出掘金的年度高赞文章？

  我的新年 Flag ，就是掘金等级到达 V4，而对于绝大多数读者来说，新年 Flag 中是否有“学习”这一项呢，对于我来说，我也是，于是就有萌生一个想法，我想统计出掘金的年度高赞文章。

  
• 06.20 13:06:22
  发表了文章 2022-06-20 13:06:22

  TailwindCSS 资源推荐

  TailwindCSS 发布了 3.0， 功能也越来越好用，那么是否有与之相关的组件库呢 ？本文是我将推荐我个人认为比较好用的资源。

  
• 06.20 13:06:21
  发表了文章 2022-06-20 13:06:21

  使用 esbuild 来打包一个 React 库

  esbuild 是一个非常快的 Javascript 打包工具，本文结合 react 对 esbuid 这个打包工具进行了简单使用。

  
• 06.20 13:06:20
  发表了文章 2022-06-20 13:06:20

  盘点那些好玩有趣的 VSCODE 插件

  “工欲善其事，必先利其器！” vscode 作为前端开发的重要工具，其插件能大幅提升战斗力，精心收集12+插件，总有几款你还未曾拥有。

  
• 06.20 13:06:18
  发表了文章 2022-06-20 13:06:18

  React 新的文档用到了哪些技术？

  前言 https://beta.reactjs.org React 的新的文档已经 完成了 70 % 并且呼吁社区进行翻译工作。 新的文档采用了全新的架构 next.js + Tailwind CSS

  
• 06.20 13:06:17
  发表了文章 2022-06-20 13:06:17

  使用 React-DnD 打造简易低代码平台

  前言 2016年起，低代码概念开始在国内兴起，当年该行业总共有 10 起融资事件，之后低代码行业融资笔数整体呈上升趋势，并在2020年增长至14起，其中亿元以上融资有13起。

  
• 06.20 13:06:16
  发表了文章 2022-06-20 13:06:16

  如何测试 React 路由 ？

  本文承接上文 如何测试 React 异步组件？，这次我将继续使用 @testing-library/react 来测试我们的 React 应用，并简要简要说明如何测试路由系统。
• 06.20 13:06:14
  发表了文章 2022-06-20 13:06:14

  年会没中奖，老板买了一个抽奖程序

  老板买了一个抽奖程序，我使用 react 来实现一版与公司年会一模一样的功能，并且还可以设置内定名额。

  
• 06.20 13:06:13
  发表了文章 2022-06-20 13:06:13

  初步尝试 tauri，并且与 electron.js 对比

  Tauri 是一个为所有主流桌面平台构建小型、快速二进制文件的框架。开发人员可以集成任何编译成 HTML、 JS 和 CSS 的前端框架来构建他们的用户界面。

  
• 06.20 13:06:12
  发表了文章 2022-06-20 13:06:12

  这个油猴脚本也许对你微信排版有帮助

  这是一个看脸的时代，颜值很重要，运营公众号做内容也是如此。除了要让内容本身有料、有用、有趣之外，我们还要给用户提供一个高颜值的排版。那么，如何排版出一个好看微信文章呢？

  
• 06.20 13:06:11
  发表了文章 2022-06-20 13:06:11

  [油猴脚本]文章拷贝助手，文章一键拷贝到微信公众平台

  为什么要写这个脚本 最近开了个前端公众号，需要推送一些优质的文章，但由于时间的关系，原创内容太少，常规的做法是转载一些优秀的文章到自己的公众号。

  
• 06.20 13:06:10
  发表了文章 2022-06-20 13:06:10

  使用 React hooks 监听系统的暗黑模式

  现在大部分网站也加入了暗黑模式，包括 Tailwindcss、antd design 等都支持了暗黑模式，因此我们的网站也要适配系统皮肤。

  
• 06.20 13:06:08
  发表了文章 2022-06-20 13:06:08

  情人节，让百度首页帮你告白

  转眼又是到了2月14日，今天不单单是情人节，我做了一个JS相册，并嵌入大屏了百度首页中，偷偷给对象装个油猴脚本，百度都会帮你告白。

  
• 06.20 13:06:07
  发表了文章 2022-06-20 13:06:07

  免费部署一个“土味情话”生成网站

  首先在“知乎” “微信” 等平台搜索“土味情话”，然后利用抓包工具将一些回答都保存到一个 JSON 中。然后利用随机数就可以随机生成了。
• 06.20 13:06:05
  发表了文章 2022-06-20 13:06:05

  一个 create-react-app v5 的问题

  前两天我准备用 create-react-app 创建一个新项目，然后遇到了一个问题，涉及到 npx
• 06.20 13:06:04
  发表了文章 2022-06-20 13:06:04

  使用 react-pdf 打造在线简历生成器

  React PDF 是一个使用 React 创建 PDF 文件的工具，支持在浏览器、移动设备和服务器上创建PDF文件。

  
• 06.20 13:06:03
  发表了文章 2022-06-20 13:06:03

  Remix 对比 Next.js ：一文深度解析

  在本文中，我将对比 Next.js 和 Remix 的一些重要特性，来帮助您选择最佳的React 服务端渲染框架。
• 06.20 13:06:02
  发表了文章 2022-06-20 13:06:02

  HTML 转 Markdown 如此简单

  本文推荐 HTML 转为 markdown 的工具和实现方式，并找到了一个快捷技巧，收藏等于学会。

  
• 06.20 13:06:00
  发表了文章 2022-06-20 13:06:00

  MDX 让 Markdown 步入组件时代

  MDX 是一种书写格式，允许你在 Markdown 文档中无缝地插入 JSX 代码。 你还可以导入（import）组件，例如交互式图表或弹框，并将它们嵌入到内容当中。

  
• 06.20 13:05:59
  发表了文章 2022-06-20 13:05:59

  使用免费插画资源网站设计公众号首图

  我们前端工程师也可以做设计了，日常我需要为博客首图设计和公众号设计首图，下面分享下我的设计方法和技巧。

  
• 06.20 13:05:58
  发表了文章 2022-06-20 13:05:58

  前端包管理 pnpm 学习资料整理

  上周 pnpm 发布 6.32，支持 `onlyBuiltDependencies`，它是一个功能全面，性能优越的包管理器，快来体验 pnpm 吧。
• 06.20 13:05:57
  发表了文章 2022-06-20 13:05:57

  文本转语音如此简单

  这两天在研究文本转音的功能，有时候担心自己的普通话不标准，比方说要录制一个视频，即兴讲可能会卡壳，这个时候我们就可以先准备好文本，然后再利用人工智能来生成音频，下面就分享下我的研究成果吧！

  
• 06.20 13:05:55
  发表了文章 2022-06-20 13:05:55

  如何使用 react 和 three.js 在网站渲染自己的3D模型

  在本文中，我将介绍如何在 react 项目中使用 react-three-fiber 创建的一个3D 软件程序，配置3D 参数(如Blender或Maya)

  
• 06.20 13:05:54
  发表了文章 2022-06-20 13:05:54

  如何升级到 React 18发布候选版

  上周 react 官网 发布了react@rc 版本，该版本是候选版本(Release Candidate)，这意味API已经基本稳定，跟最终版本不会有太大差别。
• 06.20 13:05:52
  发表了文章 2022-06-20 13:05:52

  我用 nodejs 爬了一万多张小姐姐壁纸

  本文主要讲述如何使用 nodejs 爬虫，以及如何用nodejs 下载图片。为什么要下载这么多图片呢？ 前几天使用 uni-app + uniCloud 免费部署了一个壁纸小程序。

  
• 06.20 13:05:51
  发表了文章 2022-06-20 13:05:51

  [MDX Editor] 微信排版工具新选择

  我写了一个微信排版编辑器，使用 MDX，可自定义组件、样式、生成二维码、代码 diff 高亮，可导出 markdown 和 PDF。

  
• 06.20 13:05:50
  发表了文章 2022-06-20 13:05:50

  使用 phaser3 从零实现一个战疫小游戏

  在本文中，我将从零开发一个 H5 游戏，主要使用 phaser3 来制作的游戏。结合当下疫情的严峻形式，我也将一些元素融入到这款游戏中，同时希望疫情早日结束，早点摘下口罩，可以看到彼此脸上洋溢的笑容

  
• 06.20 13:05:48
  发表了文章 2022-06-20 13:05:48

  玻璃拟态是什么？前端该如何实现

  你好，玻璃拟态 玻璃拟态是目前市面上的新风格，越来越受欢迎。 最重要的是使用 ` backdrop-filter: blur(6px);`给元素后面区域添加模糊效果。

  
• 06.20 13:05:47
  发表了文章 2022-06-20 13:05:47

  SVG + 动画 实现一个有个性的404页面

  我正在参加 码上掘金体验活动，详情：[show出你的创意代码块]，我们的博客网站有时候 404页面比较普通，我们可以通过SVG 加动画来实现一个有个性的页面。

  
• 06.20 13:05:46
  发表了文章 2022-06-20 13:05:46

  使用 Prism.js 对代码进行语法高亮

  通常我们在开发博客网站或者技术社区（类似掘金）这类网站的时候，就会有需求“对代码进行语法高亮”，本文主要记录笔者在开发的时候遇到的问题以及解决方案。