KnowledgeManage icon indicating copy to clipboard operation
KnowledgeManage copied to clipboard

个人书签整理与demo

KnowledgeManage

个人书签整理(持续更新!!!)

你问我答

各种题目

Lodash

1.Lodash 中文文档(v4.16.1)

Redux

1.Redux 入门教程(一):基本用法

2.Redux 中文文档

3.完全理解 redux(从零实现一个 redux)

React

1.react-router v4 使用 history 控制路由跳转

2.React组件性能调优

3.react长列表优化方案: react-virtualized

4.ReactV16.3即将更改的生命周期

5.从React到React Fiber

6.聊聊React v16.3的UNSAFE类生命周期

7.React Profiler 介绍

8.DvaJS--一个解决redux使用繁琐的整套框架

9.React 组件通信之 React context

10.React 进阶之高阶组件

11.10分钟了解react引入的hooks

12.React v16.6 新特性介绍

13.react-loadable: 用于加载具有动态导入的组件的更高阶组件

14.react-router-dom实现全局路由登陆拦截

15.你听过 React Fragments吗??

16.How to get promises to work in IE10 with react

17.why-did-you-update

18.React V16 错误处理(componentDidCatch 示例)

19.react-router-cache-route

20.传送门:React Portal

21.react-height

22.在 react 组件中使用 debounce 函数

23.React 面试题 & 回答

24.spa应用中的路由缓存问题与解决方案

25.React diff原理探究以及应用实践

26.React 应用设计之道 - curry 化妙用

27.使用 React.memo 和 useMemo 对 Function Component 进行性能优化

28.用react-query解决你一半的状态管理问题

29.useEffect和useLayoutEffect的区别

Vue

1.解决vue持久化--vuex-persistedstate

2.传送门--portal-vue

3.Vue.js中 watch 的高级用法

4.Vue.nextTick 的原理和用途

5.Vue项目中出现Loading chunk {n} failed问题的解决方法---懒加载遇到系统更新

6.vue缓存

7.vue中央事件总线eventBus的简单理解和使用

8.实战技巧,Vue原来还可以这样写

Angular

1.一个Angular项目的在线例子

2.总结的英雄主题的Angular仓库包括知识整理

Immutable

1.Immutable 常用API简介

2.Immutable documents

3.immer.js-Create the next immutable state by mutating the current one

MySQL

1.如何安装与连接MySQL?

2.SQL 教程

Axios

1.axios全攻略

Node

1.使用Visual Studio Code对Node.js进行断点调试

2.node进阶——之事无巨细手写koa源码

3.WebSocket是时候展现你优秀的一面了

4.Node.js中package.json中库的版本号详解(^和~区别)

React-Native

1.React Native——react-navigation的使用

2.React-Native入门指南

3.Ant Design Mobile of React

4.React Native开发中遇到的各种问题汇总

5.教你轻松修改React Native端口(如何同时运行多个React Native、8081端口占用问题)

Git

1.Git挽救丢失的代码

2.git bisect 命令教程

3.git rebase 还是 merge的使用场景最通俗的解释

4.Git恢复之前版本的两种方法reset、revert

5.Git的奇技淫巧🙈

6.git删除指定commit

Promise

1.Promise学习

2.理解 async/await

3.理解和使用Promise.all和Promise.race

HTML

1.什么是HTML语义化标签?常见HTML语义化标签大全

2.H5 notification浏览器桌面通知

CSS

1.理解CSS中BFC

2.CSS中的浮动和清除浮动,梳理一下!

3.CSS中伪类及伪元素用法详解

4.CSS Grid 布局完全指南(图解 Grid 详细教程)

5.Canvas-web API接口

6.CSS3教程:pointer-events属性值详解

7.【基础】EM 还是 REM?这是一个问题!

8.CSS 变量教程

9.BEM命名规范入门及常用CSS class 命名

10.如何修改placeholder样式

11.写给自己看的display: grid布局教程

12.CSS 来实现多行文字截断

13.css高级应用三种方法实现多行省略

14. You-need-to-know-css

15.你必须记住的30个CSS选择器

16.大侠,请留步,要不过来了解下CSS Scroll Snap?

17.Tailwind 是一个实用工具集 CSS 框架

18.有趣的 box-decoration-break

19.CSS3 filter(滤镜) 属性

20.CSS3新特性详解(五):多列columns column-count和flex布局

21.overflow:clip 和 overflow-clip-margin

JavaScript

1.从输入URL到页面加载的过程?如何由一道题完善自己的前端知识体系!

2.前端模块化:CommonJS,AMD,CMD,ES6

3.ul设置了overflow:hidden,如何通过js得知有内容被隐藏

4.InterviewMap

5.最详尽的 JS 原型与原型链终极详解,没有「可能是」。(一)

6.Js 数组——filter()、map()、some()、every()、forEach()、lastIndexOf()、indexOf()

7.通过示例来学习ES2016, 2017, 2018的新特性

8.hey,你的Event Loop

9.JavaScript函数式编程

10.JavaScript 常见设计模式解析

11.JavaScript深入系列15篇正式完结!

12.Styled-Components

13.前端开发者指南 2018

14.Web Worker 使用教程

15.Front-end-notes

16.浏览器数据库 IndexedDB 入门教程

17.Javascript 异步加载详解

18.JS的分号可以省掉吗?

19.不好意思!耽误你的十分钟,让MVVM原理还给你

20.JavaScript 数据类型检测终极解决方案

21.如何优雅地链式取值

22.7分钟理解JS的节流、防抖及使用场景

23.ES6 Promise 和 Async/await的使用

24.JS正则表达式完整教程(略长)

25.ES6中的代理模式-----Proxy

26.scrollIntoViewIfNeeded 与 scrollIntoView

27.利用 URLSearchParams 对象获取URL之中的查询字符串,即问号之后的部分

28.【译】理解JavaScript中的柯里化

29.npm(classnames) 更灵活使用类名

30.Mutation Observer API 监控dom变化

31.【前端词典】4 个实用有趣的 JS 特性

32.利用"交叉观察者"这个小宝贝儿,轻松实现懒加载、吸顶、触底 ❗

33.浏览器的一些“滚动”行为鉴赏

34.【ES6基础】Map与WeakMap

35.JS操作小技巧,工作简单了

36.Commander写自己的Nodejs命令

37.Set、WeakSet、Map及WeakMap #24

38.ES2020 已定稿!赶紧上手实践一下吧

39.设计模式前端应用——策略模式

40.前端单例模式的应用场景

41.观察者模式 vs 发布订阅模式

Npm

1.yalc 更适普的前端link工具

Testing

1.cypress入门的笔记

Trending

1.svelte--no runtime module

编译原理

1.AST抽象语法树

Image

1.你知道前端对图片的处理方式吗?

Typescript

1.TypeScript中文网

2.1.2W字 | 了不起的 TypeScript 入门教程

GraphQL

1.GraphQL--一种用于 API 的查询语言

Performance

1.图片懒加载

2.用 preload 预加载页面资源

3.前端缓存最佳实践

4.使用React DevTools Profiler诊断React App性能问题

5.减少阻塞渲染的CSS的自动化解决方案-critical

6.一个Vue页面的内存泄露分析

7.使用预渲提升SPA应用体验

8.前端性能优化之gzip

9.用 preload 预加载页面资源

10.使用 Preload&Prefetch 优化前端页面的资源加载

11.推荐一款js脚本预加载的插件

Python

1.PaddlePaddle训练营

2.Python从入门到精通视频

3.Python教程-廖雪峰的官方网站

4.Python3网络爬虫开发实战教程

Machine Learning

1.矩阵的乘除法

2.有趣的机器学习系列-莫凡Python

3.机器学习速成课程

4.机器学习】教学版

5.机器学习 MachineLearning

Interview

1.2018前端面试总结,看完弄懂,工资少说加3K

2.9月,水了几个大中厂前端面试的一些总结分享

3.HTML5+CSS3新增内容总结!!!!!绝对干货

4.FE-Interview 前端面试题整理

5.解惑 ["1", "2", "3"].map(parseInt) 为何返回[1,NaN,NaN]

6.一点感悟:当走完所有大厂的实习面试后

7.前端开发面试题

8.面试官:请你实现一个深克隆

9.从一道面试题说起—js隐式转换踩坑合集

Webpack

1.webpack4.x最详细入门讲解

2.webpack 中文文档

3.懒人神器:svg-sprite-loader实现自己的Icon组件

4.webpack多页面打包实践

5.webpack 5 联邦模块介绍

Flutter

1.Flutter免费视频教程第一季:开发环境搭建

2.Flutter免费视频第二季-常用组件讲解

3.Dart2中文文档

Docker

1.Docker 入门教程

2.Nginx-Ubuntu中文

3.使用docker安装nginx

CI/CD

1.前端进阶之路-利用Jenkins快速打造前端项目自动化工作流

2.jenkins

Excellent Front-end Team Website

1.转转前端

2.技术胖

3.美团技术团队

4.前端早报-每日更新

Excellent Github Project

1.33-js-concepts-每个 JavaScript 工程师都应懂的33个概念

2.react-bits

3.前端精读周刊

4.30 seconds of code

5.现代 Javascript 教程

Architect

1.用微前端的方式搭建类单页应用

2.使用 ESlint、lint-staged 半自动提升项目代码质量

3.Alibaba Fusion Design

4.前端微服务化解决方案

5.前端分层架构实践心得

6.ddd-fe-demo 领域驱动前端demo

7.single-spa微前端

8.前端工程师应该知道的yarn知识

9.H5 PWA技术

10.改造你的网站,变身 PWA

11.Sentry--前端错误日志监控

12.AST-explorer

13.jscodeshift-ast

14.package.json中的resolution

15.九种跨域方式实现原理(完整版)

Tools

1.CodeSandbox-在线代码编辑器

2.代码截图工具-carbon

3.UI配色方案

4.query-string Parse and stringify URL query strings

5.Charles在Mac中抓包使用说明

6.正则大全

7.解决Homebrew下载更新极慢的问题

8.一键下载github文件

Vim

1.mac下将vim打造成顺手的js编辑器

2.vimawesome

Have Fun

1.How to hide source of Log messages in Console?

2.Page Visibility API 教程

3.git commit message emoji 使用指南

ADD-ONS

1.火狐浏览器扩展

2.web scraper 入门到精通之路