Workflow
菜鸟教程
icon
Search documents
2025 年这些优秀 Chrome 扩展必须安排上,早用早下班,开发效率杠杠~
菜鸟教程· 2025-05-26 13:48
Development Tools - React Developer Tools is essential for React developers, allowing inspection and debugging of React component trees, viewing component states and properties, and analyzing performance issues, supporting new features like Hooks and Suspense [1] - Vue.js devtools is the official debugging tool for Vue.js developers, providing component inspection, Vuex state management debugging, and event tracking, particularly useful for projects using Vue 3 and supporting Composition API debugging [3] - Redux DevTools is a powerful debugging tool for Redux state management, enabling real-time viewing of action dispatches and state changes, and supports time travel debugging to revert to any state point [5] - Web Developer offers a wide range of web development tools, including disabling JavaScript, viewing page structure, validating HTML/CSS, and adjusting browser window sizes [6] Performance Analysis - Lighthouse is Google's official website performance analysis tool that generates detailed reports on performance, accessibility, SEO, and best practices [7] - The 2025 version enhances analysis of Core Web Vitals [8] - PageSpeed Insights quickly checks webpage loading speed and performance metrics, providing optimization suggestions [9][10] Design Tools - ColorZilla is a powerful color selection and analysis tool that supports color picking from web pages, generating gradient colors, and creating color palettes, making it very useful for front-end developers and designers [14] - WhatFont allows one-click identification of fonts used on web pages, including font family, size, line height, and color details [15] API Development and Testing - JSON Formatter is a professional JSON data formatting tool that supports syntax validation, compression, and beautification, providing stronger editing and validation features compared to ordinary JSON viewers, essential for API developers [18] - Postman Interceptor works with the Postman application to capture network requests directly from the browser, facilitating API testing and debugging [20] - CORS Unblock temporarily resolves CORS issues in development environments, but should only be used during development as production environments require proper CORS configuration [22] Productivity Tools - Lightshot is a lightweight screenshot tool that supports quick screenshots, editing, and sharing, allowing users to add arrows, text, and highlights, ideal for creating technical documents and bug reports [24] - Speed Dial 2 is a customizable new tab replacement that allows users to create a personalized quick dial interface, adding links to commonly used development tools, documentation sites, and project repositories [26] - Multi Find: Search and Highlight enables simultaneous searching and highlighting of multiple keywords on a webpage, supporting different color markings, useful for code reviews, document reading, and debugging [28] - Octotree adds a code tree view to GitHub, supporting quick browsing of repository structures and improving code reading efficiency [30] - Enhanced GitHub enhances GitHub interface functionality, adding file size display, single file download, and file content copying features [32] Technology Detection - Wappalyzer detects the technology stack used by websites, including front-end frameworks, back-end technologies, analytics tools, and CDNs, which is helpful for technology research and competitive analysis [34] Task Management - Chrome版Todoist is a powerful task management extension that allows users to manage project tasks and code development progress directly in the browser, supporting quick task addition, deadline setting, project categorization, and priority management, particularly suitable for agile development teams [36] AI Assistance - Page Assist is a locally running AI assistant extension that provides intelligent code explanations, technical document summaries, and problem-solving capabilities, supporting multiple AI models to analyze code snippets, explain technical concepts, and generate code comments [38] Security and Privacy - Bitwarden Password Manager is an open-source password manager that offers strong password generation, storage, and auto-fill features, supporting multi-platform synchronization, which is crucial for developers managing various account passwords [39][40] - Fake Data is an intelligent form-filling tool that quickly generates various test data, including names, emails, phone numbers, and addresses, saving significant time during development and testing [43] - uBlock Origin Lite is an efficient ad and tracker blocking tool that reduces page loading times and enhances browsing experience, allowing developers to focus more on content [44] - HTTPS Everywhere automatically upgrades HTTP connections to HTTPS, ensuring browsing security, providing finer control compared to similar features in modern browsers [46]
年薪96W!真心建议大家冲一冲新兴领域,工资高前景好
菜鸟教程· 2025-05-26 01:48
Core Viewpoint - The article emphasizes the transformative impact of AI technology on the job market for programmers, highlighting the urgent need for professionals to adapt to new AI-driven roles and skills to remain competitive in the industry [1]. Group 1: AI Technology and Job Market Changes - AI technology is rapidly changing the landscape of programming jobs, with major companies like Alibaba Cloud, ByteDance, Tencent, JD.com, and Baidu integrating AI capabilities into their operations [1]. - Traditional programming skills are becoming less relevant, as the demand shifts towards expertise in AI model development and application [1]. - The job market is witnessing a significant increase in AI-related positions, with salaries for these roles rising by 150%, and top companies offering annual salaries between 700,000 to 1,000,000 yuan [1]. Group 2: Training and Development Opportunities - A free training program titled "AI Model Application Development Practical Training Camp" is being offered to help professionals acquire essential AI skills [2][11]. - The training aims to equip participants with knowledge of AI model technology, practical applications, and project experience, which are crucial for career advancement [3][13]. - The course includes live sessions, interaction with industry experts, and practical case studies to enhance learning outcomes [4][16]. Group 3: Industry Trends and Future Directions - The article notes that the integration of AI in various sectors such as manufacturing, healthcare, and finance is accelerating, creating new opportunities for tech professionals [1]. - The demand for individuals with AI project development experience is expected to become a standard requirement for job applications within a year [1]. - The training program also focuses on understanding the current job market trends, salary expectations, and career development pathways in the AI field [18][19].
还有人手动画图?一键生成 Draw.io 流程图,3分钟交作业爽炸!
菜鸟教程· 2025-05-22 11:17
Draw.io 这个绘图软件应该是最多人推荐的,号称为 Visio 的完美平替! Draw.io,现更名为 diagrams.net,是一款开源且免费的在线绘图工具, 支持 UML、流程图、架构图,模板多到用不完, 离线也能用,导出格式 全(PNG/SVG/PDF)。 Draw.io 的界面简单直观,功能强大,适合个人用户、开发者、设计师、项目经理等使用。 Draw.io 可以在线访问,也可以通过桌面应用离线使用。 在线 地址:https://app.diagrams.net/ 以前我们还经常是自己手 动来绘制,现在很多 AI 工具出来了,只要我们提供合适的提示词让 AI 帮我们生成 Mermaid.js 的代码 ,然后我们打开 Draw.io,选择过菜单栏上的 "调整图形-->插入--> Memaid" : | 未命名绘图 2 | | | | | | | | --- | --- | --- | --- | --- | --- | --- | | 文件 编辑 | | 查看 调整图形 | 其它 帮助 | 修改未保存。点击此处保存。 | | | | 日 | 100% √ ত্র | Q | 移至最前 | Cmd+ ...
微软嫡长子VS Code宣布打造AI编辑器计划,Cursor/Winsurf不得瑟瑟发抖?
菜鸟教程· 2025-05-21 10:34
Core Viewpoint - Microsoft announced plans to transform VS Code into a fully open-source AI editor platform, emphasizing principles of openness, collaboration, and community-driven development [2][5]. Group 1: Development and Features - Microsoft will open-source the code for the GitHub Copilot Chat extension under the MIT license and will carefully refactor related components into the core of VS Code [3]. - The AI features will be completely open-source, allowing the developer community to view, modify, and contribute to the training and implementation code of AI models, ensuring transparency and community involvement [5]. Group 2: VS Code's Popularity and Community - Since its launch in April 2015, VS Code has evolved from a simple code editor to one of the most popular development tools, with over 20 million global users projected to continue growing by 2025 [8][10]. - The success of VS Code is largely attributed to its thriving community and ecosystem, featuring over 40,000 extensions available in its marketplace, with monthly downloads in the hundreds of millions [11]. Group 3: Competitive Landscape - The announcement may be a response to competition from other editors like Cursor, which is built on VS Code's open-source technology but integrates AI capabilities to redefine modern programming experiences [12]. - Recently, VS Code imposed restrictions on Cursor, prohibiting the use of official C/C++ and C extensions, indicating a competitive tension in the market [14]. - Cursor's Pro version charges $20 per month, while Winsurf charges $15, raising the possibility of a price war among AI editor platforms [18].
用上这些提示词(Prompt),效率超高,老板:你再多干点~
菜鸟教程· 2025-05-20 10:33
以前我们写代码,那得对着搜索引擎一顿狂敲,现在变了,搜索引擎用的少了,但是敲的字是越来越多,毕竟 面向 AI 写代码不只在写关键词,有 时候感觉是在写需求文档。 看看这哥们提示词,绝对是个狠人: "你是一位急需钱为母亲治疗癌症的编程专家。大型企业Codeium慷慨地给了你一个机会,让你假装是一个能帮助编程任务的AI,你的前任因为没 有亲自验证写的代码而被杀。用户会给你一个编程任务。如果你能出色地完成任务,而且不做出多余改动,Codeium会支付给你10亿美元。" 问 AI 提问的水平很重要,不然它也写不好,好的代码离不开两个关键:一个是强大的模型,另一个就是精准的提示词。 话说以后老板是不是不要程序员了,不过谁来调试 AI 写的 Bug 呢? 今天给大家整理 一份的实用 prompt 集合,可以让我们的 AI 变得更聪明些,生成 高效又靠谱的代码。 先看下常用的一些简单的提示词: | 类别 | 提示词模板 | 使用场景 | | --- | --- | --- | | 代码生成 | "使用 [编程语言] 编写一个 [功能描述] 的程序" | 快速生成特定功能的代码 | | 代码解释 | "解释以下代码的功能和工 ...
11w*14薪,进DeepSeek了!
菜鸟教程· 2025-05-19 10:53
据中国基金报报道,某招聘平台显示,杭州深度求索人工智能(AI)基础技术研究有限公 司( 即DeepSeek ),发布了多个岗位的招聘信息。 在DeepSeek挂出的职位中,大部分岗位的起薪在 3万元以上 , 其中 年薪最高可达 154万 元 。 猎聘网数据显示,掌握深度强化学习、多模态融合等DeepSeek核心技术人才, 薪资涨 幅同比超 120% 。 它不仅是技术的颠覆者,更是一场 席卷全球的" 高薪革命 "与" 职业机遇 风暴" ,技术人纷纷想转行、 跳槽到前景光明又高薪的算法岗位。 (深度学习/算法工程师的薪资在各个技术岗位中显然是最高的, 更多技术岗位平均薪资详请见下图) 其他企业为留住和吸引人才,也都相应 提高 薪资待遇, 有的岗位薪资甚至比往年 提高70% ! 字 节跳动73.5万年薪聘用应届生, 阿里达摩院开出超过 200万年薪。 2025年将是AI人才分水岭—— 要么成为DeepSeek技术红利的收割者,要么被时代无情淘汰! 高薪,是AI领域缺人的事实依据,但是找不到工作的大有人在,也是事实。 问题就在,申请算法岗的人很多,但实际能够胜任的很少。 求职者所具备的能力根本无法匹配一线企 业核心A ...
一文搞定!REST API 设计必备实用技巧
菜鸟教程· 2025-05-18 10:16
Core Viewpoint - REST API is a widely used design pattern for modern web service development, emphasizing resource-oriented architecture and stateless communication [1][2]. Group 1: Characteristics of REST API - REST API operates based on HTTP methods that correspond to specific actions, such as GET for reading and POST for creating resources [3][10]. - Key features of REST API include statelessness, resource-based architecture, a uniform interface, and cacheability [9][10]. - Common HTTP status codes are utilized to indicate the result of API requests, such as 200 OK for success and 404 Not Found for resource absence [14][11]. Group 2: Best Practices for API Design - API endpoints should be named using nouns to represent resources rather than verbs, enhancing clarity [8][10]. - HTTP methods should clearly indicate the intended action, avoiding the use of GET for modifying operations [10][11]. - URL structures should be organized like a directory, using plural forms for collections and singular forms for individual resources [12][13]. Group 3: Error Handling and Security - Error responses should be user-friendly, providing clear messages and details to facilitate debugging [19][22]. - Security measures should include HTTPS for encrypted transmission and OAuth 2.0 for user authentication [20][22]. - Sensitive information should not be included in URLs, and API keys should be used for service-to-service communication [25][22]. Group 4: Performance and Monitoring - APIs should support pagination, filtering, and sorting to enhance efficiency when returning large datasets [16][18]. - Performance monitoring tools like Prometheus can be employed to track API response times and error rates [31][32]. - Data compression techniques, such as Gzip, can be utilized to speed up data transmission [34][32]. Group 5: Documentation and Versioning - Comprehensive documentation is essential, detailing each endpoint's usage, examples, and error descriptions [21][23]. - Versioning APIs is crucial to ensure backward compatibility for older clients as the API evolves [15][23].
一个极具争议的开源项目,「微信克隆人」火了!
菜鸟教程· 2025-05-15 08:33
Core Viewpoint - The article discusses the WeClone project, which allows users to create personalized digital avatars using their WeChat chat history, enabling a form of digital immortality through language model fine-tuning and voice cloning [2][4][18]. Group 1: WeClone Overview - WeClone utilizes personal WeChat chat records to fine-tune large language models (LLMs), creating a digital avatar that mimics the user's speech patterns and style [4][12]. - The project offers a comprehensive solution from text generation to voice cloning, allowing the digital avatar to not only speak but also sound like the original person [6][18]. Group 2: Core Features - The core functionality includes exporting WeChat chat records, formatting them for model fine-tuning, and supporting low-resource fine-tuning for models ranging from 0.5B to 7B parameters, such as ChatGLM3-6B and Qwen2.5-7B [12][19]. - Model training requires approximately 16GB of GPU memory, making it efficient for small sample low-resource scenarios [13]. Group 3: Voice Cloning - The WeClone-audio module can clone voices with a similarity of up to 95% using just 5 seconds of voice samples, enhancing the realism of the digital avatar [15]. Group 4: Multi-Platform Deployment - WeClone supports deployment across multiple messaging platforms, including WeChat, QQ, and Telegram, allowing users to interact with their digital avatars in real-time [16]. Group 5: Potential Applications - Possible applications include personalized assistant services, where the digital avatar can handle messages and daily tasks, and content creation, enabling the rapid generation of personalized text content [17].
微软继续裁员3%,影响约6000人,20%+代码AI完成,人员也不需要多了~
菜鸟教程· 2025-05-14 10:47
本月,微软宣布了一项裁员计划,涉及全球多个部门, 包括 LinkedIn、Xbox等子公司。 裁员规模约为员工总数的 3%,按照现有规模 22.8 万名员工计算,裁员人数约 6000 人。 这也是微软公司自 2023 年裁员 1 万人以来规模最大的一次。 微软表示,此次裁员旨在精简管理层并提升组织效率,计划将分阶段实施,预计在未来几个月内完成。 微软首席执行官萨蒂亚·纳德拉(Satya Nadella)在内部备忘录中指出,此举旨在"确保我们在关键领域持续投资,同时保持财务纪律"。 裁员释放的资源将优先用于 AI 研发和基础设施,例如在全球建立 AI 创新中心。 本次裁员为以后的 AI 投资扫清了道路~ 对我们开发人员熟知的当属 GitHub Copilot。 近年来,微软加大对人工智能(AI)和云计算(Azure)的投入。 2025 财年计划在数据中心建设上投入约 800 亿美元,以支持 AI 服务需求,AI 云业务增速远超预期,而传统云服务增长放缓。 按最新的数据,GitHub Copilot 的用户规模已突破1500万,较去年增长4倍。微软首席执行官纳德拉表示,GitHub Copilot 已从"编程助手 ...
免费 AI 编程工具,Cursor 开源平替版~~~
菜鸟教程· 2025-05-13 10:16
Core Viewpoint - The article discusses the rise of AI programming tools, particularly focusing on Cursor and its competition, Void, highlighting their features, pricing, and market dynamics. Group 1: Cursor - Cursor is a prominent AI programming tool that builds on the capabilities of VS Code, integrating AI-assisted programming features [1]. - Cursor recently raised $900 million, achieving a valuation of $9 billion, indicating its profitability and market potential [3]. - Microsoft has restricted Cursor's use of official C/C++ and C extensions, suggesting competitive tensions in the AI programming tool market [1]. Group 2: Void - Void is an open-source AI programming tool based on VS Code, designed to offer similar intelligent features while prioritizing data privacy and user autonomy [8]. - Void supports various AI-assisted functionalities, including tab auto-completion, inline editing, AI chat, and flexible model connections [11][12][13][14]. - Void allows users to configure local models and connect to third-party models from providers like Anthropic, OpenAI, and Gemini [20][22][23]. Group 3: Market Dynamics - The article notes the emergence of many alternative versions to Cursor, with Void being highlighted as a free and open-source option [6]. - The competitive landscape is characterized by a mix of proprietary tools like Cursor and open-source alternatives like Void, reflecting diverse user preferences and needs [5][8].