People working on laptops

前端技术网站分享

快速便捷地找到自己需要的技术网站，以免浪费时间。网站持续更新中

  • 前端框架
    vuejs
    一款用于构建 Web 界面，易学易用，性能出色且功能丰富的框架。
    react
    React 用于构建用户界面的 JavaScript 库
    Angular
    AngularJS是一个开发动态Web应用的框架。它让你可以使用HTML作为模板语言并且可以通过扩展的HTML语法来使应用组件更加清晰和简洁。它的创新之处在于，通过数据绑定和依赖注入减少了大量代码，而这些都在浏览器端通过JavaScript实现，能够和任何服务器端技术完美结合。
    Svelte
    Cybernetically enhanced web apps
    preact
    3kb 大小的 React 轻量、快速替代方案，拥有相同的现代 API。
    solidjs
    Solid is a purely reactive library. It was designed from the ground up with a reactive core. It's influenced by reactive principles developed by previous libraries.
    vue-router
    Vue.js 的官方路由
    react-router
    React 官网路由
    pinia
    您将喜欢使用的 Vue 存储库，它允许您跨组件/页面共享状态。
    vuex
    Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。
    redux
    Redux 是 JavaScript 状态容器，提供可预测化的状态管理。
    Rematch
    Rematch 是 JavaScript 状态容器，在 Redux 的基础上构建并减少了样板代码和执行了一些最佳实践。
    recoil
    React 状态管理库。
    nextjs
    Next.js 是一个用于生产环境的 React 框架。Next.js 为您提供生产环境所需的所有功能以及最佳的开发体验：包括静态及服务器端融合渲染、 支持 TypeScript、智能化打包、 路由预取等功能 无需任何配置。
    nuxtjs
    nuxtjs 是混合式 Vue 框架。使用 Vue 3 构建您的下一个应用，体验混合渲染、强大的数据获取和新功能。 Nuxt 3 是一个开源框架，使 Web 开发变得简单而强大。
    nuejs
    Nue 是一个更接近于底层的的框架，采用了极简主义和网络标准。它结构简洁，速度极快。
    lernajs
    Lerna 是一个管理工具，用于管理包含多个软件包（package）的 JavaScript 项目。
  • 开发社区
    github
    GitHub是世界上最大的代码托管平台，超7千万开发者正在使用。GitHub中文社区，是国内领先的开源社区，是一个帮您发现GitHub上优质开源项目的地方。
    gitee
    Gitee.com（码云） 是 OSCHINA.NET 推出的代码托管平台，支持 Git 和 SVN，提供免费的私有仓库托管。目前已有超过 800 万的开发者选择 Gitee。
    掘金
    掘金是面向全球中文开发者的技术内容分享与交流平台。我们通过技术文章、沸点、课程、直播等产品和服务，打造一个激发开发者创作灵感，激励开发者沉淀分享，陪伴开发者成长的综合类技术社区。
    segmentfault-思否
    SegmentFault 思否是中国领先的开发者技术社区。我们以技术问答、技术专栏、技术课程、技术资讯为核心的产品形态，为开发者提供纯粹、高质的技术交流平台。
    stack overflow
    Stack Overflow is the largest, most trusted online community for developers to learn, share their programming knowledge, and build their careers.
    CSDN
    CSDN是全球知名中文IT技术交流平台,创建于1999年,包含原创博客、精品问答、职业培训、技术论坛、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区.
    博客园
    博客园是一个面向开发者的知识分享社区。
    开源中国
    OSCHINA.NET 是目前领先的中文开源技术社区。我们传播开源的理念，推广开源项目，为 IT 开发者提供了一个发现、使用、并交流开源技术的平台
  • 实用工具
    Regex101
    regex101 是一个在线生成，测试及调试正则表达式的工具。支持测试多种语言(PCRE,Python2.7, ECMAScript(JavaScript),Java,Go等)的正则表达式解析，提供高亮匹配公式、正则解析步骤分析、匹配详情等功能。
    正则大全
    在线正则大全
    TinyPNG
    让你的网站更快，节省带宽。TinyPNG将您的WebP、PNG和JPEG图像优化50-80%，同时保持完全透明！
    纯色占位图
    dummyimage 是一款生成纯色的在线占位图片工具网站。
    RegExr正则学习
    带有语法高亮的、支持PHP / PCRE 和 JS 语言、 上下文解释、 备忘单、参考 和 正则表达式社区的正则表达式测试工具
    JSON格式化
    提供相关的Json解析、验证、格式化、压缩、编辑器以及Json与XML相互转换等服务
    JSON转Typescript
    立即从JSON生成TypeScript接口。
    codeif命名神器
    从Github、Bitbucket、Google Code、Codeplex、Sourceforge、Fedora Project、GitLab中搜索项目，以查找实际使用变量名。
    Convertio文件转换器
    Convertio - 在线转换文件的简单工具。支持超过309种不同的文档、图像、电子表格、电子书、文档、演示文稿、音频和视频格式。
    png转ico
    轻松将 PNG 图像转换为 ICO 格式！ 这个免费的转换器将使您能够快速将任何.png图像转换为.ico格式，而不会降低质量。
    免费图床
    简单易操作，免费且不压缩图片画质的公共图床平台，支持对接PicGo。从本地相册选取图片上传到图床服务器快速获取图片外链。支持批量上传！
    百度脑图
    百度脑图，便捷的脑图编辑工具 - 控制创意，如此简单。让您在线上直接创建、保存并分享你的思路。免安装 云存储 易分享 体验舒适 功能丰富
    processOn
    ProcessOn是一个在线协作绘图平台，为用户提供强大、易用的作图工具！支持在线创作流程图、思维导图、组织结构图、网络拓扑图、BPMN、UML图、UI界面原型设计、iOS界面原型设计等。同时依托于互联网实现了人与人之间的实时协作和共享。
    linux命令搜索
    Linux命令搜索引擎:最专业的Linux命令大全，内容包含Linux命令手册、详解、学习，值得收藏的Linux命令速查手册。
    Can I Use
    "Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.
    30 seconds of code
    Browse 1157 short code snippets for all your development needs on 30 seconds of code.
    font-subset
    Font Subset 一个在线字体裁剪工具网站，选择字体支持的汉字，来裁剪字体文件体积大小。
  • 图片资源
    雪碧图生成器
    Generate CSS image sprites from multiple images with our easy-to-use uploading tool. Get started for free.
    Lorem Picsum
    Lorem Ipsum... but for photos.
    pexels
    免费素材图片和视频，可以在任何地方使用。✓ 高质量 ✓ 100% 免费✓ 无需注明归属
    unsplash
    好看的免费图片和照片，你可以下载并用于任何项目。比任何免版税或库存照片都要好。
  • 代码平台
    CodeSandbox
    CodeSandbox is a cloud development platform that empowers developers to code, collaborate and ship projects of any size from any device in record time.
    CodePen
    An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications.
    StackBlitz
    Stay in the flow with instant dev experiences. No more hours stashing/pulling/installing locally — just click, and start coding.
    PlayCode
    The #1 JavaScript playground and sandbox to write, run and repl it. JavaScript playground is perfect for learning and prototyping javascript sandboxes. Fast. Easy to use.
  • 设计资源
    Free Vector Illustra
    免费下载设计素材-图标、照片、用户体验插图和视频音乐
    传统中国色
    提供各种中国的传统颜色的名称，CMYK值，RGB值，16进制表示。
    渐变色(WebGradients)
    访问 WebGradients.com，了解 CSS3、Photoshop 和 Sketch 中的 180 种漂亮的线性渐变。 该系列由顶级设计师策划，完全免费。
    渐变色(uigradients)
    为设计师和开发人员精心挑选的漂亮颜色渐变系列
    豆皮儿UI
    doupir豆皮儿网是一个专注于UI领域的垂直素材资源共享平台，旨在为UI设计师提供基础UI设计素材，并逐步打造成为一个垂直的素材交流平台。
    dribbble
    在 Dribbble 上寻找顶级设计师和创意专业人士。 我们是设计师获得灵感、反馈、社区和工作的地方。 您发现并与全球设计师联系的最佳资源。
    色盘
    Hey Designers & Developers! We have a set of tools that include Material Color Palette, Flat UI Color Palette, Icons, Unicodes & more.
    色轮(adobe color)
    使用色轮或影像建立调色盘，或浏览 Adobe Color 社群中的数千个颜色组合。
    美叶 - 优质灵感辑录
    美叶，为设计师，创意人提供有价值的设计参考。灵感采集，优质素材获取，时刻Follow最新流行设计趋势
    站酷ZCOOL
    站酷ZCOOL，中国设计师互动平台。深耕设计领域十五年，站酷聚集了1500万设计师、摄影师、插画师、艺术家、创意人，设计创意群体中具有较高的影响力与号召力。。
    花瓣网
    花瓣网, 设计师寻找灵感的天堂！图片素材领导者，帮你采集、发现网络上你喜欢的事物。你可以用它收集灵感,保存有用的素材,计划旅行,晒晒自己想要的东西
  • 在线设计
    稿定设计
    在线快速图片和视频编辑,不会PS也能搞定设计。海报、简历、PPT、公众号配图、电商等海量模板快速出图。三秒抠图实用便捷,抖音快手热门视频轻松搞定。海量正版授权资源,商用无忧。
    即时设计
    即时设计是一款在线可协作的UI设计工具，是可协作的在线sketch、国内版figma，拥有海量的设计资源与素材，支持导入sketch格式的源文件。支持创建交互原型、获取设计标注、快速切图、团队协作等工作。
    Pixso
    Pixso是一体化设计协作工具，助力产研设团队制作原型，UI/UX设计，视觉设计，低代码交付时获得更轻松流畅的工作体验，让团队协作更高效。支持Sketch，Figma格式。
    figma
    作为一个团队打造更好的产品。 使用 Figma 将设计、原型制作和收集反馈集中在一处。
    MasterGo
    MasterGo 是为团队协作而生的一站式在线产品设计工具,提供在线产品设计、原型图制作设计、网页开发设计、产品交互设计、UI和UX设计工具等功能,支持多人实时协作,可快速搭建设计系统,为产品设计师、交互设计师、工程师以及产品经理提供更简单灵活的工作模式。
    墨刀
    墨刀是A股上市公司万兴科技旗下的产品设计一体化在线协同办公平台,集原型设计,线上版sketch设计师工具、流程图、思维导图为一体，支持团队项目实时协作和管理，金融级数据安全保障，还支持私有化部署，是设计师、产品经理和技术开发团队必备工具。
  • 图标库
    IconFont
    iconfont-国内功能很强大且图标内容很丰富的矢量图标库，提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造，设计和前端开发的便捷工具
    IconPark
    IconPark, park your icon. Made by ByteDance
    SimpleIcons
    2434 Free SVG icons for popular brands
    RemixIcon
    Remix Icon 是一组为设计师和开发人员精心打造的开源中性风格系统符号；所有图标均可免费用于个人和商业用途。
    FontAwesome
    The internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.
    BootstrapIcon
    Free, high quality, open source icon library with over 1,800 icons. Include them anyway you like—SVGs, SVG sprite, or web fonts. Use them with or without Bootstrap in any project.
    MaterialIcons
    谷歌提供符合 Material 设计规范的免费图标库，Material Symbols 是我们最新的图标，将 2,500 多个字形整合到一个字体文件中，并具有多种设计变体。
    xicons
    SVG Vue/React components integrated from fluentui-system-icons, ionicons, ant-design-icons, material-design-icons, Font-Awesome, tabler-icons and carbon icons. (Vue3, Vue2, React, SVG)
    heroicons
    由Tailwind CSS制作者制作的精美手工SVG图标。
  • 开发文档
    wechat-offiaccount
    微信公众平台是运营者通过公众号为微信用户提供资讯和服务的平台，而公众平台开放接口则是提供服务的基础，开发者在公众平台网站中创建公众号、获取接口权限后，可以通过阅读本接口文档来帮助开发。
    wechat-miniprogram
    微信小程序是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。
    es6入门教程
    《ECMAScript 6 入门教程》是一本开源的 JavaScript 语言教程，全面介绍 ECMAScript 6 新引入的语法特性。
    现代 JavaScript 教程
    以最新的 JavaScript 标准为基准。通过简单但足够详细的内容，为你讲解从基础到高阶的 JavaScript 相关知识。
    MDN Web Docs
    MDN Web Docs网站提供了有关开放式Web技术的信息，包括用于网站和渐进式Web应用程序的HTML、CSS和API。
    菜鸟教程
    菜鸟教程(www.runoob.com)提供了编程的基础技术教程, 介绍了HTML、CSS、Javascript、Python，Java，Ruby，C，PHP , MySQL等各种编程语言的基础知识。
    Typescript
    TypeScript通过向语言中添加类型来扩展JavaScript，在运行代码之前捕捉错误并提供修复来加速开发体验。
    TypeScript 入门教程
    从 JavaScript 程序员的角度总结思考，循序渐进的理解 TypeScript。
    vuepress
    Vue 驱动的静态网站生成器
    vitpress
    Vite & Vue powered static site generator.
    dumi
    dumi - 为组件研发而生的静态站点框架
    jestjs
    Jest 是一款优雅、简洁的 JavaScript 测试框架。
  • 跨平台
    electron
    使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序。
    flutter
    Flutter 官方文档中文版，包含 SDK 下载、最新特性介绍、代码示例、开发文档、中文社区等内容。
    tauri
    Tauri是一个框架，用于为所有主要桌面平台构建小巧、快速的二进制文件。
  • UI 组件库
    Material-UI
    React 组件用于更快速、更简便的 web 开发。你也可以建立你自己的设计系统，或者从 Material Design 开始。
    Ant Design
    antd 是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。
    Ant Design Mobile
    Ant Design Mobile 探索移动端 Web 的体验极限
    Ant Design Vue
    基于Ant设计和Vue的企业级UI组件
    Ant Motion
    使用 Ant Motion 能够快速在 React 框架中使用动画。我们提供了单项，组合动画，以及整套解决方案。
    Chakra-UI
    Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications.
    Mantine
    Build fully functional accessible web applications faster than ever – Mantine includes more than 100 customizable components and 40 hooks to cover you in any situation
    elemnt plus
    基于 Vue 3，面向设计师和开发者的组件库
    element
    Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库
    naive ui
    Naive UI 是一个 Vue3 的组件库。
    TDesign
    TDesign 是腾讯开源的企业级设计体系，提供了统一价值观，一致的设计语言和视觉风格，和开箱即用的 UI 组件库。
    arco design
    Arco Design - 企业级产品的完整设计和开发解决方案
    arco design mobile
    让移动应用获得开箱即用的设计解决方案
    semi design
    由抖音前端与 UED 团队维护，易于定制的现代化设计系统，帮助设计师与开发者打造高质量产品。
    vuetify
    Vuetify 是一个material风格的 Vue UI 库，包含手工制作的精美材料组件。不需要设计技能 - 创建令人惊叹的应用程序所需的一切都触手可及。
  • 数据可视化
    antv
    AntV 是蚂蚁集团全新一代数据可视化解决方案，致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。
    Echarts
    Apache ECharts，一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。
    d3js
    D3 is a JavaScript library for visualizing data with HTML, SVG, and CSS.
  • 打包构建
    webpack
    webpack 主要目的是编译打包 JavaScript 文件以在浏览器中使用，但它也能够转换、捆绑或打包几乎任何资源或资产。
    rollup
    Rollup 是一个 JavaScript 模块打包器，可以将小块代码编译成大块复杂的代码，Rollup 对代码模块使用新的标准化格式，这些标准都包含在 JavaScript 的 ES6 版本中。
    vite
    下一代的前端工具链，为开发提供极速响应。
    esbuild
    esbuild - 极速 JavaScript 打包器
    Turbopack
    Turbopack 是一个可以取代 Webpack 的新开源打包工具，使用 Rust 编写，针对 JavaScript 和 TypeScript 进行了优化。
    Rolldown
    Rolldown 可以看作是 Rollup 的替代品。它提供与 Rollup 兼容的应用程序接口和插件接口，使用 Rust 编写，作为 Vite 未来使用的打包工具
  • Node 相关
    nodejs
    Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
    express
    高度包容、快速而极简的 Node.js Web 框架
    koa
    基于 Node.js 平台的下一代 web 开发框架
    eggjs
    Egg.js 为企业级框架和应用而生，我们希望由 Egg.js 孕育出更多上层框架，帮助开发团队和开发人员降低开发和维护成本。
    nestjs
    NestJS是一个用于构建高效、可扩展节点的框架。js web应用程序。它使用现代JavaScript，使用TypeScript构建，并结合了OOP（面向对象编程）、FP（函数式编程）和FRP（函数式反应式编程）的元素。
    typeorm
    TypeORM is an ORM that can run in NodeJS, Browser, Cordova, PhoneGap, Ionic, React Native, NativeScript, Expo, and Electron platforms and can be used with TypeScript and JavaScript
    Sequelize
    Sequelize是一种现代类型脚本和节点。用于Postgres、MySQL、MariaDB、SQLite和SQL Server等的js ORM。具有可靠的事务支持、关系、即时和延迟加载、读取复制等功能。
    prisma
    Next-generation Node.js and TypeScript ORM
  • 小程序相关
    微信小程开发文档
    微信开发者平台文档
    支付宝小程序
    支付宝小程序官网
    QQ小程序
    QQ小程序是连接年轻用户的新方式，覆盖8亿新生代活跃网民。轻便快捷的开发模式，将能在QQ内被轻松获取和传播
    uni-app
    uni-app多端开发,开发一次同时生成App、小程序、H5
    taro
    Taro 是一个开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发 微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ / 飞书 小程序 / H5 / RN 等应用。
    kbone
    kbone 是一个致力于微信小程序和 Web 端同构的解决方案。
  • 办公协作
    语雀
    十万阿里人都在用的笔记与文档知识库
    腾讯文档
    腾讯文档是一款可多人协作的在线文档，可同时编辑Word、Excel和PPT文档，云端实时保存。可针对QQ、微信好友设置文档访问、编辑权限，支持多种版本Word、Excel和PPT文档模板。
    飞书
    飞书——先进企业协作与管理平台。
    腾讯会议
    基于腾讯20多年音视频通讯经验，腾讯会议提供一站式音视频会议解决方案，让您能随时随地体验高清流畅的会议以及会议协作。
    google文档
    使用 Google 文档创建和协作处理在线文档。在任意设备上安全地实时共享内容，与他人一起编辑文档。
    石墨文档
    全新一代云端 Office，面向未来的办公软件
    博思白板
    BoardMix在线协作白板，集思维导图，流程图、多维表格，笔记文档多种创意表达能力于一体，激发团队创造力无限延伸，免费在线使用。
  • Node 包管理
    npm
    node包管理器
    yarn
    Fast, reliable, and secure dependency management.
    pnpm
    pnpm - 速度快、节省磁盘空间的软件包管理器
  • 视频学习
    慕课网
    慕课网（IMOOC）是IT技能学习平台。慕课网(IMOOC)课程涉及JAVA、前端、Python、大数据等60类主流技术语言，覆盖了面试就业、职业成长、自我提升等需求场景，帮助用户实现从技能提升到岗位提升的能力闭环。
    极客学院
    极客学院作为专业IT职业在线教育平台,拥有海量高清IT职业课程,涵盖30+个技术领域。
    哔哩哔哩
    bilibili是国内知名的视频弹幕网站，这里有及时的动漫新番，活跃的ACG氛围，有创意的Up主。大家可以在这里找到许多欢乐。
  • 面试刷题
    大厂面试题每日一题
    山月的全栈进阶之路
    力扣（LeetCode）
    备战技术面试？力扣提供海量技术面试资源，帮助你高效提升编程技能，轻松拿下世界 IT 名企 Dream Offer。