网址收藏

编程知识（博客）网站收藏

• 被删的前端游乐场

• 查看github topics,优质开源项目: https://github.com/topics/java

• CS-Notes 面试笔记 (cyc2018.xyz)

• Java工程师成神之路 (gitee.io)

• 前端进阶之旅 (poetries.top)

• Vue Guidebook

• awesome-bookmarks (里面有很多的前端开发库推荐)

• 尚硅谷 Web 前端之 Webpack5 教程文档

​ 配合视频地址 尚硅谷2022版Webpack5入门到原理_哔哩哔哩_bilibili

• vuepress主题 | vuepress-theme-hope

• 2022 最新 Web 前端开发学习路线，主要技术栈 | arry老师的博客-艾编程 (arryblog.com)

• (130条消息) 前端总结大全_star@星空的博客-CSDN博客

• JavaScript Guidebook

• React Guidebook

• (130条消息) React 全家桶_一颗不甘坠落的流星的博客-CSDN博客

• Node Guidebook

• TypeScript Guidebook

• Webpack Guidebook

• 简介 [Nodejs技术栈] (nodejs.red)

• 元动力 文档合集 (ydlclass.com)

• Java 全栈知识体系

• JavaGuide（Java学习&&面试指南） | JavaGuide(Java面试+学习指南)

• 免费编程资源大全 (code-nav.cn)

• 发现优质编程学习资源 - 编程导航 (code-nav.cn)

• 网道 - 互联网开发文档 (wangdoc.com)

• 廖雪峰的官方网站 (liaoxuefeng.com)

• 前端开发仓库 - Code for Web Developer (ciaoca.com)

• How2J

• 免费学习编程 - Python、JavaScript、Java、Git 等 (freecodecamp.org)

• 易百教程™ - 专注于IT教程和实例 ，内容挺多(yiibai.com)

• Quick Reference & Quick Reference（编程语言知识速查，很好用）

• dselegent-blog b站评论看到的一个博客，内容记录挺多

• web前端面试 - 面试官系列 (vue3js.cn)

• W3Schools 在线教程(内容挺多，也详细)

• 基础教程(nhooo.com) - 学好基础,才能走的更远！

• 第二版序 | 《Flutter实战·第二版》 (flutterchina.club)

• 2023最全高质量前端资源分享 - 掘金 (juejin.cn)

• 史上最全设计模式导学目录（完整版）_史上最全设计模式lovelion-CSDN博客

• 个人博客|沧沧凉凉的小站 (cclliang.com)

• 互联网 Java 工程师进阶知识完全扫盲 - Doocs 技术社区

• 面试题： https://www.yuque.com/cuggz/interview/hswu8g

• java进阶内容较多：弟弟快看-教程，程序员编程资料站 | DDKK.COM

• 芋道源码 —— 纯源码解析博客 (iocoder.cn)

• 首页 - 赛泰先生 - 博客天地 (altitude.xin)

• 逗比笔记 (doubibiji.com)

• WindrunnerMax (touchczy.top)

• 前端面试指南 | H5前端面试百科 (html5.wiki)

• 弟弟快看-教程，程序员编程资料站 | DDKK.COM

• 工具网站 https://juejin.cn/post/7369168265182134298#heading-23

•  [二公子 · 语雀 内容挺多的  前端，后端，网络 (yuque.com)](https://www.yuque.com/ergz)
  

软件网站聚合类网站（技术导航）

软件目录【23年11月最新】 (qq.com)

独立开发者出海技术栈和工具集合 (chuhai.tools)

https://download.csdn.net/download/weixin_44385486/86427996

css样式风格调试网站

• 毛玻璃效果 - Glass CSS
• div样式调试 Soft UI CSS shadow generator
• 内置多种交互式的样式 All elements made with CSS and HTML (uiverse.io)
• 内含多种交互动作调试 Animista - On-Demand CSS Animations Library
• 渐变色调试网站 ColorSpace - CSS Gradient Color Generator (mycolor.space)
• 100多种渐变色提供选择 Fresh Background Gradients | WebGradients.com 💎
• 渐变色的按钮 Gradient buttons (colorion.co)
• CSS Grid 布局)
• 盒子div阴影调试 Smooth Shadow (brumm.af)
• 加载的动画效果 SpinKit | Simple CSS Spinners (tobiasahlin.com)
• Illustrations | unDraw 矢量图
• cssinspirationguide - csc inspiration guide online (chokcoco.github.io)
• 磨砂风格背景生成 Claymorphism CSS Generator | SquarePlanet (hype4.academy)
• 磨砂风格背景生成 Glassmorphism CSS Generator | SquarePlanet | SquarePlanet (hype4.academy)
• CSS clip-path 生成器(多边形) Clippy — CSS clip-path 生成器 (jiangweishan.com)

工具

• （工具合集类网站）在线工具 - 你的工具箱 (tool.lu)

• 即时工具-致力打造即用即走型在线工具箱 (67tool.com)

• 在线工具_第一家纯在线免安装的工具网站【免费使用】- 工具123 (gjw123.com)

• （在线正则表达式）在线正则表达式测试 (oschina.net)

• （npm）npm (npmjs.com)

• （图片压缩）TinyPNG – Compress WebP, PNG and JPEG images intelligently

• Picdiet - 极速在线压缩80%图片体积

• PDF转Word | 免费在线PDF转Word | PDF转Word转换器 | PDF转化速度快 | 首页 (alltoall.net)

• 图片压缩，编辑：https://www.iloveimg.com/zh-cn

• iLovePDF | 为PDF爱好者提供的PDF文件在线处理工具

• docsmall - 免费在线图片压缩、GIF压缩工具、PDF压缩工具、PDF合并工具、PDF分割工具

• (百度云盘网址解析)KinhDown - 百度云盘 - 解析地址

• VIP-Share/Baidu-XunleiVIP: 百度网盘超级会员，迅雷会员、爱奇艺会员账号每日分享，还有优酷，腾讯，芒果等VIP。AND。百度网盘(百度云)不限速工具分享。 (github.com)

• 临时邮箱、10分钟邮箱、十分钟邮箱、临时邮Email - BccTo.CC (rootsh.com)

• 临时邮箱 - 收件箱 (mail.td)

• （draw.io 作图）Flowchart Maker & Online Diagram Software

• (作图)ProcessOn思维导图、流程图-思维导图模板_思维导图软件免费下载_在线作图协作工具

• （系统镜像下载）TechBench by WZT (v4.1.1) (rg-adguard.net)

• E次元 – 二次元壁纸网站 (evacg.cc)

• （浏览器插件 油猴）Greasy Fork - 安全、实用的用户脚本大全

• 简视频-致力打造好用的视频创作导航 (aewz.com)

• 首页 - 孟坤工具箱网页版 (mkblog.cn)

• PearOCR，在线图片转文字，免费OCR，在线图片文字提取，本地运算，无上传

• （人声分离网站）LALAL.AI:100%AI供电的人声和器乐曲目清除器

• 文件格式转换器

• （上传图片，图像擦除，效果不错）)

• （网址加密成ooooooo...）ooooooooooooooooooooooo.ooo | URL Lengthner

• 18＋成人必须收藏的60个网站，吐血整理！ (qq.com)

软件、网站收藏

• Miru

• 益达：开源跨平台看图片、视频、RSS、小说神器 – APP喵-软件猫：阿喵软件阿喵分享 (appmiu.com)

• APP喵-软件猫：阿喵软件阿喵分享 – 软件猫：优质APP软件资源分享下载站 (appmiu.com)

• https://www.exception.site/ 破解编程软件，激活码

开源项目（技术类）

• 支持多种文件(docx、excel、pdf)预览的vue组件库，支持vue2/3。 https://github.com/501351981/vue-office

• 拖拽 vue-draggable-plus | vue-draggable-plus (alfred-skyblue.github.io)

• Vue Fabric Editor https://nihaojob.github.io/editorDoc/ https://github.com/nihaojob/vue-fabric-editor

  快速构建图形编辑器

低代码

guiplan低代码开发平台

进阶知识

0.1 关于本书 - Hello 算法 (hello-algo.com)

文章收藏

前端相关

前端框架语法特性对比，可用于对比学习：JavaScript框架语法特性对比 (jason-liang.com)

写给5年前端妹子的三万字脚手架教程 - 掘金 (juejin.cn)

前端传参如果参数过多你还会拼接在URL上嘛？ - 掘金 (juejin.cn)

小白知识点学习+实战]大厂布局！-瀑布流+实战案例 - 掘金 (juejin.cn)

常见文件下载与上传方式整理 - 掘金 (juejin.cn)

大文件切片上传续传秒传

这些天，我们前端组一起处理的项目优化点 (qq.com)

打造我的 Windows 开发环境 - 掘金 (juejin.cn)

多账号统一登录方案就该这么设计（万能通用），稳的一批！ (qq.com)

你知道前端水印功能是怎么实现的吗？ (qq.com)

面试官：生产环境构建时为什么要提取css文件？ - 掘金 (juejin.cn)

真的绝了，通过注释来埋点好简单！！ (qq.com)

前端学习 - 明远湖之鱼的专栏 - 掘金 (juejin.cn)

高质量前端资源分享 https://juejin.cn/post/7304932252827287604#heading-48

全网最全的docx、pptx、xlsx、pdf文件预览方案（典藏版） (qq.com)

vue:实时天气小demo - 掘金 (juejin.cn)

使用 vue3 指令封装一个后台管理系统图片预览功能 - 掘金 (juejin.cn)

待尝试：点击页面元素打开IDE源码的开源提效工具——支持webpack/vite/rspack/react/vue/SSR等众多场景 - 掘金 (juejin.cn)

参与大型开源项目：如何参与大型开源项目-Taro 共建 (qq.com)

3d

2024年最新Three.js零基础入门教程（超详细） - 掘金 (juejin.cn)

GitHub - mtsee/vr-hall: three.js 3D vr hall

Three.js 实现年会3D抽奖页面 (qq.com)

基于 Vue3.0 + Three.js 实现炫酷3D网页 (qq.com)

那些惊艳的 Three.js 项目 (qq.com)

我的生活记录 - GhostCat (gcat.cc) 博客记录了一些 three.js的内容

数字孪生系统中常用Three.js效果的实现原理 - 掘金 (juejin.cn)

css

css 实现边框

前端最全的5种换肤方案总结：微信公众平台 (qq.com)

https://csscoco.com/

js(动画库)

12个强大的 JavaScript 动画库，可帮助你提升用户体验 (qq.com)

GSAP 中文教程 中文文档 ｜官方文档 官方教程翻译 ｜好奇代码出品

ts

学习入门文章:https://juejin.cn/post/7018805943710253086

vue

vue相关的管理页面：Vue-Admin - Vue-Admin

vue和react对比学习（详细的）： React - 苏苏同学的专栏 - 掘金 (juejin.cn)

Vue3，Vuex，ES6，json-serve，pinia - 掘金 (juejin.cn)

细说 Vue 响应式原理的 10 个细节！ (qq.com)

一文揭秘Vue3组件库的优雅打包与细节 (qq.com)

Vue有20样写法，你知道么？ - 掘金 (juejin.cn)

7 个最常用的 Vue 3 UI 组件 (qq.com)

学会这几个常用功能，给你的 vue3 项目加点餐！ - 掘金 (juejin.cn)

React

一键生成前端UI，公司90%项目UI都靠它搞定！react后台管理代码生成 (qq.com)

8 种在 React 中实现条件渲染技术的方法 (qq.com)

使用 React18 + Vite + TypeScript 完成公司项目经验总结，学到了很多 - 掘金 (juejin.cn)

聊一聊 2024 年 React 生态系统 (qq.com)

React-admin-vite: 基于react+antd+vite的后台管理系统模板。 版本：react@18，antd@4，react-dom@18，react-redux@8.0，react-router-dom@6.3，react-scripts@5.0，axios....... 目前功能：登录鉴权，密码加密，菜单配置，404页面。 其他页面可自行删减 (gitee.com)

git

git命令行操作： Git 常用基本命令使用详细大全_git 命令-CSDN博客

[Github实战]双重认证2FA 如何 设置/更改[手把手][2022] - 掘金 (juejin.cn)

🚀 10 个 GitHub 存储库，助你成为前端巨匠✨ - 掘金 (juejin.cn)

git_程序员小富的博客-CSDN博客

跨端技术

ElectronEgg 快速开发一个桌面应用 - 掘金 (juejin.cn)

android studio如何连接夜神模拟器_android连接夜神模拟器-CSDN博客

android studio使用雷电模拟器详细过程（或其他）_雷电打开androidstudio-CSDN博客

超详细 React Native 完全使用指南，学不会你打我 - 掘金 (juejin.cn)

React Native 练习时长 2 月半，踩坑总结 - 掘金 (juejin.cn)

uniapp

开箱即用的 Uniapp 最佳实践集成模板 - 掘金 (juejin.cn)

部署

一次性弄清前端上线和生产环境地址 - 掘金-nginx代理配置 (juejin.cn)

spring Boot 项目部署方案！打包 + Shell 微信公众平台 (qq.com)

Nginx 同一端口下部署多个 Vue3 项目 (qq.com)

使用 Dockerfile + Docker Compose 部署 Web 项目：https://juejin.cn/post/7238918259755745339#heading-16

Docker-compose 安装 Wordpress 博客 Docker-compose 安装 Wordpress 博客 - 知乎 (zhihu.com)

正确使用 acme.sh， 让你的网站永久免费使用 ssl 证书 👍 - 掘金 (juejin.cn)

JPOM 部署docker-compose | Jpom项目运维

汇总

前端常用网站汇总，一定有你想要的🔥🔥🔥 - 掘金 (juejin.cn)

后端

接私活神器！一个Spring Boot + MyBatis-Plus版微信支付项目开源了 (qq.com)

你管这破玩意儿叫 Token? (qq.com)

写一手好SQL很有必要 (qq.com)

自从项目用上了这款监控系统，睡觉真香！ (qq.com)

为什么我只使用DTO，不管其他“O”？

常用正则表达式最强整理 (qq.com)

java

韩顺平_循序渐进学Java零基础【完整笔记】.pdf (gitee.com)

我写了个工具，让CRUD开发效率提升100倍 - 掘金 (juejin.cn)

面试官：讲讲Spring-boot-starter-parent的作用和多模块项目搭建步骤 (qq.com)

深入理解高并发编程PDF 链接:https://pan.baidu.com/s/17K2-pgQ2OgZ890YbEAVKPw?pwd=jyg5 提取码:jyg5

WxJava - 微信开发 Java SDK

web-storage-cache: 对localStorage 和sessionStorage 进行了扩展，添加了超时时间，序列化方法 (gitee.com)

低代码生成(可视化,快速开发)

自从用了这款代码生成工具，项目开发效率大大提高了！ (qq.com) 业务代码生成器 - 猿猿工具 (utilsbox.cn)

mybatis-plus-generator-ui ：https://blog.csdn.net/afreon/article/details/129153154

生成后台管理的前端页面 https://light2f.com/#/home 介绍：一键生成任意前端项目 (qq.com)

MagicalCoder低代码应用开发平台_企业级应用开发平台

突然发现一个很炸裂的平台！ (qq.com)

业务代码生成器 - 猿猿工具 (utilsbox.cn) 写了个工具，让 CRUD 开发效率提升100倍，开源咯！ (qq.com)

基于vue可视化拖拽编辑，移动端页面生成工具。:https://was666.gitee.io/as-editor-doc/

低代码后台管理系统（无需编写前端代码，未测试）Erupt 通用数据管理框架

简易的java模板代码生成(实测能生成)

https://b23.tv/A2l40Th

github：https://github.com/lenve/generate_code

Gitee：https://gitee.com/lenve/generate_code

web3

一个Web3开发的入门历程 - 掘金 (juejin.cn)

GitHub - luzhenqian/web3-examples: 欢迎来到 Web3 世界，这里汇集了大量 Web3 示例项目和高质量学习资源。加入我们，和一百万开发者同行，一起探索并塑造未来世界的繁荣景象。立刻行动，开启您的 Web3 之旅！

其他收藏

b站的up主推荐：https://juejin.cn/post/7322401091237511222#heading-3

ai生成

根据描述生成网站

Create a new Elemint (openui.fly.dev)

v0 by Vercel 生成效果比较好

开源项目收藏（源码收藏，资源收藏）

我的测试项目：东方凝洛/我的测试仓库 - 码云 - 开源中国 (gitee.com)

CRMEB_Java电商系统

CRMEB_Java电商系统: Java商城 免费 开源 CRMEB商城JAVA版，SpringBoot + Maven + Swagger + Mybatis Plus + Redis + Uniapp +Vue+elementUI 包含移动端、小程序、PC后台、Api接口；有产品、用户、购物车、订单、积分、优惠券、营销、余额、权限、角色、系统设置、组合数据、可拖拉拽的form表单等模块，大量的减少了二开的成本。 (gitee.com)

即时通讯系统IM

源码能跑通，基本功能实现：0项目介绍_哔哩哔哩_bilibili 视频通话 netty webrtc websocket springboot uniapp: webrtc netty websocket (gitee.com)

里面部分功能和代码（netty）可以结合 01. 前言_哔哩哔哩_bilibili 的内容进行学习

仿微信视频：SpringBoot项目实战 EasyChat 仿微信 计算机毕业设计 简历项目 netty 聊天 项目经验(后端已完结)_哔哩哔哩_bilibili 源码说明 - 飞书云文档 (feishu.cn)

21个精选开源免费的客服聊天、IM即时通讯系统，值得收藏 - 知乎 (zhihu.com)

盒子IM: 盒子IM是一个仿微信的聊天工具。后端采用springboot+netty实现，web端使用vue，移动端使用uniapp，支持私聊、群聊、离线消息、发送图片、文件、语音、emoji表情、视频聊天等功能。 (gitee.com): 可以学习

匿名在线即时聊天室：https://gitee.com/howcode/aq-chat#https://gitee.com/howcode/aq-chat-server

https://juejin.cn/post/7363103772145401868#heading-4

MallChat: mallchat的后端项目，是一个既能购物又能聊天的电商系统。以互联网企业级开发规范的要求来实现它，电商该有的购物车，订单，支付，推荐，搜索，拉新，促活，推送，物流，客服，它都必须有。持续更新ing (gitee.com)

Vue3 + Pinia + Vite5 仿抖音

https://github.com/zyronon/douyin

smartadmin

开源SpringBoot和Vue的企业级项目，代码很规范 https://smartadmin.vip/ https://gitee.com/lab1024/smart-admin

AbuCoder-RuoYi-Vue-uniapp-wx: 一直想做一款基于若依后台管理系统的微信小程序，最近比较闲了，所以想做个简单的东西。主要为了学习，走一遍整个过程，也是为像我这种小白提供些简单的学习内容。 这是一套前后端一起的脚手架，省去了好多需要写的东西，开箱即用 (gitee.com)

WeBlog

简单的博客项目：WeBlog: 📗 Spring Boot + Vue 3.2 + Vite 4.3 前后端分离博客~ 感谢点个 Star 呀~ (gitee.com)

我开源了一套 RPC 框架，学爆它！ (qq.com)

jeecg-boot

SpringBoot大屏低代码开发平台源码地址： https://gitee.com/jeecg/jeecg-boot

若依

​ https://www.bilibili.com/video/BV1684y1X7tK?p=1 资料：阿里云盘 (aliyundrive.com)

基于SpringCloud Alibaba技术栈，若依微服务版(RuoYi-Cloud)脚手架入门精解，保证上手那种~_哔哩哔哩_bilibili

【链接：https://pan.baidu.com/s/1ako2ZmIYTJZXOKTP3oesRg?pwd=8888 提取码：8888】

分享一个很实用的开源培训系统，真心推荐给大家去用 (qq.com)

基于SpringBoot+Vue实现的小区物业管理系统：基于SpringBoot+Vue实现的小区物业管理系统 (qq.com)

Mall

基于 SpringBoot+MyBatis 实现的一套电商系统，包括前台商城系统及后台管理系统。

前台商城系统包含首页门户、商品推荐、商品搜索、商品展示、购物车、订单流程、会员中心、客户服务、帮助中心等模块。

后台管理系统包含商品管理、订单管理、会员管理、促销管理、运营管理、内容管理、统计报表、财务管理、权限管理、设置等模块。

Github：https://github.com/macrozheng/mall

后台管理系统

macrozheng/mall-admin-web: mall-admin-web是一个电商后台管理系统的前端项目，基于Vue+Element实现。 主要包括商品管理、订单管理、会员管理、促销管理、运营管理、内容管理、统计报表、财务管理、权限管理、设置等功能。 (github.com)

前台商城系统

前端项目mall-app-web地址：https://github.com/macrozheng/mall-app-web

项目演示地址（将浏览器切换为手机模式效果更佳）：https://www.macrozheng.com/app/

无忧·企业文档

（可以搭建公司内部的文档平台，避免泄露）

JVS/jvs-knowledge-ui - 码云 - 开源中国 (gitee.com)

音乐播放器：

2、https://github.com/maotoumao/MusicFree 1、https://github.com/naman14/Timber

其他编程资料

SpringBoot+RabbitMQ+Redis 开发一个秒杀系统，细节打满（附源码） (qq.com)

• https://gitee.com/jike11231/sec-kill-product

夸克：最新编程合集 链接：https://pan.quark.cn/s/18d6209c1bee

黑马程序员：公众号

黑马《SpringBoot3+Vue3全套教程》 在线学习：https://www.bilibili.com/video/BV14z4y1N7pg/ 网盘链接：https://pan.baidu.com/s/1w9nn_IRGcqYm1npllasjoQ?pwd=9988 提取码：9988

1560分钟一节课VUE项目从入门到精通！ (qq.com)

黑马视频：MybatisPlus 文档，里面有视频地址

图灵课堂发的资料

在线考试系统源码

下载链接：https://pan.baidu.com/s/1sVjfjrGLgGRtbYIgFq6ang?pwd=abcd 提取码：abcd

spring全家桶课程资料链接：https://pan.baidu.com/s/1AVRWD-0ukDee9QxxhBhwvA 提取码：gosq