书签栏
Kit
Transform、Dictionary
English Dictionary, Thesaurus, & Grammar Help | Lexico.com剑桥词典：查找意思、解释及翻译Dictionary by Merriam-Webster: America's most-trusted online dictionaryGoogle 翻译DeepL Translate: The world's most accurate translator
Regexp
RegexperOnline regex tester and debugger: PHP, PCRE, Python, Golang and JavaScriptRegExr: Learn, Build, & Test RegEx
Image
【在线PS】PS软件网页版，ps在线图片处理工具photopea-稿定设计PSBase64 Image EncoderRetina CSS Sprite Generator斜线生成TinyPNG – Compress PNG images while preserving transparency🔖SVG to PNG – Convert SVG files to PNG OnlineSquoosh
Performance
PageSpeed Tools  |  Google DevelopersWelcome to the wonderful world of Web Performance
Unicode、Icon
EmojiCopy | Simple emoji copy and paste by EmojiOne™🔖Unicode® character table🔖Transfonter — online @font-face generatorHTML Math Symbols, Entities and Codes — HTML ArrowsFavicon Generator - Image to Favicon - favicon.io
Compatible
Browse Happybrowserl.ist: A page to display compatible browsers from a browserslist string.Can I use... Support tables for HTML5, CSS3, etcBrowserhacks
Document
DevDocs印记中文 - 深入挖掘国外前端新领域，为中国 Web 前端开发人员提供优质文档！Parcel 中文网概述 | PM2教程🔖Manual | Sequelize | The node.js ORM for PostgreSQL, MySQL, SQLite and MSSQL🔖Apollo GraphQL | Learn about the Apollo platform: Client, Engine, GraphQL servers, GraphQL support, and more.🔖How to GraphQL - The Fullstack Tutorial for GraphQLESLint - Pluggable JavaScript linter - ESLint中文npm 中文文档 | npm 中文网Node.js 中文网指南electron/docs-translations/zh-CN at master · electron/electron微信官方文档 | 微信开放文档🔖设备 - Device - Auto.js🔖Web JS SDK API - 帮助文档Puppeteer v2.0.0
Design
色輪、調色盤產生器 | Adobe ColorCoolors - The super fast color schemes generator!Color Palette Generator - Colllor🔖Material Design Theme & Palette Color GeneratorBlush: Illustrations for everyoneStubborn - Free Illustrations GeneratorSapiens Character Builder by UI8.netMega Creator – Easy & Free Online Graphic Design SoftwareVector Icons and Stickers - PNG, SVG, EPS, PSD and CSSOpen Peeps, Hand-Drawn Illustration Library
Speedtest by Ookla - The Global Broadband Speed Test🔖统计Awesome Wallpapers - wallhaven.cc
Convert
Editor - Convert SVG to valid JSXSVGR Playground - SVGRCSS to JS Objects
Paas
Viddyoze - The World's Easiest Video Animation SoftwareVideo maker - Create videos in an instant | Vimeo CreateChromatic: Visual testing for React, Vue, and Angular
Tools
🔖source-map-visualizationNeumorphism/Soft UI CSS shadow generatorUXPin | UI Design and Prototyping ToolCarbonDrawERD -✨ Makes it easy to visualize your database structureThe collaborative browser based IDE - Replit
[OFFICIAL] FocoClipping| Free Image Background Remover OnlineBIP39 - Mnemonic CodeNode.js ES2015/ES6, ES2016 and ES2017 support创建强大、安全、随机的密码 | Password 密码生成器 | 1Password🔖Keccak-256 Onlineethers playgroundJSON Viewer - JSON HeroTable Editorimg.la - Images For PlaceHolder & Front-End DevelopmentMaterial Design Icons - Icon Library - PictogrammersMaking the installer in Windows | OpenCore Install Guidetldraw私人商务电子邮件 - 免费专业电子邮件 | Forward Email
Language
HTTP
HTTP Status Codes — httpstatuses.combolasblack/http-api-guideHTTP Verbs: 談 POST, PUT 和 PATCH 的應用 | ihower { blogging }GraphQL | 一种为你的 API 而生的查询语言🔖对 API 和服务执行版本控制的 4 种策略 – IBM DeveloperAPI 设计指南  |  Google Cloud
Go
go-restful first working example · Ernest Micklei's BlogGetting Started - The Go Programming LanguageA Tour of Gohttp - The Go Programming LanguageGo语言标准库文档中文版 | Go语言中文网 | Golang中文社区 | Golang中国
Dart
Dart 编程语言主页 | DartFlutter 社区中文资源
C++
Standard C++🔖C++ Shellistream - C++ ReferenceC++ addons | Node.js v15.8.0 DocumentationC++ Programming Language - GeeksforGeeksProgramiz: Learn to Code for Free数组 (C++) | Microsoft Docs
Node.js
Introduction to Node.jsHow to build an RPC based API with node.js ― ScotchNodeSchoolYou Don't Know Node: Quick Intro to Core Featurespuppeteer/troubleshooting.md at master · GoogleChrome/puppeteerThe Node.js Master Class - No Frameworks, No NPM对node工程进行压力测试与性能分析 - 掘金browserless docs · The headless browser service for developers关于本socket.io中文文档 - socket.ioMongoose v6.1.4: Schemas相关资料gRPC 官方文档中文版_V1.0MongoDB Node Driver — Node.jsFresh 1.0
Typescript
TypeScript TutorialTypeScript: JavaScript With Syntax For Types.深入理解 TypeScript | 深入理解 TypeScriptStyleGuide - TypeScript Deep DiveHow JavaScript works: a deep dive into decorators | by Lawrence Eagles | SessionStack BlogNode.js QuickStart · TypeScript Deep DiveTypeScript Exercisestype-challenges/README.zh-CN.md at main · type-challenges/type-challenges · GitHub
Lua
Lua functions - Wowpedia - Your wiki guide to the World of Warcraft
Database
GuidesPrisma Client API (Reference) | Prisma Docs🔖IndexMonogDB 中文网 | MongoDB 中文文档插入文档 - MongoDB-CN-ManualUnpack Arrays & Group Differently - Practical MongoDB Aggregations BookSQLite Tutorial - An Easy Way to Master SQLite FastMultiple Connections / Databases / Datasources · Issue #2443 · prisma/prisma
Rust
变量绑定与解构 - Rust语言圣经(Rust Course)变量绑定与解构 - Rust By Practice( Rust 练习实践 )入门 - Rust 程序设计语言
Exercism
Skills
Git
生成新 SSH 密钥并添加到 ssh-agent - GitHub DocsGit - 关于版本控制什么是版本控制？Learn Git with Bitbucket Cloud | Atlassian Git Tutorial🔖图解GitGit 撤销合并 - PSJay Blog了解 Git - GitHub Docs
Container
Learn Docker!生产级别的容器编排系统 - KubernetesA Docker Tutorial for Beginners| Docker Documentation前言 - Docker —— 从入门到实践
Algorithm
VisuAlgo - 数据结构和算法动态可视化 (Chinese)一些重要的算法 | 酷 壳 - CoolShell.cnAlgoExpert | Ace the Coding Interviews
Editor
WakaTime · Quantify your codingCheat Sheet
Regular Expression
正则表达式30分钟入门教程Regex CrosswordRegExr: Learn, Build, & Test RegEx正则表达式 - JavaScript | MDN
Jobs
Remotive | Remote Jobs专为远距工作而生 - 远程工作招聘及管理平台 - Slasifysideidea.com | 独立开发者&远程工作者盈利产品案例分享ossjobs.dev - find your dream job in open-source
Electronics
🔖iPhone, iPad, Mac Buyer's Guide: Know When to Buy🔖Building a CustoMac Hackintosh: The Ultimate Buyer's Guide | tonymacx86.comMacWk - 精品mac软件下载
Design
PinterestSketch App Sources - Free design resources and plugins - Icons, UI Kits, Wireframes, iOS, Android Templates for SketchWordPress Themes & Website Templates from ThemeForestLisaDziuba/Awesome-Design-Tools: The best design tools and plugins for everything 👉Free Resources for Designers and Developers - FreebiesbugUI Kits, Icons, Templates, Themes and More - UpLabsFree Google Slides themes and Powerpoint templates | SlidesgoDeviantArt - Discover The Largest Online Art Gallery and CommunityDribbble - Discover the World’s Top Designers & Creative Professionals搜索 项目 | Behance 上的照片、视频、徽标、插图和品牌UI KIT小洋丁插画—为设计师带来更高效的工作方式Free Figma Component Library | FigcomponentsPremium UI Kits, Wireframe, Templates, Mockups, Sketch, Adobe XD and Figma Assets50+ Free Open Source Icon Libraries – Toools.designExamples and use-cases for fine-tuningMidjourney ShowcaseColor system – Material Design 3字体的使用 | FigmaChina
Test
🔖Automated Mobile App Testing on Real Device CloudAppium: Mobile App Automation Made Awesome.
Proxy
访问控制 - MerlinClash WikiConfiguration · Dreamacro/clash WikiACL4SSR 在线订阅转换Clash
Learn Path
toutiaoio/awesome-architecture: 架构师技术图谱，助你早日成为架构师Trailhead | The fun way to learnirc - Learn AnythingFree How-To Tutorials & Online Courses by Envato Tuts+
Network
了解dns是什么以及DNS的工作方式_和加载网页涉及的4个dns服务器 | Cloudflare
Mini Program
快速上手
Auth
JSON Web Tokens - jwt.io
Automate
🔖变量和表达式 | AutoHotkey
VIM
Learn shortcuts and commands | ShortcutFooTyping Practice🔖Open Vim
(3) 题库 - 力扣 (LeetCode) 全球极客挚爱的技术成长平台Let’s Build A Simple Interpreter. Part 1. - Ruslan's BlogGeeksforGeeks | A computer science portal for geeksIntroduction - The Linux Perf MasterOpen Source Alternatives to Proprietary SoftwareTools for better thinking | UntoolsFuture Studio — Skyrocket in Android and Node.jsCrontab.guru - The cron schedule expression editorFrontend Developer Roadmap: Learn to become a modern frontend developerBuilding a CustoMac Hackintosh: The Ultimate Buyer's Guide | tonymacx86.comSystems of Linear Equations逆波兰表示法 - 维基百科，自由的百科全书You could have invented Parser Combinators
Game
Creating a simple bot for WoW, programming routes / Sudo Null IT News🔖WRobot - Bot World of Warcraft Private ServersGMR/Jumpy at master · sp3sh/GMRWorld of Warcraft API - Wowpedia - Your wiki guide to the World of WarcraftHome Page - World of Warcraft Programming: A Guide and Reference for Creating WoW AddonsAll Diablo 2 Resurrected Runewords • diablo2.ioOnline Games on Poki — Let's playPixel Adventure by Pixel FrogTexturePacker - Create Sprite Sheets for your game!
Web
web.devGoogle Tech Dev GuideWeb  |  Google DevelopersUdacity Courses  |  Web  |  Google DevelopersWeb 开发技术 | MDNFrontend Masters — Learn JavaScript, React, Vue & Angular from Masters of Front-End Development!All Standards and Drafts - W3CDesign Documents - The Chromium ProjectsYour Career in Web Development Starts Here | The Odin Project
Browser
The File System Access API: simplifying access to local files浏览器的工作原理：现代网络浏览器幕后揭秘 - HTML5 Rocks🔖How browsers work当访问浏览器时，发生了什么。什么是扩展程序？ - Google Chrome 扩展程序开发文档（非官方中文版）
渲染
渲染树构建、布局及绘制 | Web Fundamentals - Google DevelopersMinimizing browser reflow  |  PageSpeed Insights  |  Google DevelopersCSS TriggersWhat forces layout/reflow. The comprehensive list.🔖Reflows & Repaints: CSS Performance making your JavaScript slow? | StubbornellaRendering: repaint, reflow/relayout, restyle / Stoyan's phpied.com减少页面回流与重绘（Reflow & Repaint） - Harttle Land10 Ways to Minimize Reflows and Improve Performance
Chrome Devtools
🔖Remote Debugging Devices | Web Tools - Google DevelopersChrome 开发者工具  |  Tools for Web Developers  |  Google DevelopersChrome DevTools November Digest - HTML5 RocksDebugging Asynchronous JavaScript with Chrome DevTools - HTML5 Rocks
Performance、Cache
PWA and HTTP Caching | eNux使用 RAIL 模型评估性能  |  Web  |  Google Developers[译] 资源提示 —— 什么是 Preload，Prefetch 和 Preconnect？ · Issue #32 · fi3ework/blog
渲染页面：浏览器的工作原理 - Web 性能 | MDNWelcome - Chrome Developers🔖JS Interview Question: What’s the difference between feature detection, feature inference, and using the UA string? | by RLyn Ben | Medium
HTML
🔖HTML StandardHTML Standard
ECMAScript
ES5 - HTML5 Chinese Interest Group WikiRequire vs Import | Know The 4 Most Amazing Comparisons🔖https://www.ecma-international.org/ecma-262/8.0/JavaScript in DepthThe Modern Javascript Tutorial
Functional paradigm
介绍 · JavaScript 轻量级函数式编程
Promise
JavaScript Promise：简介  |  Web  |  Google Developerslukehoban/es6features: Overview of ECMAScript 6 featuresUnderstanding JavaScript’s async awaitES6 Promises in DepthNode.js Async Await in ES7
Compiler
AST in Modern JavaScriptBuild a JS Interpreter in JavaScript Using Acorn as a Parser
🔖Learning JavaScript Design Patterns🔖JavaScript Grammar
Babel
ECMAScript 2016+ compatibility table
SurviveJSArrayBuffer，二进制数组🔖JavaScript 20 年 | jshistory-cnH5应用加固防破解-js虚拟机保护方案浅谈 - 云+社区 - 腾讯云
CSS
🔖CSS Working Group Editor Drafts🔖W3Help - 兼容性 - 根本原因🔖WTF, HTML and CSS?Codrops | Useful resources and inspiration for creative minds🔖Foundation HTML5 Animation with JavaScriptFlexbox Zombies | geddski mastery games🔖Email Design ReferenceCSS Diner - Where we feast on CSS Selectors!
Ease
缓动函数速查表cubic-bezier(.17,.67,.83,.67) ✿ cubic-bezier.com
Animate
🔖Intro to CSS 3D transforms · Intro to CSS 3D transforms🔖高效CSS动画Morphing Modal Window | CodyHouse
🔖漫談 CSS 架構方法 - 以 OOCSS, SMACSS, BEM 為例CSS Architecture and Performance Engineering – CSS Wizardry – Web Performance Optimisation中文排版需求
Trick
Useful :nth-child Recipes | CSS-Tricks🔖Centering in the Unknown | CSS-TricksLine Clampin' (Truncating Multiple Line Text) | CSS-TricksA Complete Guide to Flexbox | CSS-Tricks
A Complete Guide to Flexbox | CSS-Tricks11 CSS One-Liners That Are Insanely Useful | by Anurag Kanoria | Oct, 2021 | JavaScript in Plain EnglishA Complete Guide to CSS Grid | CSS-Tricks - CSS-Tricks
Course
Learn to code | CodecademyStart Learning at Treehouse for FreeSitePoint – Learn HTML, CSS, JavaScript, PHP, Ruby & Responsive DesignTop Shelf Web Development Training ― Scotch.ioKatacoda - Interactive Learning Platform for Software EngineersCoding Games and Programming Challenges to Code BetterCodeCombat - Learn how to code by playing a game
Quiz
LeetCode Online Judge🔖Javascript Puzzlers or: do you really know JavaScript?
Interview
h5bp/Front-end-Developer-Interview-Questionslydiahallie/javascript-questions: A long list of (advanced) JavaScript questions, and their explanations
Blog
Lea Verou | Life at the bleeding edge (of web standards)Alex Jover弗拉维奥科普斯Blog - AshleyNolan.co.uk - Blog and Portfolio for Ashley Watson-NolanWes Bos - Full Stack Developer
概念
Runtime
How JavaScript works in browser and node? - ITNEXT
Event loop
✨♻️ JavaScript Visualized: Event Loop - DEV Community 👩‍💻👨‍💻JS illustrated: The event loop 🔁 - DEV Community 👩‍💻👨‍💻
Debounce
JavaScript Debounce FunctionDebounce in JavaScript — Improve Your Application’s PerformanceDebouncing and Throttling Explained Through Examples | CSS-Tricks
Code ground
repl.it - Online REPL, Compiler & IDECreate a new fiddle - JSFiddleCodePen - Front End Developer Playground & Code Editor in the BrowserTry RedisAST explorerRunKit is Node prototypingCodeSandbox: Online Code Editor Tailored for Web Application DevelopmentBabel · The compiler for writing next generation JavaScript
Technology stacks
Software and technology stacks used by top companies | StackShareSapper + Svelte + tailwindcss boilerplate - DEVDocs • SapperGet Really Good at React | Epic React by Kent C. Dodds
Vue
answershuto/learnVue: Vue.js 源码解析Using Slots In Vue.js — Smashing MagazineHow to create more complex slots in Vue | by John Au-Yeung | JavaScript In Plain English | MediumVue.js 技术揭秘 | Vue.js 技术揭秘
useEffect 完整指南 — OverreactedStencil
工程化
🔖JavaScript Modularization Seven Day
Unit Test
Mocking global objects | Vue testing handbookUnit testing with Vue — Approach, tips, and tricks — Part 2Testing Vue: Mocking Axios CallsEnd to End Testing Framework | cypress.io
资源
IBM developerWorks 中国 : Overview图灵社区🔖My Favorite Free Resources for New Programmers - DEV Community 👩‍💻👨‍💻最新的 svg greensock snapsvg 技巧经验分享 - svgtrick.comValue vs. ReferencejQuery Deconstructed从协程到状态机--regenerator源码解析(一) - 知乎
Projects
TensorFlow.jsModernizr: the feature detection library for HTML5/CSS3
Animate
Animate your HTML5Simple Icon Hover Effects with CSS Transitions and AnimationsAniCollection - The easiest way to find, use and share CSS3 animations.Animate.cssAniJS, A Library to Raise your Web Design without Coding
编辑器
Introduction - Slate
Regexp
is.js/is.js at master · arasatasaygin/is.jsVerbalExpressions/JSVerbalExpressions
Events
Mousetrap - Keyboard shortcuts in Javascript🔖Dragdealer.js – drag provider, the good stuffbevacqua/draguladesandro/draggabillyinteract.js - JavaScript drag and drop, resizing and gestures with inertia and snapping
Example
Vue.js Showcase - Made With Vue.jsVue.js Examples
Icons
Visualization
蚂蚁数据可视化 - AntV🔖Gallery · d3/d3 WikiDonut chart demo | amChartsHighcharts - Interactive JavaScript charts for your webpage
Game
Phaser - A fast, fun and free open source HTML5 game frameworkPixiJS v4
Typegraphy
樣式標準化 — 漢字標準格式・使用手冊
Loading
🔖Single Element CSS Spinners🔖SVG Loaders - Sam Herbert🔖Material Design swipe to refreshloading.io - Your SVG + GIF + PNG Ajax Loading Icons and Animation Generator
Effect
🔖shine.js🔖Particleground demoButton Styles Inspirationparallax.jsMotion Blur Effect with SVG | MenuPicturefillalvarotrigo/fullPage.js: fullPage plugin by Alvaro Trigo. Create full screen pages fast and simpleAngled Edges with CSS Masks and Transforms | Viget
Component
🔖Dropzone.jsCloud Zoom Examples
UI frame
Picnic CSSMilligram | A minimalist CSS framework.Base - A Super Simple HTML/CSS Responsive FrameworkBulma: a modern CSS framework based on FlexboxDocumentation - Materialize
Primer Design SystemProduction-Ready Animation Library for React | Framer Motion
WYSIWYG
javascript - How to move cursor to end of contenteditable entity - Stack Overflowjavascript - contenteditable put caret outside inserted span - Stack Overflowjavascript - Coordinates of selected text in browser page - Stack Overflowjavascript - Get a range's start and end offset's relative to its parent container - Stack Overflowmedium-editor 剪切板
Electron
Electron常见问题收录 - 掘金Electron工程踩坑记录 - 掘金Electron深入填坑之路 - 掘金用JS开发跨平台桌面应用，从原理到实践 - 知乎electron 构建打包总结 · Issue #22 · eyasliu/blog在vue-cli-plugin-electron-builder下用electron:build打包或生成应用程序的两种方法 - 简书Electron 唤醒 - 知乎pc网页端调起客户端应用的那些事--electron - 掘金Electron客户端场景化更新升级方案实践 - 知乎
WebGL
WebGL 理论基础Three.js 基础
Mini program
微信小程序的双线程架构-文档小程序简介 | 微信开放文档
Native
简介 · React Native 中文网Introduction · React NativeGetting started | React Navigationreact-native/KeyboardAvoidingView.js at 92073d4a71d50a1ed80cf9cb063a6144fcc8cf19 · facebook/react-nativeBasic BlurView usage - Snack
第二期 | 关于前端基建的一些总结和思考 · 语雀30 seconds of code🔖Web 前端开发职业技能等级标准_工业和信息化部教育与考试中心You Might Not Need jQuery前端核心代码保护技术面面观 - 知乎Hexadecimal color code for transparencyTailwind CSS Components. Examples and templatesParsing in JavaScript: all the tools and libraries you can useThe interactive way to master modern React – react.gg
Saas
DiscourseFlarum – Forums Made Simple🔖Error Tracking & Crash Reporting for Software Developers - RollbarDisqus - The #1 way to build an audience on your websiteZendesk Design | Help Center Your Clients Will Love | Lotus ThemesUser feedback tool - UpvotyCanny: Customer Feedback Management ToolSpline - Design tool for 3D web browser experiencesWelcome to PrivacyPolicies.com - PrivacyPoliciesLearn shortcuts and commands | ShortcutFooAll-in-One Marketing Platform - MailchimpCryptocurrency Prices, Portfolio, Forum, Rankings | CryptoCompare.comAnti Captcha：人机验证谜题破解服务。绕过 reCAPTCHA、Arkose Labs FunCaptcha、图片人机验证、极验验证、hCaptcha。Product Hunt – The best new products in tech.StackBlitz | Instant Dev Environments | Click. Code. Done.Gumroad – Sell what you know and see what sticksipBuilder.io - Drag and drop Visual CMS奈飞小铺 - 智能账号合租平台
Web3
DefiLlama - DeFi Dashboard区块链导航 | DEFI导航 | web3导航 | 资讯聚合 | 快讯聚合 | 网址,资讯,资源一体化Most Trusted Cryptocurrency Market Data API | CoinMarketCapEIP-1559 Resource and Tutorial Hub - Alchemy Documentation🔖Cryptocurrency IconsZapper FeedbackDexnav 炒币每日工作流Dexnav 区块链导航|区块链工具|币圈导航|币圈工具|链上工具币圈导航网Crypto Logos - Cryptocurrency Logo Files (.SVG & .PNG) DownloadSpeed Run Ethereum加密货币就是货币 · GitBookUniswap | TradingEthereum(ETH)区块链浏览器Solidity — Solidity develop 文档Introduction · GitBookCrypto & Blockchain Education | Binance Academy首页 | ethereum.org文档 - OpenZeppelin 文档部署合约 | Moonbeam Docs入门智能合约 — Solidity中文文档 — 登链社区CryptoZombies - 编游戏的同时学习以太坊的智能协议. Loom Network产品。科普 | 什么是以太坊私钥储存（Keystore）文件？ » 论坛 » EthFans | 以太坊爱好者HD Wallet登链社区 - 区块链技术爱好者都在这里b以太坊中国 · Ethereum Community NetworkChainlistEthplorer - Ethereum 代币浏览器和数据查看器。热门代币、图表、市值、分析Ethereum交易数据的构建原理 - 云+社区 - 腾讯云Deep dive into Ethereum logs. Hey kids, today we are going low level… | by banteg | codeburstw以太坊上的 SQL：如何处理交易中的所有数据 通过安德鲁洪 | 迈向数据科学My Subgraphs | Subgraph StudioWeb3 Developer Salary - Aug 2022
炼丹
PromptHero - Search prompts for Stable Diffusion, ChatGPT & Midjourneypharmapsychotic/clip-interrogator – Run with an API on Replicate魔咒百科词典手抄本法术 - Google 表格ChilloutMix | Stable Diffusion Checkpoint | CivitaiCivitai | Stable Diffusion models, embeddings, hypernetworks and moresamle/sd-webui-models · Hugging FaceVideo Library厕所里远程控制AI绘图 stable diffusion教程 零基础 入门自学_哔哩哔哩_bilibiliDanbooru 标签超市NoyaAgentGPTPoe - SageFuture Tools - Find The Exact AI Tool For Your Needs