2K Star! More than 50 topics, 450 good projects, a collection of blockbuster projects recommended in the past six months👍

头像
夜尽天明
    阅读 20 分钟
    中文
    28
    头图

    In the past six months, Brother Mao has recommended more than 50 topics and 400 super good open source projects. Today, let’s make a collection of the articles and projects recommended in the past, so that everyone can find them quickly. The desired item.

    I’m your cat brother, or that super cat who doesn’t like fish and cats~

    Unknowingly, the public number: FrontEnd GitHub and the GitHub repository have been updated and operated for more than half a year. The positioning of the front-end GitHub is as follows:

    focuses on mining excellent front-end open source projects, smoothing your front-end information asymmetry, covering JavaScript, Vue, React, Node, applets, Flutter, Deno, HTML, CSS, etc.

    Although the frequency of updating articles is not high, on average, they are updated once a week, but they are still being updated, and the updated article content is still very high-quality.

    FrontEndGitHub also harvested 2K Star! Thank you all for your affirmation and encouragement.

    For how to find a good open source project, you can read this article: GitHub-How to Find a Good Open Source Project

    soft skill

    projectaddress
    GitHub official documentation: use, search, and manage open source projectshttps://docs.github.com/cn

    Front-end trend list

    Vue3

    projectaddress
    Vue3 Chinese document https://vue3js.cn/docs/zh/
    Vue3 design concepthttps://vue3js.cn/vue-composition/
    Vue3 related project aggregation websitehttps://vue3js.cn/
    Vue3 source codehttps://vue3js.cn/start/
    Ant-design-vuehttps://antdv.com/docs/vue/introduce-cn/
    Vant 3.0https://vant-contrib.gitee.io/vant/v3/
    Element-plus https://element-plus.org/#/zh-CN
    element 3https://github.com/hug-sun/element3
    vue-vben-adminhttps://github.com/anncwb/vue-vben-admin
    vue-admin-beautifulhttps://github.com/chuzhixin/vue-admin-beautiful
    vue-clihttps://github.com/Wscats/vue-cli
    movie-trailerhttps://github.com/lhz960904/movie-trailer
    newbee-mall-vue3-apphttps://github.com/newbee-ltd/newbee-mall-vue3-app
    vue3-jd-h5https://github.com/GitHubGanKai/vue3-jd-h5

    Vue source code decryption

    projectaddress
    vue-analysis: Vue.js source code analysis https://github.com/ustbhuangyi/vue-analysis
    vue-design: line-by-line level analysishttp://hcysun.me/vue-design/zh/
    vue-family-mindmap: Use a mind map to summarize the source code and architecture points of Vue, Vue-Router, and Vuexhttps://github.com/biaochenxuying/vue-family-mindmap
    learnVue: Vue.js source code analysishttps://github.com/answershuto/learnVue
    vue: Vue source code line-by-line comment analysishttps://github.com/qq281113270/vue
    vue2.0-source: Vue source code analysishttps://github.com/liutao/vue2.0-source
    Vue3 source code: Vue3 source code series https://vue3js.cn/start/

    React source code decryption

    projectaddress
    just-react: A rigorous and easy-to-understand React source code analysis tutorial https://github.com/BetaSu/just-react

    Interview topic

    projectaddress
    Front-end-Developer-Questions: Front-end interview questions https://h5bp.org/Front-end-Developer-Interview-Questions/
    javascript-questions: JavaScript advanced questions listhttps://github.com/lydiahallie/javascript-questions
    Daily-Question: Every day a big factory face to pushhttps://github.com/shfshanyue/Daily-Question
    CS-Interview-Knowledge-Map: Interview questions for first-line manufacturershttps://github.com/InterviewMap/CS-Interview-Knowledge-Map
    Daily-Interview-Question: Get a front-end interview question every dayhttps://github.com/Advanced-Frontend/Daily-Interview-Question
    fe-interview: A review summary project for front-end interviewshttps://lucifer.ren/fe-interview
    fe-interview: Front-end interview topics https://github.com/biaochenxuying/blog/blob/master/interview/fe-interview.md
    fe-interview: front-end knowledge question bankhttps://github.com/haizlin/fe-interview
    node-interview: Are you hungry for the interview of the big fronthttps://github.com/ElemeFE/node-interview/tree/master/sections/zh-cn
    Front-End-Interview-Notebook: Front-end review noteshttps://github.com/CavsZhouyou/Front-End-Interview-Notebook
    FE-Interview: Essential Question Bank for Front-end Interviewhttps://github.com/lgwebdream/FE-Interview
    web-interview: Vue interview question bankhttps://github.com/febobo/web-interview

    Resume topic

    projectaddress
    ResumeSample: Programmer resume template series https://github.com/geekcompany/ResumeSample
    Markdown-Resume: A resume template written in markdown syntax, very simple and universalhttps://github.com/CyC2018/Markdown-Resume
    awesome-resume: programmer resume example, programmer resume examplehttps://github.com/resumejob/awesome-resume
    DeerResume: An easy-to-use MarkDown online resume tool that can preview, edit, set access passwords and generate PDF onlinehttps://github.com/geekcompany/DeerResume
    markdown-resume: online resume typesetting tool, support switching 4 kinds of templates, customization and export functionhttps://github.com/mdnice/markdown-resume
    best-resume-ever: A tool to quickly generate beautiful resumes, based on Vue and LESShttps://github.com/salomonelli/best-resume-ever
    awesome-resume-for-chinese: A collection of resume templates suitable for Chinese https://github.com/dyweb/awesome-resume-for-chinese
    resume: An elegant and simple resumehttps://github.com/gwuhaolin/resume
    biaochenxuying: a very free custom front-end programmer templatehttps://github.com/biaochenxuying/blog/blob/master/resume/resume.md
    github-readme-stats: Get dynamically generated GitHub statistics in your READMEhttps://github.com/anuraghazra/github-readme-stats

    JavaScript

    projectaddress
    30-seconds-of-code: short code snippet, often used and very classic code https://github.com/30-seconds/30-seconds-of-code
    33-js-concepts: 33 concepts that JavaScript developers should understandhttps://github.com/leonardomso/33-js-concepts
    javascript-questions: JavaScript advanced questions listhttps://github.com/lydiahallie/javascript-questions
    JavaScript 30: Use native JavaScript to complete 30 projects in 30 dayshttps://github.com/wesbos/JavaScript30
    Codewars: It's a bit similar to leetcode. It also completes real code challenges with others on the platform and improves your skills.https://www.codewars.com/
    ES6 introductory tutorial: open source JavaScript language tutorial, comprehensive introduction to the new syntax features of ECMAScript 6https://es6.ruanyifeng.com/
    JavaScript Tutorial: A comprehensive introduction to the core JavaScript syntax, covering all the content of ES5 and DOM specifications https://wangdoc.com/javascript/
    Modern JavaScript tutorial: based on the latest JavaScript standards. From basic to advanced JavaScript knowledgehttps://zh.javascript.info/
    MDN: Provides information about Open Web technology, including HTML, CSS, and API for websites and progressive web applicationshttps://developer.mozilla.org/zh-CN/
    clean-code-javascript: Excellent JS code specificationhttps://github.com/ryanmcdermott/clean-code-javascript
    TypeScript introductory tutorial: Summarize and think from the perspective of JavaScript programmers, and understand TypeScript step by stephttps://ts.xcatliu.com
    w3school: Web technology tutorial platform that the front end must knowhttps://www.w3school.com.cn/js/index.asp
    three.js: JavaScript editing 3D models, all kinds of cool effects and Documentation is worthy of your understanding three.js three.js](https://threejs.org/)

    Flutter

    websiteDescription
    dy_flutterDouyu APP
    flutter_tiktokFine imitation of vibrato
    flutter-oscOpen source Chinese client
    FlutterDouBanDouban Client

    TypeScript

    websiteDescription
    TypeScriptTypeScript official website, TS extends JavaScript and adds type support to it
    typescript-tutorialTypeScript introductory tutorial, a step-by-step understanding of TypeScript
    TypeScriptTypeScript User Manual
    typescript-book-chineseDeep understanding of TypeScript
    clean-code-typescriptConcise code concept for TypeScript
    TypeScript Video tutorial for getting started with TypeScript
    typescript-tutorialTypeScript Crash Course (2 hours Crash Course)

    Essential online tools for the front end

    projectaddress
    LightHouse: an open source automation tool used to improve the quality of network applicationshttps://github.com/GoogleChrome/lighthouse
    Can I Use: A website for querying the features and compatibility of CSS and Js among popular browser clockshttps://caniuse.com/
    ios font: IOS font support query and IOS system's own font queryhttp://iosfonts.com/
    Web-safe color: try to let users see web pages with the same color, please try to use 216-color web-safe colorhttps://www.bootcss.com/p/websafecolors/
    TinyPNG: PNG/JPG image online compression tool, smart PNG and JPEG image compressionhttps://tinypng.com/
    QR code generator: Forage QR code generatorhttps://cli.im/
    Shape Divider: A tool for customizing SVG of various shapes of website partitionshttps://www.shapedivider.app/
    json format: json online parsing websitehttp://json.cn/
    sojson: A collection of front-end WEB toolshttps://www.sojson.com/
    Webmaster Tools: Essential Tools for Webmastershttps://tool.chinaz.com/
    codelf: Smart recommendation for variable naming (support Chinese)https://unbug.github.io/codelf/
    Evernote: Web front-end developers provide high-quality Chinese documentshttps://www.docschina.org
    regexr: regular expression verification matchhttps://regexr.com/
    any-rule: Regular expression library, very comprehensive, very convenient to usehttps://github.com/any86/any-rule
    bootcdn: domestic CDN library, fast www.bootcdn.cn or cdn.baomitu.com
    jsdelivr: foreign cdn library, support github, npm, WordPresshttps://www.jsdelivr.com
    gitignore: According to the selection, the .gitignore file will be generatedhttps://www.gitignore.io/
    codesandbox: Edit codes onlinehttps://codesandbox.io/
    typora: Practical Markdown writing tool, what you see is what you gethttps://www.typora.io
    mdnice: Make markdown grammar more beautiful, writing tool (strongly recommended)https://mdnice.com
    toptal: synthesize sprite images from multiple pictures and generate corresponding csshttps://www.toptal.com/developers/css/sprite-generator
    tool: A collection of many tools, including timestamp conversion, hexadecimal conversion, etc.https://tool.lu/

    Computer Cheats

    projectaddress
    Crash-Course-Computer-Science-Chinese: Crash Course in Computer Sciencehttps://github.com/1c7/Crash-Course-Computer-Science-Chinese
    computer-science: The road to free self-study education in computer science!https://github.com/ossu/computer-science
    CS-Notes: Basic knowledge of technical interview, Leetcode, computer operating system, computer network, system design, Java, Python, C++https://github.com/CyC2018/CS-Notes
    REKCARC-TSC-UHT: Tsinghua University Computer Department Course Guidehttps://github.com/PKUanonym/REKCARC-TSC-UHT
    zju-icicles: Zhejiang University Course Strategy Sharing Projecthttps://github.com/QSCTech/zju-icicles
    TeachYourselfCS-CN: Just relying on yourself, you can get world-class educationhttps://github.com/keithnull/TeachYourselfCS-CN
    CS-Xmind-Note: Computer Professional Course (408) Mind Map and Noteshttps://github.com/SSHeRun/CS-Xmind-Note
    awesome-books: 160+ e-books of the essence of open source technology, including books on front-end, back-end, data structure and algorithms, computer basics, design patterns, databases, etc.https://github.com/biaochenxuying/awesome-books

    Online code to image

    projectaddress
    Carbon: Online code to image toolhttps://carbon.now.sh/
    glorious.codes: online code to image toolhttps://glorious.codes/demo
    codezen: online code to image toolhttp://codezen.rishimohan.me/
    codeimg: online code to image toolhttps://codeimg.io/

    Management background admin

    projectaddress
    vue-Element-Admin: Back-end front-end solution, which is implemented based on vue and element-uihttps://github.com/PanJiaChen/vue-element-admin
    iview-admin: A set of back-end integration solutions based on Vue.js and using iView UI component libraryhttps://github.com/iview/iview-admin
    vue-admin-template: minimalist vue admin management backgroundhttps://github.com/PanJiaChen/vue-admin-template
    ant-design-pro: Ant Design Pro is a set of enterprise-level mid- and back-end front-end/design solutions based on Ant Design and umi packaginghttps://github.com/ant-design/ant-design-pro
    ngx-admin: A customizable management dashboard template based on Angular 10+, and 6 amazing visual themeshttps://github.com/akveo/ngx-admin
    vue-admin-beautiful: an excellent middle and back-end front-end development management framework based on vue+element-uihttps://github.com/chuzhixin/vue-admin-beautiful
    vuestic-admin: Free and wonderful Vue.js management template, including more than 38 custom user interface componentshttps://github.com/epicmaxco/vuestic-admin
    antd-admin: an excellent middle and back-end front-end solutionhttps://github.com/zuiidea/antd-admin
    eladmin: Front-end and back-end technology development such as SpringBoot, Jpa, Security, Redis, Vue, etc.https://github.com/elunez/eladmin
    AdminLTE: is a fully responsive management template. Based on Bootstrap 4.5 framework and JS / jQuery pluginhttps://github.com/almasaeed2010/AdminLTE

    Forced full PPT

    projectaddress
    reveal-md: an open source project that uses Markdown to do PPT displayhttps://github.com/webpro/reveal-md
    reveal.js: Use html and markdown to write static text to create a full-featured and beautiful PPThttps://github.com/hakimel/reveal.js

    Data Structures and Algorithms

    projectaddress
    javascript-algorithms: Contains a variety of algorithms and data structures based on JavaScripthttps://github.com/trekhleb/javascript-algorithms
    algorithm-visualizer: Algorithm visualization tool is an interactive online platform that can visualize algorithms from codehttps://github.com/algorithm-visualizer/algorithm-visualizer
    algo: 50 code implementations that you must know about data structures and algorithmshttps://github.com/wangzheng0822/algo
    awesome-algorithms: contains javascript implementations of different famous computer science algorithmshttps://github.com/mgechev/javascript-algorithms
    JS-Sorting-Algorithm: GitBook online book on sorting algorithms "Top Ten Classic Sorting Algorithms"https://github.com/hustcc/JS-Sorting-Algorithm
    The beauty of JavaScript data structure and algorithm: Contains the ideas of top ten classic sorting algorithms, code implementation, some examples, complexity analysis, and animationhttps://github.com/biaochenxuying/blog
    daily-algorithms: algorithm, a project for daily practicehttps://github.com/barretlee/daily-algorithms
    JavaScript more...https://github.com/search?l=JavaScript&o=desc&q=algo&s=stars&type=Repositories

    CSS learning topics

    projectaddress
    You-need-to-know-css: Implementation of various effects of CSS, especially animation effectshttps://lhammer.cn/You-need-to-know-css/#/zh-cn/
    CSS-Inspiration: Find inspiration to use or learn CSShttps://github.com/chokcoco/CSS-Inspiration
    css_tricks: Summarizes some commonly used new properties of CSS and some trickshttps://github.com/QiShaoXuan/css_tricks
    animista: The effects of various CSS implementations, as well as code demonstrations, to facilitate direct copying of the codehttp://animista.net/
    spinkit: A collection of CSS code snippets to achieve various loading effectshttps://tobiasahlin.com/spinkit/
    Mastering CSS3 in Ten Days: CSS3 Tutorialhttps://www.imooc.com/learn/33
    Animate: Interesting, cross-browser css3 animation libraryhttps://animate.style/
    sass: Sass is a pre-compiled language for CSS. Sass gives CSS more powerful functionshttps://sass.bootcss.com/documentation
    less: Less is a CSS preprocessing language, which extends the CSS language and adds features such as variables, mixins, functions, etc.https://less.bootcss.com/
    cssdeck: Online CSS front-end code Demo style effecthttp://cssdeck.com/
    codepen: front-end cool style effects, various loading effects, online programming, Vue components are also very manyhttps://codepen.io/
    cubic-bezier: CSS3 Bezier curve online debugging toolhttps://cubic-bezier.com/
    Snapsvg: JS library for SVG dynamic effects, various cool effects.http://snapsvg.io/
    Cool Backgrounds: Cool background pictures, gradient color picture backgrounds, look cool.https://coolbackgrounds.io/

    Node.js

    projectaddress
    node: The best learning resource is definitely the most authoritative official Node.js project.https://github.com/nodejs/node
    node-api-cn: Node.js API Chinese Document Projecthttps://github.com/nodejscn/node-api-cn
    node-in-debugging: Node.js debugging guide projecthttps://github.com/nswbmw/node-in-debugging
    nodebestpractices: A summary and sharing of the highest-ranked content in Node.js best practiceshttps://github.com/goldbergyoni/nodebestpractices
    deep-into-node: In-depth understanding of Node.js: core ideas and source code analysishttps://github.com/yjhjstz/deep-into-node
    Nodejs-Roadmap: The technology stack involved in the Node.js serverhttps://github.com/qufei1993/Nodejs-Roadmap
    NeteaseCloudMusicApi: Netease Cloud Music Node.js API servicehttps://github.com/Binaryify/NeteaseCloudMusicApi
    node-elm: This is a background system based on node.js + Mongodbhttps://github.com/bailicangdu/node-elm
    awesome-nodejs: Node.js resource collectionhttps://github.com/sindresorhus/awesome-nodejs

    Applets

    projectaddress
    mpvue: A small program development framework based on Vue.js, supporting Vue.js syntax and construction tool system from the bottomhttps://github.com/Meituan-Dianping/mpvue
    wepy: small program componentized development frameworkhttps://github.com/Tencent/wepy
    westore: WeChat applet solution-1KB javascript covering state management, cross-page communication, plug-in development and cloud database developmenthttps://github.com/Tencent/westore
    ColorUI: Bright and highly saturated colors, small program component library focusing on visionhttps://github.com/weilanwl/ColorUI
    Gitter: A demo developed using the Taro framework + Taro UI, which may be the most attractive GitHub WeChat applet client.https://github.com/huangjianke/Gitter
    Taro: Multi-terminal unified development framework that supports writing one-time code in React development modehttps://github.com/NervJS/taro
    Painter: a small program to generate a picture library, easily draw a picture that can be sent to the circle of friends through jsonhttps://github.com/Kujiale-Mobile/Painter
    kbone: Web and applet isomorphism solution, WeChat officialhttps://github.com/wechat-miniprogram/kbone

    Front-end monitoring

    websiteDescription
    front-end monitoring tool-webfunny project A lightweight front-end abnormal monitoring and front-end performance monitoring system

    Front-end code specification

    projectaddress
    Tencenthttp://tgideas.qq.com/doc/index.html
    Jingdonghttps://guide.aotu.io/index.html
    airbnbhttps://github.com/airbnb/javascript
    Baiduhttps://github.com/ecomfe/spec/blob/master/javascript-style-guide.md
    JavaScript Standard Stylehttps://github.com/standard/standard
    Vue https://cn.vuejs.org/v2/style-guide/index.html
    ES6http://es6.ruanyifeng.com/#docs/style
    Bootstraphttps://codeguide.bootcss.com/
    ESLinthttps://eslint.org/
    Prettierhttps://prettier.io/

    A must-have warehouse for programmers

    projectaddress
    build-your-own-x: Build the application you want to dohttps://github.com/danistefanovic/build-your-own-x
    javascript-algorithms: A variety of algorithms and data structures based on JavaScripthttps://github.com/trekhleb/javascript-algorithms
    computer-science: A large number of free learning resources are provided for all those who want to learn computer sciencehttps://github.com/ossu/computer-science
    30-seconds-of-code: more than 100 code snippets, covering all kinds of content in JavaScripthttps://github.com/30-seconds/30-seconds-of-code
    nodebestpractices: Summary and sharing of the highest-ranked content in Node.js best practiceshttps://github.com/goldbergyoni/nodebestpractices
    realworld: How to develop appropriate applications using specific languages/technologieshttps://github.com/gothinkster/realworld
    free-programming-books: free programming books https://github.com/EbookFoundation/free-programming-books
    system-design-primer: Learn how to design large-scale systems and prepare for system design interviewshttps://github.com/donnemartin/system-design-primer
    awesome-python: A curated list of curated Python frameworks, libraries, software and resourceshttps://github.com/vinta/awesome-python
    awesome-machine-learning: A selection of great machine learning frameworks, libraries and softwarehttps://github.com/josephmisiti/awesome-machine-learning

    Foreign website

    projectaddress
    GitHub: Open source project repositoryhttps://github.com
    GitLab: an open source project of a warehouse management systemhttps://about.gitlab.com/
    dev.to: technical blog communityhttps://dev.to/
    dreamincode: a niche technology bloghttps://www.dreamincode.net
    bytes: similar to dreamcode, simple but not simplehttps://bytes.com
    hongkiat: Technical articles related to technology and designhttps://www.hongkiat.com/blog/design-dev
    IBM Developer: First-line engineer, very technical articlehttps://developer.ibm.com
    StackOverFlow: An international question-answering community dedicated to programmershttps://stackoverflow.com
    Reddit: A very personalized community, you can discuss programming issues, and you can also learn to learn Englishhttps://www.reddit.com
    daniweb: a relatively high-quality Q&A platformhttps://www.daniweb.com
    LeetCode: domestic Leetcode is also used for brushing questionshttps://leetcode.com
    LintCode: There are more than 1000 algorithm questions and artificial intelligence questions on the LintCode collarhttps://www.lintcode.com
    Codeforces: one of the most famous online evaluation systems in the worldhttp://codeforces.com/
    Topcoder: The world's largest programming websitehttps://www.topcoder.com
    tutorialspoint: a website for online learning, free of charge, with explanations and demos of various technologies and knowledge pointshttps://www.tutorialspoint.com/index.htm
    codecademy: simplify the process of programming learninghttps://www.codecademy.com
    Livecoding.tv: Provide a real-time and efficient interactive platform for global programmershttps://www.livecoding.tv/accounts/login/
    Dzone: website with comprehensive technical coveragehttps://dzone.com
    simpleprogrammer: There are not many purely technical articles, but many guiding and suggestive articleshttps://simpleprogrammer.com/
    SitePoint: Learn web design and development of HTML5, CSS3, JavaScript, PHP, mobile applicationshttps://www.sitepoint.com/web
    YouTobe: Like the domestic Bilibili, all kinds of videos are gathered here, and of course the programming gods from all over the world are also here.https://www.youtube.com/

    Design specification

    projectaddress
    iPhone screen size of each devicehttps://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions
    Mobile screen size design specificationhttp://screensiz.es/phone
    WeChat Official Mini Program UI Style Libraryhttps://weui.io/
    Responsive screen effect display of all large-size deviceshttp://www.responsinator.com/

    Visualization

    projectaddress
    brick-design: Full-scene visualized drag-and-drop low-code front-end frameworkhttps://github.com/brick-design/brick-design

    Code generator

    projectaddress
    jeecg-boot: One-click generation of front-end and back-end codehttps://github.com/zhangdaiscott/jeecg-boot

    Download the whole network video

    projectaddress
    you-get: one-line command to download videos from the whole networkhttps://github.com/soimort/you-get
    annie: One-line command to download the whole network videohttps://github.com/iawia002/annie

    Cool geek interface

    projectaddress
    eDEX-UI: A cool geek interfacehttps://github.com/GitSquared/edex-ui
    lively: Pull up the programmer's computer desktop and force the gridhttp://screensiz.es/phone

    Cutout artifact

    projectaddress
    removebghttps://www.remove.bg/zh
    Online ps-uupoophttps://www.uupoop.com/

    Online drawing

    projectaddress
    ProcessOnhttps://www.processon.com/
    draw.iohttps://www.draw.io/
    excalidrawhttps://excalidraw.com/

    colour match

    projectaddress
    Chinese traditional colors of the Chinese Academy of Scienceshttp://zhongguose.com/#yuhong
    Online quick color matching toolhttps://coolors.co/
    Update a set of simple and comfortable color schemes every dayhttps://colorhunt.co/
    MaterialDesign's powerful online color matchinghttps://www.materialpalette.com/blue/purple
    Get and analyze website color matching through URLhttp://webcolourdata.com/
    Cool polygon background color block generationhttps://trianglify.io/
    Color search enginehttps://picular.co/
    Popular mesh gradient background free downloadhttps://webgradients.com/
    Upload and match the color of the extracted picture stylehttp://www.colorfavs.com/

    Development ideas

    projectaddress
    hacker-laws: the most common laws, principles, etc.https://github.com/nusr/hacker-laws-zh

    Technical community

    projectaddress
    GitHub: High-quality content creation and sharing platformhttps://github.com/
    stackoverflow: A website that answers technical questionshttps://stackoverflow.com/
    Nuggets: At present, many high-quality front-end articles in China are on the Nuggetshttps://juejin.cn/
    Blog Garden: A very pure technology blog platformhttps://www.cnblogs.com/
    Zhihu: Many students who are doing technology have also started to play Zhihu. Many front-end experts in Ali are very active on Zhihu.https://www.zhihu.com/
    segmentfault: a relatively low-key technology blog platformhttps://segmentfault.com/
    CSDN: There are too many ads, but you are so oldhttps://www.csdn.net/
    v2ex: a place for sharing and exploringhttps://www.v2ex.com/
    Node.js professional Chinese communityhttps://www.jstips.co/
    JS skills: launch a website with JS skills every dayhttp://cnodejs.org/
    W3cplus: is a technical blog dedicated to promoting the domestic front-end industryhttps://www.w3cplus.com/
    Imprint Chinese: is the most authoritative and technical Chinese document communityhttps://docschina.org/

    Blog team

    projectaddress
    Tencent AlloyTeamhttp://www.alloyteam.com/
    Tencent Social User Experience ISUXhttps://isux.tencent.com/
    Amoy front-end teamhttps://fed.taobao.org/
    Alibaba International UEDhttp://www.aliued.com/
    Jingdong Bump Labhttps://aotu.io/
    Hungry frontendhttps://zhuanlan.zhihu.com/ElemeFE
    Baidu Front-end R&D Department FEXhttp://fex.baidu.com/
    360 Strange Dance Grouphttps://75team.com/
    Meituan Technical Teamhttps://tech.meituan.com/
    All nighthttps://github.com/biaochenxuying/blog

    GitHub statistics

    projectaddress
    GitHub Global Ranking: This ranking is very authoritativehttps://gitstar-ranking.com/
    GitHub Chinese rankings, high-scoring outstanding Chinese projectshttps://github.com/kon9chunkit/GitHub-Chinese-Top-Charts

    Frontend Assembly

    projectaddress
    Vue.js Developer Conference: Vue.js Developer Conference Chinahttps://fequan.com/
    China JS Developers Conference: an international conference focusing on JavaScript and Node.js technologyhttps://jsconfchina.com/
    China CSS Developers Conference: A conference to improve the posture of CSS developmenthttps://css.w3ctech.com/
    D2 Front-end Technology Forum: hosted by Alibaba to share the fun of technology and discuss the development of the industryhttp://d2forum.alibaba-inc.com/

    Packaging tool

    projectaddress
    NPMhttps://www.npmjs.com/
    Yarnhttps://yarnpkg.com/zh-Hans/
    Webpackhttps://webpack.js.org/
    Gulphttps://www.gulpjs.com.cn/
    Babelhttps://babeljs.io/
    ESLint: Assemblable JavaScript and JSX inspection toolhttps://cn.eslint.org/
    PostCSS: A tool for converting CSS code with JavaScript tools and pluginshttps://www.postcss.com.cn/
    rollup: package npm libraryhttps://github.com/rollup/rollup
    parcel: a packaging tool similar to webpackhttps://github.com/parcel-bundler/parcel
    systemjs: It will be more useful for some special scenarios, such as cloud ide, Alipay applet IDE, etc.https://github.com/systemjs/systemjs
    microbundle: based on rollup, simplified configurationhttps://github.com/developit/microbundle
    bili: based on rollup, same as abovehttps://github.com/egoist/bili
    vue-cli: vue command line toolhttps://github.com/vuejs/vue-cli
    create-react-app: React official scaffoldinghttps://github.com/facebook/create-react-app
    prepack: optimize the packing result through pre-executionhttps://github.com/facebook/prepack
    swc: rust-based syntax converter, a competitor of babelhttps://github.com/swc-project/swc
    nathan/pax: Based on rust, it is said to be the fastest JavaScript packaging tool on the planethttps://github.com/nathan/pax
    pikapkg/web: run npm dependencies in the browser, for modern browsershttps://github.com/pikapkg/web
    lebab/lebab: Convert es5 code to es6, reverse babelhttps://github.com/lebab/lebab
    snowpack: a faster packaging tool system for the modern Webhttps://github.com/pikapkg/snowpack

    Code hosting platform

    projectaddress
    coding: code hosting platformhttps://coding.net/
    Code Cloud: Code hosting platformhttps://gitee.com/
    github: Code hosting platformhttps://github.com/
    SVN: Code hosting platformhttps://svnbucket.com/?ADTAG=bdss#/
    SVN: Code Hosting Centerhttp://www.svnchina.com/
    git: official websitehttps://git-scm.com/
    Ali Cloudhttps://www.aliyun.com
    Tencent Cloudhttps://cloud.tencent.com/

    Debug packet capture

    projectaddress
    whistle: proxy capture tool, very good and powerfulhttps://wproxy.org/whistle/
    Easy Mockhttps://www.easy-mock.com
    Fiddler: proxy capture toolhttps://www.telerik.com/fiddler

    development tools

    projectaddress
    VS Codehttps://code.visualstudio.com/
    Sublime Texthttps://www.sublimetext.com/
    WebStormhttps://www.jetbrains.com/webstorm/
    Atomhttps://atom.io/

    Screen recording tool

    projectaddress
    screenityhttps://github.com/alyssaxuu/screenity

    A practical guide to buying a house

    projectaddress
    hangzhou_house_knowledge: Hangzhouhttps://github.com/houshanren/hangzhou_house_knowledge
    hangzhou_house_knowledge: Shanghaihttps://github.com/ayuer/shanghai_house_knowledge

    Quality front-end blog

    the publicAuthorWechataddressIntroduction
    Full stack practiceAll nightCB834301747https://github.com/biaochenxuying/blogShare technical articles, hot resources, and the growth path of full-stack programmers related to the development
    Front end afternoon teaSHERlocked93qianyu443033099https://github.com/SHERlocked93/blogShare front-end related technical blogs and selected articles, and look forward to progressing with everyone here!
    Front-end UpUpday by dayDayDay2021https://github.com/daydaylee1227/leetc
    前端javascriptvue.jsreacttypescript
    夜尽天明
    13.9k 声望6.5k 粉丝
    « 上一篇
    推荐 12 个提升程序员软技能与效率的必备工具，爱了爱了 👍
    下一篇 »
    推荐 10 个好用的 Vue3 的开源项目，开发效率又能提升了👍

    引用和评论

    推荐阅读
    头像
    推荐 10 个好用的 Vue3 的开源项目，开发效率又能提升了👍

    夜尽天明赞 16阅读 9.5k评论 2

    头像
    浏览器原生「磁吸」效果！Anchor Positioning 锚点定位神器解析

    chokcoco赞 10阅读 2.8k

    头像
    Flex 布局学习总结（对齐方式）

    zZ_jie赞 4阅读 2.6k

    头像
    Koa+Typescript起手式(空环境) 不用每次玩node都要搭环境了！

    alwaysVe赞 4阅读 8.8k

    头像
    静态NodeList 和 动态NodeList的区别

    Change赞 5阅读 5.7k评论 2

    头像
    JavaScript&ES6----数组去重的多种方法

    云绮棠兮赞 4阅读 3.6k评论 2

    头像
    分享一个基于webpack5 + react + antd的空后台,优化的不错,拿来即用

    alwaysVe赞 2阅读 6.1k评论 5

    0 条评论
    得票最新