Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/njleonzhang/awesome-articles

Record great online articles，防迷路
https://github.com/njleonzhang/awesome-articles

List: awesome-articles

Last synced: about 2 months ago
JSON representation

Record great online articles，防迷路

Host: GitHub
URL: https://github.com/njleonzhang/awesome-articles
Owner: njleonzhang
Created: 2018-08-28T08:08:11.000Z (over 6 years ago)
Default Branch: master
Last Pushed: 2024-01-10T08:58:15.000Z (12 months ago)
Last Synced: 2024-05-19T14:00:54.788Z (7 months ago)
Size: 149 KB
Stars: 4
Watchers: 1
Forks: 0
Open Issues: 1
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

ultimate-awesome - awesome-articles - Record great online articles，防迷路. (Other Lists / Monkey C Lists)

README

        # awesome-articles

记录读过和正在读的好文，防迷路

# 前端

## grid layout

* [5分钟入门CSS Grid网格布局](https://juejin.im/post/5a1ef019f265da432b4a963c)

* [Grid布局完整指南](https://juejin.im/post/5a603aa8f265da3e243b90b5)

* [Renderless Components](https://adamwathan.me/renderless-components-in-vuejs/)

## canvas

* [Canvas从入门到放弃](https://www.jianshu.com/p/22aad1799524) 系列

* [绚丽的倒计时效果(Canvas)](https://www.jianshu.com/p/b15260fff6bd)

## 瀑布流布局

* [纯CSS实现瀑布流布局](https://www.w3cplus.com/css/pure-css-create-masonry-layout.html)

* [一个简单粗暴但是说明问题的 js 实现](https://github.com/AmberYLopez-demos/demos/tree/master/demo6)

## Vue

* [Vue.js 技术揭秘](https://ustbhuangyi.github.io/vue-analysis/)

* [Vue 原理系列](https://juejin.im/post/5c8f40af6fb9a070f90aaf8f)

* [12道vue高频原理面试题,你能答出几道?](https://zhuanlan.zhihu.com/p/101330697)

* [vue 3 移除了 time slicing](https://github.com/vuejs/rfcs/issues/89#issuecomment-546988615)

## typescript

* [Typescript 入门](https://ts.xcatliu.com/)

* [TypeScript handbook 中文版](https://zhongsp.gitbooks.io/typescript-handbook)

* [TypeScript Deep Dive](https://basarat.gitbooks.io/typescript/content/?q=), [TypeScript Deep Dive中文版](https://jkchao.github.io/typescript-book-chinese/)

* [TS关键字extends用法总结](https://juejin.cn/post/6998736350841143326)

## React

* [How does React Hooks re-renders a function Component?](https://medium.com/swlh/how-does-react-hooks-re-renders-a-function-component-cc9b531ae7f0)

* [React组件开发的十条最佳实践](https://mp.weixin.qq.com/s/u2_SU6QFAAupGRCjtWuQvQ)

* [什么时候使用 useMemo 和 useCallback](https://jancat.github.io/post/2019/translation-usememo-and-usecallback/)

* [React技术揭秘](https://react.iamkasong.com/)

* [react时间分片](https://juejin.im/post/6844903975112671239)

* [react fiber](https://juejin.im/post/6844903582622285831#heading-1)

* [浅谈 setState 更新机制](https://juejin.im/post/6844904015524790279)

* [React Fiber调度原理](https://libin1991.github.io/2019/10/25/React-Fiber%E8%B0%83%E5%BA%A6%E5%8E%9F%E7%90%86/)

* [图解 react](https://7kms.github.io/react-illustration-series/)

## react 性能

* [React 重新渲染：最佳实践](https://zhuanlan.zhihu.com/p/554118692)

* [如何减少React中无关组件的重渲染](https://developer.aliyun.com/article/1048728#slide-21)

* [React 性能优化 三个小工具](https://zhuanlan.zhihu.com/p/28109242)

* [React 性能优化 | 包括原理、技巧、Demo、工具使用](https://juejin.cn/post/6935584878071119885)

## js

* [JavaScript 教程](https://wangdoc.com/javascript/index.html)

* [slice 和 splice 的区别](https://github.com/muwenzi/Program-Blog/issues/83)

* [获取JS对象属性](https://xiaogliu.github.io/2017/08/06/get-js-object-properties/)

* [instanceof 和函数原型](http://www.xieluping.cn/2017/08/18/instanceof/)

* [offsetHeight, clientHeight, scrollHeight](https://stackoverflow.com/questions/22675126/what-is-offsetheight-clientheight-scrollheight/22675563)

* [JS 函数式编程指南](https://legacy.gitbook.com/book/llh911001/mostly-adequate-guide-chinese/details)

* [AST抽象语法树](https://segmentfault.com/a/1190000016231512)

* [babel plugin](https://github.com/jamiebuilds/babel-handbook/blob/master/translations/zh-Hans/plugin-handbook.md)

* [AMD、CMD、UMD 模块的写法](http://web.jobbole.com/82238/)

* [惰性函数定义模式](https://realazy.com/posts/2007-08-16-lazy-function-definition-pattern.html)

* [实现大文件上传和断点续传](https://juejin.im/post/6844904055819468808)

* [解剖Babel](https://mp.weixin.qq.com/s/hgiSKyFxb6RFD6n2diixvQ)

## css

* [BFC深入理解](https://juejin.im/post/5909db2fda2f60005d2093db)

## 浏览器

* [图解浏览器的基本工作原理](https://zhuanlan.zhihu.com/p/47407398)

* [web 浏览器指纹跨域共享](https://bailinlin.github.io/2018/03/05/cookie-share/)

* [Web Worker、Service Worker 和 Worklet](https://juejin.im/entry/5c50f22ef265da616b1115a3)

* [「前端进阶」高性能渲染十万条数据(时间分片)](https://juejin.im/post/6844903938894872589#heading-1)

## webpack

* [如何提高webpack的编译速度？](https://github.com/ly2011/blog/issues/44)

* [Webpack-源码 系列](https://blog.csdn.net/qiqingjin/article/details/60579258)

* [Webpack原理-输出文件分析](http://imweb.io/topic/5a4cce35a192c3b460fce39b)

* [Webpack Hot Module Replacement 的原理解析](https://github.com/Jocs/jocs.github.io/issues/15)

* 动态加载变量路径: [issue 6680](https://github.com/webpack/webpack/issues/6680), [webpack import() 动态加载模块踩坑](https://segmentfault.com/a/1190000015648036)

* [webpack 4](https://segmentfault.com/a/1190000015919863)

* [webpack 配置项](https://github.com/webpack/webpack/blob/master/schemas/WebpackOptions.json)

* [Webpack源码解读](https://juejin.im/post/5dc01199f265da4d12067ebe)

* [编写自定义webpack插件从理解Tapable开始](https://juejin.im/post/5dcba29f6fb9a04abb01fd77)

## 架构

* [当我们谈论前端架构时，我们到底在谈论什么？](https://juejin.im/entry/59800fe651882537d00e0179)

* [Web渲染概述](https://mp.weixin.qq.com/s/iOqO8CgmtvMH-YqzzjSSNg)

* [微前端](https://mp.weixin.qq.com/s/qMd6k9xSSNjskN3wB5PGgA)

* [写给前端的Docker实战教程](https://juejin.im/post/5d8440ebe51d4561eb0b2751)

* [debugging-in-vscode-tutorial](https://www.barretlee.com/blog/2019/03/18/debugging-in-vscode-tutorial/)

* [qiankun](https://juejin.cn/post/6846687602439897101)

* [阿里大佬浅谈大型项目前端架构设计](https://mp.weixin.qq.com/s/VLOPFXAZsygNBnJpY4vjhg)

* [设计一个 JS 插件系统](https://juejin.cn/post/6871077497044205575)

* [微前端qiankun从搭建到部署的实践](https://segmentfault.com/a/1190000024551391)

* [qiankun框架如何支持热更新](https://juejin.cn/post/6927972972640600078/#heading-5)

* [微前端在美团外卖的实践](https://tech.meituan.com/2020/02/27/meituan-waimai-micro-frontends-practice.html)

## 安全

* [前端安全系列（一）：如何防止XSS攻击？](https://tech.meituan.com/2018/09/27/fe-security.html)

* [前端安全系列（二）：如何防止CSRF攻击？](https://tech.meituan.com/2018/10/11/fe-security-csrf.html)

## Misc.

* [Charles 抓包配置](https://www.jianshu.com/p/468e2905a3e1)

* [视频H5 video最佳实践](https://github.com/gnipbao/iblog/issues/11)

* [撸了那么多代码，你真的了解字体？](https://juejin.im/post/5db25410f265da4d2125c868)

* [Web 字体 font-family 再探秘](https://www.cnblogs.com/coco1s/p/11350642.html)

* [Android浏览器下line-height垂直居中为什么会偏离？](https://www.zhihu.com/question/39516424/answer/274374076)

* [文字渲染的那些事（一）字体是如何存储的？](https://juejin.im/post/5c1e2e576fb9a049d5197af2)

* [iPhone X 适配手Q H5 页面通用解决方案](https://cloud.tencent.com/developer/article/1006338)

* [设计模式](https://bugstack.cn/md/develop/design-pattern/2020-05-28-%E9%87%8D%E5%AD%A6%20Java%20%E8%AE%BE%E8%AE%A1%E6%A8%A1%E5%BC%8F%E3%80%8A%E5%AE%9E%E6%88%98%E5%8E%9F%E5%9E%8B%E6%A8%A1%E5%BC%8F%E3%80%8B.html)

* [系统设计](https://soulmachine.gitbooks.io/system-design/content/cn/)

* [GraphQL 入门看这篇就够了](https://www.freecodecamp.org/chinese/news/a-detailed-guide-to-graphql/)