Mrcdh技术博客 Mrcdh技术博客
首页
  • Html5
  • Javascript
  • Nodejs
  • electron
  • Android
  • 微信公众号
  • 框架
  • 其他
  • Mysql
  • PHP
  • Python
  • java
  • Gulp
  • 其它
  • 网站
  • 资源
  • Vue资源
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

Mrcdh

立志于全桟开发
首页
  • Html5
  • Javascript
  • Nodejs
  • electron
  • Android
  • 微信公众号
  • 框架
  • 其他
  • Mysql
  • PHP
  • Python
  • java
  • Gulp
  • 其它
  • 网站
  • 资源
  • Vue资源
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • 网站
    • 平台
    • 工具
    • PHP
    • 大前端
      • vue
      • 服务端
      • PDF插件
      • 图片插件
      • 音视频插件
      • 表格插件
      • 文件上传插件
      • 其他插件
    • java
      • idea
    • Go
    • 软件推荐
    • 常用网站
      • 前端
    • 个人收藏夹
    • 文档
      • Python
    • 电子书
    • 文章
    • 科学上网
    • Github
    • 在线工具
      • 开发
      • 代码编辑
      • UI
      • Emoji 表情
      • 图片压缩
      • CSS
      • CDN 加速
      • 正则
      • 其他
    • 设计
      • 图库
    • 有趣
    • 交互
    • 教程
    • 实用
    • 算法
    • 设计网站
    • 框架、软件、库
    • 软件
  • 资源
  • Vue资源
  • 个税(公司)零申报流程
  • 日语学习笔记
目录

网站

# 平台

  • 阿里云 (opens new window)
  • 华为云 (opens new window)
  • 腾讯云 (opens new window)
  • 支付宝开放平台 (opens new window)
  • github 代理 (opens new window)
  • LeanCloud (opens new window)
  • 微信 (opens new window)
  • QQ开放平台 (opens new window)
  • 字节小程序 (opens new window)
  • 和风天气开发平台 (opens new window) 提供商业和免费的天气 API、天气 SDK。

# 工具

  • iconfont (opens new window) 图库
  • 蓝湖 (opens new window) 高效的产品设计协作平台
  • MasterGo 产品设计 (opens new window) 蓝湖家的设计产品
  • tool.lu/ (opens new window) 在线工具箱
  • https://tools.tecmz.com/ (opens new window) 另一个简介的在线工具箱
  • 脚本之家在线工具箱 (opens new window)
  • can i use (opens new window) 兼容查询
  • 小闪电 jsrun (opens new window) 可以在线调试代码
  • npm中国镜像 (opens new window)
  • https://prometheus.io/ (opens new window)
  • 安卓证书在线生成 (opens new window)
  • W3C规范测试 (opens new window)
  • frontjs (opens new window) 前端错误监控
  • i tell you (opens new window)微软各种 操作系统 应用程序 开发工具 下载
  • 百度拾取坐标系统 (opens new window) 可以显示坐标
  • 清华大学开源软件镜像站 (opens new window)
  • 获取虚拟号码-国外 (opens new window)
  • python自动化相关库 (opens new window)

# PHP

  • PHP 枚举库
  • guzzle (opens new window): PHP 网络请求库
  • Casbin (opens new window): 访问控制框架
  • 微信支付宝支付easy-pay (opens new window) 集成支付宝、微信最新API
  • EasyWechat (opens new window) 微信开发可以更简单
  • stancl/tenancy (opens new window) laravel 多租户库
  • nwidart/laravel-modules (opens new window) laravel 多模块

# 大前端

  • npm仓库 (opens new window) 用来查询库
  • css3参考手册 (opens new window)
  • js简单教程 (opens new window)
  • jquery api 手册 (opens new window)
  • npm 文档 (opens new window)
  • ES6入门文档 (opens new window)
  • 前端开发者手册 (opens new window)
  • 前端开发笔记本 (opens new window)
  • 前端面试之道 (opens new window)
  • bootstrap (opens new window)
  • arco.design (opens new window) 字节前端组件库(vue3/react)
  • NanoID (opens new window)用来替代UUID,优势小、安全、快
  • babylonjs (opens new window)
  • LowCodeEngine (opens new window) 阿里巴巴开源的低代码引擎
  • [Date-FNS]

# vue

  • vue2 (opens new window)
  • vue3 (opens new window)
  • element-ui (opens new window)
  • element-ui-plus (opens new window)
  • nuxtjs (opens new window)
  • Pinia (opens new window) vue状态管理
  • pinia-plugin-persist (opens new window) Pinia数据持久化插件
  • vue-router (opens new window)
  • vue技术内幕 (opens new window)
  • vue技术揭秘 (opens new window)
  • vuex-persist (opens new window) vuex数据持久化插件
  • varlet-ui (opens new window) 面向 Vue3 的 Material 风格移动端组件库
  • vuetify (opens new window) material-design
  • vite-plugin-svg-icons (opens new window) 用于生成 svg 雪碧图.

# 服务端

  • typeorm中文文档 (opens new window)
  • Sequelize (opens new window)
  • egg.js (opens new window)
  • prisma (opens new window): 基于 typescript 的 ORM 中文文档
  • [Pixel perfect pro] 火狐插件,可以将设计图叠加到网站上用来比对
  • [jszip]
  • [jspdf]
  • [file-saver]

# PDF插件

  • PDF.js (opens new window) 39.2k PDF.js是使用 HTML5 构建的可移植文档格式 (PDF) 查看器。它由社区驱动并受 Mozilla 支持,目标是创建一个通用的、基于 Web 标准的平台来解析和呈现 PDF。
  • jdPDF (opens new window) 24.6k jsPDF 是一个使用 JavaScript 语言生成 PDF 的开源库,是一个用于生成 PDF 的领先的 HTML5 客户端解决方案。
  • pdfmake (opens new window) 10.2k 在纯 JavaScript 中用于服务器端和客户端的 PDF 文档生成库。
  • pdf-lib (opens new window) 4.1k pdf-lib 可以在任何 JavaScript 环境中创建和修改 PDF 文档。它旨在解决 JavaScript 生态系统对 PDF 操作(尤其是 PDF修改)缺乏强大支持的问题。可以用于任何现代 JavaScript 运行时,如 Node、Browser、Deno 和 React Native 等。
  • pdfkit (opens new window) 8.2k PDFKit 是一个用于 Node 和浏览器的 PDF 文档生成库,可以轻松创建复杂的多页可打印文档。API 包含可链接性,并包括低级功能以及更高级别功能的抽象。PDFKit API 的设计很简单,因此生成复杂的文档通常只需几个函数调用即可。
  • react-pdf (opens new window) 10.9k react-pdf 是一个用于在浏览器和服务器上创建 PDF 文件的 React 渲染器。

# 图片插件

  • sharp (opens new window) 22.7k sharp 是一个高性能的 Node.js 图像处理库,调整 JPEG、PNG、WebP、AVIF 和 TIFF 图像大小的最快模块。
  • cropperjs (opens new window) 10.8k cropperjs 是一个 JavaScript 图像裁剪器,支持29个裁剪选项、27种方法、6个事件、缩放、旋转等。
  • tui.image-editor (opens new window) 5.2k tui.image-editor 是一个使用 HTML5 Canvas 的全功能图像编辑器。它易于使用并提供强大的过滤器。
  • compressorjs (opens new window) 3.9k JavaScript 图像压缩器。使用浏览器原生的 canvas.toBlob API 来做压缩工作,即有损压缩,异步压缩,在不同的浏览器有不同的压缩效果。一般在客户端上传前使用这个来预压缩图片。
  • viewerjs (opens new window) 6.6k viewerjs 是一个 JavaScript 图像查看器,支持 52 个查看选项、23 种操作方法、17 个事件、旋转、移动、缩放等。
  • omagesloaded (opens new window) 8.7k omagesloaded 是一个用来检查图像何时加载的 JavaScript 库。

# 音视频插件

  • video.js (opens new window) 8.7k Video.js 是一个为 HTML5 世界从头开始构建的网络视频播放器。它支持 HTML5 视频和媒体源扩展,以及其他播放技术,如 YouTube 和 Vimeo(通过插件)。它支持在台式机和移动设备上播放视频。
  • plyr (opens new window) 22.3k Plyr 是一个简单、轻量级、可访问和可定制的 HTML5、YouTube 和 Vimeo 媒体播放器,支持现代浏览器。
  • MediaElement.js (opens new window) 7.9k MediaElement.js 是一个HTML5 <audio> 或 <video> 播放器,支持 MP4、WebM 和 MP3 以及 HLS、Dash、YouTube、Facebook、SoundCloud 等,具有通用 HTML5 MediaElement API,可在所有浏览器中实现一致的 UI。
  • xgplayer (opens new window) 5.4k 西瓜播放器是一个Web视频播放器类库,它本着一切都是组件化的原则设计了独立可拆卸的 UI 组件。更重要的是它不只是在 UI 层有灵活的表现,在功能上也做了大胆的尝试:摆脱视频加载、缓冲、格式支持对 video 的依赖。尤其是在 mp4 点播上做了较大的努力,让本不支持流式播放的 mp4 能做到分段加载,这就意味着可以做到清晰度无缝切换、加载控制、节省视频流量。同时,它也集成了对 flv、hls、dash 的点播和直播支持。
  • DPlayer (opens new window) 12.9k DPlayer 是一款可爱的 HTML5 弹幕视频播放器,可帮助人们轻松构建视频和弹幕。
  • Howler.js (opens new window) 20.3k howler.js 是一个现代 web 音频库。它默认为Web Audio API并回退到HTML5 Audio。这使得在所有平台上使用 JavaScript 处理音频变得容易且可靠。
  • aliplayer (opens new window) 阿里视频播放web sdk
  • ckplayer (opens new window) 用于在网页上播放视频的JS插件

# 表格插件

  • Handsontable (opens new window) 16.8k Handsontable 是一个具有电子表格外观的 JavaScript 数据网格组件。适用于 React、Angular 和 Vue。它结合了数据网格功能和类似电子表格的 UX。它提供数据绑定、数据验证、过滤、排序和 CRUD 操作。
  • ag-grid (opens new window) 16.8k AG Grid 是一个功能齐全且高度可定制的 JavaScript 数据网格。它提供了出色的性能,没有第三方依赖,并且可以与所有主要的 JavaScript 框架顺利集成。
  • x-spreadsheet (opens new window) 12.6k x-spreadsheet 是一个基于 Web 的 JavaScript(canvas)电子表格。
  • cheetah-grid (opens new window) 1.2k cheetah-grid 是最快的 Web 开源数据表。
  • ExcelJS (opens new window) 9.7k ExcelJS 是一个Excel电子表格文件逆向工程项目。可以读取,操作并写入电子表格数据和样式到 XLSX 和 JSON 文件。
  • SheetJS (opens new window) 30.6k SheetJS 是一个简化的电子表格,用意用来阅读、编辑和导出电子表格,其适用于 Web 浏览器和服务器,在 Office 365 中受 Microsoft 信任。

# 文件上传插件

  • Uppy (opens new window) 25.5k Uppy 是一款时尚的模块化 JavaScript 文件上传器,可与任何应用程序无缝集成。它速度快,具有易于理解的 API,让您不必担心比构建文件上传器更重要的
  • filepond (opens new window) 12.6k filepond 是一个用于上传文件的 JavaScript 库,优化图像以加快上传速度,并提供出色、可访问、如丝般流畅的用户体验。
  • Dropzone (opens new window) 16.7k Dropzone 是一个 JavaScript 库,可以将任何 HTML 元素转换为 dropzone。这意味着用户可以将文件拖放到上面,Dropzone 将显示文件预览和上传进度,并通过 XHR 为你处理上传。
  • vue-upload-component (opens new window) 2.5k vue-upload-component 是一个用于 Vue.js 的上传组件,支持多文件上传,上传目录,拖拽上传,拖拽目录,以及支持同时上传多个文件等。
  • Uppload (opens new window) 1.7k Uppload 是一个更好的 JavaScript 图片上传器。它具有 30 多个插件的高度可定制性,完全免费和开源,并且可以与任何文件上传后端一起使用。
  • react-dropzone (opens new window) 1.7k react-dropzone 是一个为 React 量身定制的,基于HTML5 的 drop && drag API,可以实现拖拽上传文件的 JavaScript 库。

# 其他插件

  • JSZip (opens new window) 8.1k JSZip 是一个使用 JavaScript 创建、读取和编辑 .zip 文件的库,具有简单的 API。
  • docxtemplater (opens new window) 2.2k docxtemplater 是一个从 docx/pptx 模板生成 docx/pptx 文档的库。它可以用数据替换 {placeholders} 并且还支持循环和条件。
  • textract (opens new window) 1.5k textract 是一个 node.js 模块,用于从 html、pdf、doc、docx、xls、xlsx、csv、pptx、png、jpg、gif、rtf 等中提取文本。
  • PptxGenJS (opens new window) 1.6k PptxGenJS 是一个使用功能强大、简洁的 JavaScript API 创建 PowerPoint 演示文稿。
  • officegen (opens new window) 2.4k officegen 是一个用于 JavaScript 中 Word (docx)、PowerPoint (pptx) 和 Excell (xlsx) 的独立 Office Open XML 文件(Microsoft Office 2007 及更高版本)生成器。
  • PapaParse (opens new window) 10.6k PapaParse 是一个快速而强大的 CSV(分隔文本)解析器,可以优雅地处理大文件和格式错误的输入。
  • chalk (opens new window) node 终端样式库,主要功能为使输出不再单调,添加文字背景,改变字体颜色

# java

# idea

  • Alibaba Cloud AI Coding Assistant (opens new window)阿里云智能编码插件(Alibaba Cloud AI Coding Assistant)是一款AI编程助手,提供代码智能补全和代码示例搜索能力,帮你更快更高效地写出高质量代码。

# Go

# 软件推荐

  • electerm (opens new window) 一款开源的SSH控制台软件(用来替代xshell)

# 常用网站

# 前端

  • DevDocs (opens new window) DevDocs将不同语言、框架和库的API汇聚到了一个网页上,你可以直接在一个页面进行搜索。
  • ray.so (opens new window) 这个网站能够让你生成十分漂亮的代码片段的截图,它支持暗黑模式和各种预设的语言主题。你也可以使用它的VSCode扩展插件。
  • roadmap.sh (opens new window) 这个网站提供了一些可供开发者参考的学习路径和学习资料,这对于想学习某一个技术领域的初学者来说十分有帮助。
  • LambdaTest (opens new window) LambdaTest是一个基于云的跨浏览器测试平台。它提供多达2000多种不同的浏览器、操作系统和设备去测试你的应用。你可以很好的使用它去自动化或者手动的去测试你应用的浏览器兼容性问题。
  • daily.dev (opens new window) 通过daily.dev这个网站,你可以找到适合每天阅读的优秀的技术文章。这个网站聚合了各类不同平台的优秀技术文章。你可以安装他们的浏览器插件,这样就能方便的将优质的技术内容直接更新到你的浏览器上。
  • CSS-TRICKS (opens new window) 你可以从这个网站上学习到各类CSS的技巧,以此帮助你开发更加漂亮的Web应用。
  • overAPI (opens new window) 对于开发者来说,overAPI绝对是最漂亮和实用的网站。它聚合了大多数开发语言和工具的API,并以一页备忘录的形式展现。快去看看吧~
  • Responsively (opens new window) 这是一个基于开源项目的网站,它能够将各个设备屏幕展现在同一个页面上,能够让你非常方便的开发响应式网站,大幅提高前端开发的效率。
  • Color Hunt (opens new window) 一个可以让设计人员和网页开发者选择优秀配色方案的网站。
  • Profile Pic Maker (opens new window) 作为开发者,你在为你各个社交媒体上的头像发愁吗?这个网站能够根据你上传的任何图片,来自动的生成头像。这些头像都是经过AI处理后并生成了背景的,快尝试看看吧~

# 个人收藏夹

一位大佬的收藏夹 (opens new window)

码力全开资源库 (opens new window) 很全很强大,独立开发者/设计干货/优质利器/工具资源...

# 文档

  • MDN (opens new window) | MDN-JS 标准内置对象 (opens new window) Web 技术权威文档
  • JavaScript 指南 (opens new window)
  • 现代 JavaScript 教程 (opens new window) 以最新标准为基准的 JS 教程
  • ES5 教程 (opens new window) 阮一峰的 JS 教程
  • ES6 教程 (opens new window) 阮一峰的 ES6 教程
  • Bash 脚本教程 (opens new window) 阮一峰编写
  • ECMA (opens new window) ECMA 官网
  • 菜鸟教程 (opens new window) 涵盖多种语言的初级教程
  • 腾讯云开发者手册 (opens new window)

# Python

  • Beautiful Soup 4.4.0 (opens new window)
  • Scrapy 2.3 中文文档 (opens new window)

# 电子书

  • SoBooks (opens new window) 免费的电子书资源网站

# 文章

  • 灵活运用 CSS 开发技巧 (opens new window)

# 科学上网

谷歌 chrome 商店访问助手 (opens new window) 可以下载谷歌商店软件的网站

# Github

  • github 短域名服务 (opens new window)
  • shields (opens new window) 徽章图标
  • followers 全球排名 (opens new window)
  • star-history (opens new window) 展示一个项目 Stars 增长曲线

# 在线工具

# 开发

  • 淘宝 npm 镜像 (opens new window)
  • Can I use (opens new window) 查看属性和方法的兼容性
  • 30 seconds of code (opens new window) 收集了许多有用的代码小片段
  • 可以获取全国省市区镇 (opens new window)

# 代码编辑

  • codepen (opens new window) 在线代码编辑与演示
  • codesandbox (opens new window) 内嵌 VSCode 的在线 IDE
  • jsrun (opens new window) JSRUN 在线编辑器, 在线运行 js 调试测试,HTML/JS/CSS 在线运行编辑器

# UI

  • iconfont (opens new window) 阿里巴巴矢量图标库
  • undraw (opens new window) 免费的矢量插画
  • icomoon (opens new window) 矢量图标库
  • cssicon (opens new window) 所有的 icon 都是纯 css 画的 缺点:icon 不够多
  • CSS triangle generator (opens new window) 帮你快速用 css 做出三角形
  • clippy (opens new window) 在线帮你使用 css clip-path 做出各种形状的图形
  • Lorem Picsum (opens new window) 提供免费的占位图

# Emoji 表情

  • emoji 表情 (opens new window)
  • emoji 表情备忘录 (opens new window)
  • gitmoji (opens new window) 通过 emoji 表达 git 的操作内容

    windows 系统下按Win+.快速打开表情选择框

# 图片压缩

  • tinypng 图片压缩 (opens new window) 压缩 png 很有用
  • Squoosh (opens new window) 谷歌出品在线免费图片压缩工具

# CSS

  • CSS Tricks (opens new window) CSS 技巧收集与演示
  • CSS 生成器 (opens new window)
  • CSS 渐变生成器 (opens new window)
  • CSS3-Box Shadow(阴影) (opens new window)
  • 贝塞尔曲线生成器 (opens new window)
  • 花纹背景生成器 (opens new window)
  • 花纹背景-pattern.css (opens new window)
  • 3D 字体 (opens new window)

# CDN 加速

  • jsDelivr (opens new window) 国外的一家优秀的公共 CDN 服务提供商
  • unpkg (opens new window) cdn 服务

# 正则

  • 正则可视化 (opens new window)

# 其他

  • Linux 命令手册 (opens new window)

# 设计

  • 创造师导航 (opens new window)
  • 设计师网址导航 (opens new window)
  • Manypixels (opens new window) 插画
  • Undraw (opens new window) 插画
  • uimovement (opens new window) 能从这个网站找到不少动画交互的灵感
  • awwwards (opens new window)是一个一个专门为设计精美的网站以及富有创意的网站颁奖的网站
  • dribbble (opens new window) 经常能在上面找到很多有创意好看的 gif 或者图片
  • Bēhance (opens new window) dribbble 是设计师的微博,Bēhance 是设计师的博客
  • Logojoy (opens new window) 使用 ai 做 logo 的网站,做出来的 logo 质量还不错。
  • brandmark (opens new window) 另一个在线制作 logo 网站
  • instant (opens new window) 又一个 logo 制作网站
  • namecheap (opens new window)又一个 logo 制作网站
  • logo-maker (opens new window) 又一个 logo 制作网站 这个更简单点 就是选模板之后微调
  • coolors (opens new window) 帮你在线配色的网站 你能找到不少配色灵感
  • colorhunt (opens new window) 另一个配色网站
  • uigradients (opens new window) 渐变色网站
  • designcap (opens new window) 在线海报设计
  • Flat UI 色表 (opens new window) Flat UI 色表
  • 0to255 (opens new window) 颜色梯度
  • Ikonate (opens new window) 提供免费的图标 icons
  • remixicon (opens new window) 又一个提供免费图标 icons
  • feather (opens new window) 免费的 icons
  • nord (opens new window) 北欧性冷淡风主题配色
  • Unsplash (opens new window) 提供免费的高清图片
  • Pexels (opens new window) 提供免费的高清图片
  • colorkitty (opens new window) 从你的图片中提取配色
  • design.youzan (opens new window) 有赞设计原则

# 图库

  • uigradients (opens new window) 渐变色生成工具
  • freepik (opens new window) banner 图库
  • 觅元素 (opens new window)一天免费下载十张 psd
  • vectorizer (opens new window) 真正的 png 转 svg 神器
  • 站酷 (opens new window)
  • 花瓣 (opens new window)
  • 虎克 (opens new window) Ps 学习教程
  • beTheme (opens new window)
  • UI 中国 (opens new window)

# 有趣

  • 奇趣网站收藏家 (opens new window) 收藏了很多有趣的网站
  • wallhaven (opens new window) 壁纸网站
  • URL 地址播放 Emojis 动画 (opens new window) 在地址栏里面播放 emoji
  • Can't Unsee (opens new window) 强烈建议前端、客户端、UI 开发的同学玩下,检查一下自己对设计稿的敏感度怎么样
  • ggtalk (opens new window) 平时一直在听的一个技术博客
  • awesome-comment (opens new window) 里面收集了很多有趣的代码注释
  • text-img (opens new window) 都将图片转化为 ascii 用来写注释
  • weird-fonts (opens new window) 将普通字母转化为 特殊 unicode
  • zero-width-lib (opens new window) 利用零宽度字符实现 隐形水印、加密信息分享、逃脱词匹配,很有创意
  • abbreviations (opens new window) 查看一个简写是什么意思的网站
  • magi (opens new window) ai 搜索神器,超屌

# 交互

  • 微交互 (opens new window) 里面收集了市面上很多很好的微交互例子 值得学习
  • cruip (opens new window) 登录页的各种页面设计,可以免费下载模板
  • taiko-web (opens new window) 太鼓达人网页版 只能说很 6

# 教程

  • npx (opens new window) 教你怎么合理的使用 npx
  • hacksplaining (opens new window) 网络安全学习网站
  • mobile-web-best-practice (opens new window) 移动 web 最佳实践

# 实用

  • 全历史 (opens new window) 历史内容聚合网站
  • 稿定设计 (opens new window) 键式设计工具+智能抠图
  • ENFI 下载器 (opens new window) 不限速下载器
  • 优品 PPT (opens new window)
  • 比格 PPT (opens new window)
  • 高清免费图片 (opens new window)
  • 高清免费图片 2 (opens new window)

# 算法

  • leetcode (opens new window) 用 js 刷 leetcode

# 设计网站

  • 无穷尽设计可能 (opens new window) 设计网站综合导航
  • XD 素材中文 (opens new window) 专注为 UI 设计师服务

# 框架、软件、库

  • aardio (opens new window) 专注于桌面软件开发, 小、轻、快,轻便利索。

# 软件

  • genymotion (opens new window) 一款好用的安卓模拟器
上次更新: 2023/03/23, 17:03:00
资源

资源→

最近更新
01
python之Anaconda(conda)版本管理
03-24
02
electron文件缓存
02-16
03
vuex数据持久化插件vuex-persist
02-14
更多文章>
Theme by Vdoing | Copyright © 2020-2023 Mrcdh | 苏ICP备2020058908号-1
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
×