勋章
我关注的人
粉丝
技术能力
- 前端开发
-
数据库
初级
能力说明：
具备数据库基础知识，了解数据库的分类，具备安装MySQL数据库的能力，掌握MySQL数据类型知识，基本了解常用SQL语句，对阿里云数据库产品有基本认知。
暂时未有相关云产品技术能力~
前端公众号 | JS酷
-
发表了文章 2022-08-03
【实战】Next.js + 云函数开发一个面试刷题网站
前段时间开发了一个面试刷题小程序——面试狗，主要使用了 uniapp + unicloud 云开发实现，今天我们来开发一个与之对应的 PC 版面试刷题网站。
-
发表了文章 2022-06-20
React 必学SSR框架——next.js
首先我们就回顾一下，我们到底是怎么告别了使用 php/jsp 做服务器端渲染，进入前后端分离的客户端渲染时代，又为什么重新回到了服务端渲染。
-
发表了文章 2022-06-20
【译】适用于Node.js和TypeScript的完整ORM —— Prisma
Prisma是 Node.js 和 TypeScript 的下一代 ORM。经过两年多的开发，我们很高兴分享所有 Prisma 工具已准备好投入生产！
-
发表了文章 2022-06-20
【译】你真的应该使用useMemo吗? 让我们一起来看看
- 当处理量很大时，应该使用 useMemo - 从什么时候 useMemo 变得有用以避免额外处理，阈值在很大程度上取决于您的应用程序 - 数据在处理非常低的情况下使用 useMemo
-
发表了文章 2022-06-20
使用 CSS variables 和Tailwind css实现主题换肤
最近在网上看到 Tailwind Labs的实现的[换肤视频]，决定使用 Tailwind css 实现博客列表主题换肤。
-
发表了文章 2022-06-20
使用 NextJS 和 TailwindCSS 重构我的博客
这是笔者第三次重构博客应用。本文主要是笔者记录重构博客所用的知识和记录，希望以后每周或者每两周能够有一篇文章，记录和总结知识。
-
发表了文章 2022-06-20
使用 PostCSS 插件让你的网站支持暗黑模式
最近公司需要给多个 webapp（大概20+）加上多皮肤的功能，原先默认是白色皮肤，我们先从暗黑模式入手，从而逐渐实现多皮肤功能。本篇记录下实现思路。
-
发表了文章 2022-06-20
用 NodeJS 开发一版在线流程图网站
体验：http://cp.maqib.cn/ 对于程序员来说，每天除了写代码，接触较多的可能是各种图表了，诸如流程图、原型图、拓扑图、UML 图以及思维导图等等，我们较为熟悉的是 ProcessOn了
-
发表了文章 2022-06-20
一起来写 VS Code 插件:为你的团队提供常用代码片段
VS Code 是前端开发者最佳的开发工具，你在开发中是否疲倦了从一个文件拷贝来新建一个文件呢？那么如何发布一个 VS Code 插件？
-
发表了文章 2022-06-20
一起来写 VS Code 插件：实现一个翻译插件
「这是我参与11月更文挑战的第3天，活动详情查看：2021最后一次更文挑战」。本文将通过实现一个翻译插件实例的方式来熟悉 VS Code 插件
-
发表了文章 2022-06-20
一起来写 VS Code 插件：VS Code 版 CNode 已上线
CNode 社区为国内最专业的 Node.js 开源技术社区，致力于 Node.js 的技术研究。本篇将通过实现 VS Code 版 CNode， 来带领大家一起熟悉 VSCode Webview。
-
发表了文章 2022-06-20
使用 React 和 NodeJS 创建一个全栈项目
在本文中，我将使用 React 和 NodeJS 创建一个全栈项目。介绍下如何让 Node.js 作为 web 服务器来加载静态资源，如何让 React 程序可以直接调用 Node API。
-
发表了文章 2022-06-20
如何白嫖一个动态网站
我们知道，想要搭建一个网站往往需要一下几个步骤： 域名注册 服务器购买、 数据库购买或部署、网站设计、 网站开发、网站备案 网站上线、本文将介绍如何用最小的成本和最短时间开发部署一个动态网站。
-
发表了文章 2022-06-20
如何测试驱动开发 React 组件？
「这是我参与11月更文挑战的第7天，活动详情查看：2021最后一次更文挑战」。 什么是TDD（Test-driven development），就是测试驱动开发，是敏捷开发中的一项核心实践和技和技术。
-
发表了文章 2022-06-20
9 年小厂老前端的年终总结
时光飞逝，岁月如梭，转眼来到 2021 年底，这一年少了些理性，多了点感性，少了些自由，多了一份责任，这一年视乎没做什么事情，但又过得非常充实，最欣慰的是回家有个人等待着我的拥抱，最快乐的是...
-
发表了文章 2022-06-20
[TDD] 如何测试 React 异步组件？
前言 本文承接上文 如何测试驱动开发 React 组件？，这次我将继续使用 @testing-library/react 来测试我们的 React 应用，并简要简要说明如何测试异步组件。
-
发表了文章 2022-06-20
盘点掘金 2021 高赞 Vue 文章
vue 接口封装、vue 面试题、vue 源码解读、vue 组件通信、vue性能优化技巧、vue 工程搭建。
-
发表了文章 2022-06-20
如何盘点出掘金的年度高赞文章？
我的新年 Flag ，就是掘金等级到达 V4，而对于绝大多数读者来说，新年 Flag 中是否有“学习”这一项呢，对于我来说，我也是，于是就有萌生一个想法，我想统计出掘金的年度高赞文章。
-
发表了文章 2022-06-20
TailwindCSS 资源推荐
TailwindCSS 发布了 3.0， 功能也越来越好用，那么是否有与之相关的组件库呢 ？本文是我将推荐我个人认为比较好用的资源。
-
发表了文章 2022-06-20
使用 esbuild 来打包一个 React 库
esbuild 是一个非常快的 Javascript 打包工具，本文结合 react 对 esbuid 这个打包工具进行了简单使用。
-
发表了文章 2022-06-20
盘点那些好玩有趣的 VSCODE 插件
“工欲善其事，必先利其器！” vscode 作为前端开发的重要工具，其插件能大幅提升战斗力，精心收集12+插件，总有几款你还未曾拥有。
-
发表了文章 2022-06-20
React 新的文档用到了哪些技术？
前言 https://beta.reactjs.org React 的新的文档已经 完成了 70 % 并且呼吁社区进行翻译工作。 新的文档采用了全新的架构 next.js + Tailwind CSS
-
发表了文章 2022-06-20
使用 React-DnD 打造简易低代码平台
前言 2016年起，低代码概念开始在国内兴起，当年该行业总共有 10 起融资事件，之后低代码行业融资笔数整体呈上升趋势，并在2020年增长至14起，其中亿元以上融资有13起。
-
发表了文章 2022-06-20
如何测试 React 路由 ？
本文承接上文 如何测试 React 异步组件？，这次我将继续使用 @testing-library/react 来测试我们的 React 应用，并简要简要说明如何测试路由系统。
-
发表了文章 2022-06-20
年会没中奖，老板买了一个抽奖程序
老板买了一个抽奖程序，我使用 react 来实现一版与公司年会一模一样的功能，并且还可以设置内定名额。
-
发表了文章 2022-06-20
初步尝试 tauri，并且与 electron.js 对比
Tauri 是一个为所有主流桌面平台构建小型、快速二进制文件的框架。开发人员可以集成任何编译成 HTML、 JS 和 CSS 的前端框架来构建他们的用户界面。
-
发表了文章 2022-06-20
这个油猴脚本也许对你微信排版有帮助
这是一个看脸的时代，颜值很重要，运营公众号做内容也是如此。除了要让内容本身有料、有用、有趣之外，我们还要给用户提供一个高颜值的排版。那么，如何排版出一个好看微信文章呢？
-
发表了文章 2022-06-20
[油猴脚本]文章拷贝助手，文章一键拷贝到微信公众平台
为什么要写这个脚本 最近开了个前端公众号，需要推送一些优质的文章，但由于时间的关系，原创内容太少，常规的做法是转载一些优秀的文章到自己的公众号。
-
发表了文章 2022-06-20
使用 React hooks 监听系统的暗黑模式
现在大部分网站也加入了暗黑模式，包括 Tailwindcss、antd design 等都支持了暗黑模式，因此我们的网站也要适配系统皮肤。
-
发表了文章 2022-06-20
情人节，让百度首页帮你告白
转眼又是到了2月14日，今天不单单是情人节，我做了一个JS相册，并嵌入大屏了百度首页中，偷偷给对象装个油猴脚本，百度都会帮你告白。
-
发表了文章 2022-06-20
免费部署一个“土味情话”生成网站
首先在“知乎” “微信” 等平台搜索“土味情话”，然后利用抓包工具将一些回答都保存到一个 JSON 中。然后利用随机数就可以随机生成了。
-
发表了文章 2022-06-20
一个 create-react-app v5 的问题
前两天我准备用 create-react-app 创建一个新项目，然后遇到了一个问题，涉及到 npx
-
发表了文章 2022-06-20
使用 react-pdf 打造在线简历生成器
React PDF 是一个使用 React 创建 PDF 文件的工具，支持在浏览器、移动设备和服务器上创建PDF文件。
-
发表了文章 2022-06-20
Remix 对比 Next.js ：一文深度解析
在本文中，我将对比 Next.js 和 Remix 的一些重要特性，来帮助您选择最佳的React 服务端渲染框架。
-
发表了文章 2022-06-20
HTML 转 Markdown 如此简单
本文推荐 HTML 转为 markdown 的工具和实现方式，并找到了一个快捷技巧，收藏等于学会。
-
发表了文章 2022-06-20
MDX 让 Markdown 步入组件时代
MDX 是一种书写格式，允许你在 Markdown 文档中无缝地插入 JSX 代码。 你还可以导入（import）组件，例如交互式图表或弹框，并将它们嵌入到内容当中。
-
发表了文章 2022-06-20
使用免费插画资源网站设计公众号首图
我们前端工程师也可以做设计了，日常我需要为博客首图设计和公众号设计首图，下面分享下我的设计方法和技巧。
-
发表了文章 2022-06-20
前端包管理 pnpm 学习资料整理
上周 pnpm 发布 6.32，支持 `onlyBuiltDependencies`，它是一个功能全面，性能优越的包管理器，快来体验 pnpm 吧。
-
发表了文章 2022-06-20
文本转语音如此简单
这两天在研究文本转音的功能，有时候担心自己的普通话不标准，比方说要录制一个视频，即兴讲可能会卡壳，这个时候我们就可以先准备好文本，然后再利用人工智能来生成音频，下面就分享下我的研究成果吧！
-
发表了文章 2022-06-20
如何使用 react 和 three.js 在网站渲染自己的3D模型
在本文中，我将介绍如何在 react 项目中使用 react-three-fiber 创建的一个3D 软件程序，配置3D 参数(如Blender或Maya)
-
发表了文章 2022-06-20
如何升级到 React 18发布候选版
上周 react 官网 发布了react@rc 版本，该版本是候选版本(Release Candidate)，这意味API已经基本稳定，跟最终版本不会有太大差别。
-
发表了文章 2022-06-20
我用 nodejs 爬了一万多张小姐姐壁纸
本文主要讲述如何使用 nodejs 爬虫，以及如何用nodejs 下载图片。为什么要下载这么多图片呢？ 前几天使用 uni-app + uniCloud 免费部署了一个壁纸小程序。
-
发表了文章 2022-06-20
[MDX Editor] 微信排版工具新选择
我写了一个微信排版编辑器，使用 MDX，可自定义组件、样式、生成二维码、代码 diff 高亮，可导出 markdown 和 PDF。
-
发表了文章 2022-06-20
使用 phaser3 从零实现一个战疫小游戏
在本文中，我将从零开发一个 H5 游戏，主要使用 phaser3 来制作的游戏。结合当下疫情的严峻形式，我也将一些元素融入到这款游戏中，同时希望疫情早日结束，早点摘下口罩，可以看到彼此脸上洋溢的笑容
-
发表了文章 2022-06-20
玻璃拟态是什么？前端该如何实现
你好，玻璃拟态 玻璃拟态是目前市面上的新风格，越来越受欢迎。 最重要的是使用 ` backdrop-filter: blur(6px);`给元素后面区域添加模糊效果。
-
发表了文章 2022-06-20
SVG + 动画 实现一个有个性的404页面
我正在参加 码上掘金体验活动，详情：[show出你的创意代码块]，我们的博客网站有时候 404页面比较普通，我们可以通过SVG 加动画来实现一个有个性的页面。
-
发表了文章 2022-06-20
使用 Prism.js 对代码进行语法高亮
通常我们在开发博客网站或者技术社区（类似掘金）这类网站的时候，就会有需求“对代码进行语法高亮”，本文主要记录笔者在开发的时候遇到的问题以及解决方案。
-
发表了文章 2022-06-20
在 Webpack 5 中开启懒编译（Lazy Compilation）
在 webpack 5 中推出了 experiments 配置，目的是为了给用户赋能去开启并试用一些实验的特性。Lazy Compilation 是只有在用户访问时才编译。
-
发表了文章 2022-06-20
实现一个 Code Pen:（一）项目初始化
前段时间掘金上线了一个新功能 Code pen，可以在线写代码，笔者对这种在线实时编辑的功能充满了好奇，所以打算开发一个简易的 Code pen。
-
发表了文章 2022-06-20
实现一个 Code Pen：（二）在 Next.js 中使用 Monaco Editor
Monaco Editor 是 VS Code 中使用的开源代码编辑器， 拥有代码高亮和代码自动补全的功能，本文介绍 Monaco Editor 的加载方式和 React 组件封装
-
发表了文章
2022-08-03
【实战】Next.js + 云函数开发一个面试刷题网站
-
发表了文章
2022-06-20
React 必学SSR框架——next.js
-
发表了文章
2022-06-20
【译】适用于Node.js和TypeScript的完整ORM —— Prisma
-
发表了文章
2022-06-20
【译】你真的应该使用useMemo吗? 让我们一起来看看
-
发表了文章
2022-06-20
使用 CSS variables 和Tailwind css实现主题换肤
-
发表了文章
2022-06-20
使用 NextJS 和 TailwindCSS 重构我的博客
-
发表了文章
2022-06-20
使用 PostCSS 插件让你的网站支持暗黑模式
-
发表了文章
2022-06-20
用 NodeJS 开发一版在线流程图网站
-
发表了文章
2022-06-20
一起来写 VS Code 插件:为你的团队提供常用代码片段
-
发表了文章
2022-06-20
一起来写 VS Code 插件：实现一个翻译插件
-
发表了文章
2022-06-20
一起来写 VS Code 插件：VS Code 版 CNode 已上线
-
发表了文章
2022-06-20
使用 React 和 NodeJS 创建一个全栈项目
-
发表了文章
2022-06-20
如何白嫖一个动态网站
-
发表了文章
2022-06-20
如何测试驱动开发 React 组件？
-
发表了文章
2022-06-20
9 年小厂老前端的年终总结
-
发表了文章
2022-06-20
[TDD] 如何测试 React 异步组件？
-
发表了文章
2022-06-20
盘点掘金 2021 高赞 Vue 文章
-
发表了文章
2022-06-20
如何盘点出掘金的年度高赞文章？
-
发表了文章
2022-06-20
TailwindCSS 资源推荐
-
发表了文章
2022-06-20
使用 esbuild 来打包一个 React 库
-
回答了问题
2020-08-21
公演｜云开发校园合伙人成团前上手项目公演，let‘s battle！
微信小程序“听读说” 基于 Taro 开发的英语视频学习小程序。 包含小程序端，PC管理后台，未来可能会支持H5。 后端原先使用小程序云开发，因为小程序云开发后台管理不方便，现在迁移到阿里云serverless。 二维码 技术栈 服务端：koa + typeorm+mysql 小程序端：Taro 管理后台：react+antd 博客地址（ps：博客也是刚刚迁移，数据库是ESC 自建。cpu占用小，访问还不稳定。）赞17 踩0 评论0 -
提交了问题
2018-11-14
node 服务启动了。安全组添加了还是无法访问