资源列表

Rust

前端相关

CSS 相关

JS 相关

TypeScript 相关

Vue 相关

React 相关

  • 有关React,你需要知道的一切 https://github.com/hateonion/react-bits-CN

  • React Native指南汇集了各类react-native学习资源、开源App和组件 https://github.com/reactnativecn/react-native-guide

  • React + antd 通用后台 https://github.com/jiangxy/react-antd-admin

  • React ToDoList http://luckykun.com/work/2016-05-23/react-todo-study.html

  • React + Redux 完整项目 https://github.com/bailicangdu/react-pxq

  • React + webpack 4.0 https://juejin.im/post/5aacf6556fb9a028bb18c450

  • React + Redux | mobox https://github.com/Hancoson/react-redux-demo

  • 学习 Redux https://github.com/Nealyang/study-redux

  • A truly simple animation library for React, React Native, and Vue https://popmotion.io/pose/

  • 开源、免费、专业、简单的 React.js 在线教程 http://huziketang.com/books/react

  • React 科幻类的 UI 库 https://github.com/arwesjs/arwes

  • 30s React 系列:https://github.com/30-seconds/30-seconds-of-react

  • 一个形成动态背景的 React 组件 https://github.com/lucagez/sky

  • React + next 制作一个 HackNew Demo https://medium.com/crowdbotics/how-to-build-a-hacker-news-app-with-react-and-next-js-5fe0c5a64c12

  • 完整的 react 创建教程:https://medium.freecodecamp.org/a-complete-react-boilerplate-tutorial-from-zero-to-hero-20023e086c4a

  • Collection of essential React Hooks: https://github.com/streamich/react-use

  • How to Learn React — A roadmap from beginner to advanced

  • 30days of reacthttps://github.com/fullstackreact/30-days-of-react

  • react 简单的动画 React Simple Animate - UI Animation made simple

工具相关

  • 在线编辑前端代码 playground:

  • https://jsfiddle.net/

  • https://codepen.io/

  • https://jsbin.com/

  • 代码沙盒 https://codesandbox.io

    • vscode 在线编辑器库:https://github.com/Microsoft/monaco-editor
  • 压缩图片的网站

  • https://tinypng.com/

  • https://www.picdiet.com/

  • https://squoosh.app/

  • gitmoji-cli:

  • https://github.com/carloscuesta/gitmoji-cli & -

  • https://gitmoji.carloscuesta.me/

  • https://github.com/liuchengxu/git-commit-emoji-cn

  • cool background: https://coolbackgrounds.io/

  • 渐变色 配色方案

  • https://uigradients.com/##Mystic

  • https://webgradients.com/

  • 颜色选择 The super fast color schemes generator!:

  • https://coolors.co/

  • https://flatuicolors.com/

  • google 搜索到的图片的颜色的主题 https://picular.co/

  • lazygit Git 终端下的可视化界面 https://github.com/jesseduffield/lazygit

  • autosuggestions for zsh zsh 终端输入命令时建议 https://github.com/zsh-users/zsh-autosuggestions

  • awesome Mac 软件 https://github.com/jaywcjlove/awesome-mac/blob/master/README-zh.md

  • 可以画各种图的网站 https://github.com/jgraph/drawio

  • 前端题库 http://scriptoj.mangojuice.top/

  • Terminal JSON viewer:https://github.com/antonmedv/fx

  • Google web 的一些工具:https://developers.google.com/web/tools/

  • Js 反转 ugly 代码:http://jsnice.org/

  • gitignore 根据环境语言创建的文件模板:https://www.gitignore.io/

  • 所有计算机相关的很棒的清单 Curated list of awesome lists:https://github.com/sindresorhus/awesome

  • 代码组件管理器 https://bitsrc.io/

  • 检查中文 markdown 编写格式规范的命令行工具: https://github.com/hustcc/lint-md

  • lottie-web 的动画库:https://www.lottiefiles.com/

  • 变量命名神器 https://unbug.github.io/codelf

  • 免费商用图片:https://pixabay.com/

  • 一个 SVG 图像的在线代码优化工具 https://jakearchibald.github.io/svgomg/

  • space Vim : https://github.com/SpaceVim/SpaceVim

  • Format input text content when you are typing... http://nosir.github.io/cleave.js

  • 前端工具集合:http://frontendtools.com/

  • 项目开发的一些 checklist https://phodal.github.io/new-project-checklist/##%E4%B8%AD%E6%96%87chinese

  • 组件分享和查找的网站:https://bit.dev/components

  • 组件展示的网站 UI component dev:https://github.com/storybooks/storybook

  • Linux 命令行大全 GitHub - jaywcjlove/linux-command: Linux命令大全搜索工具,内容包含Linux命令手册、详解、学习、搜集。https://git.io/linux

  • 我的 pocket Pocket: 登录

  • 写伪代码就可以生成流程图:code2flow - online interactive code to flowchart converter

  • 一个工具集合网站 MikuTools - 一个轻量的工具集合

  • 生成 mock api 的工具 Mocky: Real HTTP mocking

  • 删除重复的 yarn.lock Deduplication tool for yarn.lock files: https://github.com/atlassian/yarn-deduplicate

  • Mac上的一些快捷键 GitHub - lessfish/cheat-sheet: Personal collections for a quick reference.

  • i8n 国际化语言包:Free App I18n Translation | Search Engine For i18n

  • 面向Web站点优化的网站,它为我们提供了常见场景(加载、SEO、安全、可访问性)的优化指南 https://web.dev/

  • 一个命令行工具生成 README GitHub - kefranabg/readme-md-generator: 📄 CLI that generates beautiful README.md files

Flutter 相关

  • flutter 和 js 对比:https://flutter.dev/docs/get-started/flutter-for/react-native-devs

  • flutter 实战电子书 https://github.com/flutterchina/flutter-in-action

  • https://github.com/luhenchang/flutter_study

  • https://github.com/alibaba/flutter-go

  • Free Flutter (iOS & Android) themes: https://startflutter.com/

  • 练手的 Flutter 开源项目: https://www.itcodemonkey.com/article/7048.html https://github.com/Sky24n/flutter_wanandroid

  • awesome flutter:https://github.com/Solido/awesome-flutter

  • example flutter:https://github.com/iampawan/FlutterExampleApps https://github.com/nisrulz/flutter-examples

  • 一些小 Demo Flutter Note Book:https://github.com/OpenFlutter/Flutter-Notebook

  • https://medium.com/flutter-community

  • https://medium.com/flutter-community/flutter-deployment-workflow-done-right-9c2b87ebfd20

  • Flutter 的在线原型图构建工具 AppBuilder 2 20180529-19:35

  • Flutter 封装 dio,支持 Restful Api - dkvirus的个人空间 - OSCHINA

  • flutter 的 icons FlutterIcon - Flutter icon font generator

  • 一行命令,通过Json文件生成Dart Model类: https://github.com/flutterchina/json_model

  • flutter版微信SDK https://github.com/v7lin/fake_wechat

Electron

一些有用的网站或 tips

  • 命令行的艺术:https://github.com/jlevy/the-art-of-command-line/blob/master/README-zh.md

  • CheatSheet 汇总:https://github.com/rstacruz/cheatsheets

  • VsCode 主题: https://vscodethemes.com

  • iterm2 theme主题:https://iterm2colorschemes.com/

  • 各大公司使用的技术栈:https://stackshare.io/

  • web 端显示设备的样式 https://github.com/marvelapp/devices.css

  • 网页设计中常见的错误 http://blog-en.tilda.cc/articles-website-design-mistakes

  • web 性能的方方面面: https://github.com/laoqiren/web-performance

  • HTML 标签列表: https://developer.mozilla.org/zh-CN/docs/Web/Guide/HTML/HTML5/HTML5_element_list

  • 全栈之路:https://github.com/frank-lam/2019_campus_apply

  • A library of HTML, CSS, JS 一些有用的前端库 https://codyhouse.co/

  • Google 官方网络基础知识:https://developers.google.com/web/fundamentals/

  • 一些好看的网页设计:https://www.awwwards.com/

  • 如何成为一个程序员:https://github.com/braydie/HowToBeAProgrammer/tree/master/zh

  • LeetCode: 里面的题目思路用动画解释:https://github.com/MisterBooo/LeetCodeAnimation GitHub - azl397985856/leetcode: leetcode题解,记录自己的leecode解题之路。

  • 对开发人员有用的定律、理论、原则和模式GitHub - nusr/hacker-laws-zh: 💻📖对开发人员有用的定律、理论、原则和模式。(Laws, Theories, Principles and Patterns that developers will find useful.)

浏览器书签

读书笔记

  • 我完全没有必要通过打工听人安排而活着,而是反过来通过在公司工作提高自己的技能,让自己可以更为独立和自由地生活。

  • 要去经历大多数人经历不到的,要把学习时间花在那些比较难的地方。

  • 看别人的代码不是看各种奇技淫巧,而是去看脉络,看别人是怎么组织代码的,怎么切分概念,怎么达成设计目的。

  • 要学的是如何通过利用语言特性去拆分一个问题的复杂度,让你写的代码更容易看懂,更容易维护,这是普适的技能。

  • 对你更重要的是,要去解决更多的问题,而不是如何最好地解决一个问题。只有通过解决更多的问题,人生才能摆脱水平运动,进入上升运动。当然,这里还有一个天赋和兴趣的问题,如果找到属于你的领域,不用特别努力就能上台阶;如果找不对领域,再努力也只能做水平运动。

  • “不要让自己太忙碌。不过,说起来容易做起来难。 我们雇用新毕业的工程师时,会派给他们很多琐碎的工作,使他们饱和。他们会逐渐忘记大学里学到的课程,全部注意力都集中在手头的工作。很多人倾向于通过忙碌程度来评价自己,我相信这是一个死亡陷阱。”

  • 我个人非常推崇“大前端”的概念,有点类似“全栈工程师”,但不是要求一个人全面专家,而是以前端为根,展开上下游的栈外技术学习,一专多能。

  • 工程经验才是技术水平的分水岭。

  • 程序员也应该具备这种多角度的思考能力。产品设计的时候,要有宏观思维,问问自己,为什么要开发这个软件,作用是什么,整个生态里面它扮演什么角色。技术选型的时候,要有中观思维,把软件看成不同模块的集合体,明确每个模块的作用。代码开发的时候,要有微观思维,函数怎么写,循环体怎么优化,单元测试怎么构造。

  • Remember: the strong survives, the tough thrives. TL;DR: Don’t give up, set yourself up for opportunities, practice a lot, and stay hopeful. Focus on the process, and take a disciplined, dedicated approach to the process.

  • 真正的突破要靠自己业余深造!不然,路就会越走越窄,公司迟早会让你来承担成本,通过摆脱你来降低成本

  • 小时候,我对于经济的最大误解是,人们通过高工资致富。实际上,虽然有一些例外(比如娱乐明星),高工资并不足以让你发财,福布斯富豪榜上,几乎没有人是领工资的。 真正富裕起来的人,都是通过拥有某种价值迅速增长的东西而致富。 这种价值迅速增长的东西,可以是股权、房地产、自然资源、知识产权或其他类似的东西。你需要拥有一些这样的东西来获取收入,而不能仅仅依靠出卖自己的时间换取收入,因为时间是一种线性资源。想要要多的收入,只能出卖更多的时间,这对你不利。 使你的东西的价值迅速增长,最好方法就是让大量的人想要你的东西。

  • ~ 左耳朵耗子 三观~ https://coolshell.cn/articles/19085.htm

  • 你应该警惕,不要落入”时间换取收入”的陷井,不要只顾着为别人生产代码,而要注意积累自己的资产,以及适时开展属于自己的业务。

  • Five important lessons from four years as a software developer

  • Never Assume

    • He told me to never assumethat someone else’s code is correct just because it looks like it.
  • The non-technical problems are the most difficult

  • Think first, code laterWhat you create is more important than the tools used to create it

    • And while it’s important as a developer to keep up, the end users (the important people), don’t care howsomething works, just that it does.
  • Every role is equally important

  • *Knowing when not to code is possibly the most important skill a programmer can learn. —  * The Art Of ReadableCode

面试相关

mpvue 相关

  • awesome-mpvue https://github.com/mpvue/awesome-mpvue
  • 小程序生成图片库 https://github.com/Kujiale-Mobile/Painter
  • 鲜亮的高饱和色彩,专注视觉的小程序组件库 color-ui.com

Python 相关

  • 每天一个 python 小程序 https://github.com/Yixiaohan/show-me-the-code
  • 学习 python 100 天 https://github.com/jackfrued/Python-100-Days
  • 廖雪峰 https://www.liaoxuefeng.com/wiki/0014316089557264a6b348958f449949df42a6d3a2e542c000
  • flask 教程 https://github.com/luhuisicnu/The-Flask-Mega-Tutorial-zh
  • 30s python系列 https://github.com/kriadmin/30-seconds-of-python-code
  • http://python3-cookbook.readthedocs.io/zh_CN/latest/index.html##
  • leet-code 答案:awesome-algorithm/docs/Leetcode_Solutions/Python at master · apachecn/awesome-algorithm · GitHub

博客资源