Weekly-20200731

CSS

css处理文字不换行、换行截断、溢出省略号
https://www.cnblogs.com/nanyang520/p/11358623.html

一行 CSS 代码搞定响应式布局
https://mp.weixin.qq.com/s/Wc8BgdCGB7e5k-zASQxtHQ

可能是最全的 “文本溢出截断省略” 方案合集
https://mp.weixin.qq.com/s/HhSdZ1RBSRZt9I84qZj6oA

14条 Scss 缩减50%样式代码的实战经验总结
https://mp.weixin.qq.com/s/bwku4EINn591j0avhqzXQQ

生成Mock数据

chancejs
https://chancejs.com/web/tld.html

faker.js
https://github.com/Marak/faker.js

Intersection_Observer_API

MDN
https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API

IntersectionObserver API 使用教程
http://www.ruanyifeng.com/blog/2016/11/intersectionobserver_api.html

Intersection Observer: Track Elements Scrolling Into View
https://webdesign.tutsplus.com/tutorials/how-to-intersection-observer--cms-30250

骨架屏

如何让你的网页“看起来”展现地更快 —— 骨架屏二三事
https://mp.weixin.qq.com/s/aTeojlmlb1S3QSPV-PL2Sg

前端骨架屏都是如何生成的
https://mp.weixin.qq.com/s/ABUFDk5SB1D9CqpLly51tg

一种自动化生成骨架屏的方案
https://mp.weixin.qq.com/s/LPU9_mkLP134EBVrSg6mVg

React Hook

React hook 10种 Hook (详细介绍及使用)
https://juejin.im/post/6844903989696282631

一个很有意思的hook库:react-hanger
https://mp.weixin.qq.com/s/i6pQu4-_AgCUKpfyc7VI3g

源码解析React Hook构建过程:没有设计就是最好的设计
https://mp.weixin.qq.com/s/968ukIjEhhEOeLD5SQoKaw

React Hook源码解析(一)
https://mp.weixin.qq.com/s/qXaeSV1PC-ekftJ9AvyKyg

简化React Hook的5种方法
https://mp.weixin.qq.com/s/5NnQgk8LgIU5F9WY7pONvQ

【译】使用React Hook加载图片
https://mp.weixin.qq.com/s/ZuYGJDLNTYK_LP4eI8BIBg

10个案例让你彻底理解React hooks的渲染逻辑
https://mp.weixin.qq.com/s/t3sBaKXIb023t3pTpdBCtg

React

使用React实现无限滚动和图像懒加载
https://mp.weixin.qq.com/s/CbN6jbgrIoN-oGI2OThNfA

2020年React Redux的5种替代选项
https://mp.weixin.qq.com/s/lqvDxaknoHxW3BfqQwOf4w

为 REST API 创建可复用的 React Query 组件
https://mp.weixin.qq.com/s/eWhu4MQK8kn2jXUhhChkfA

这就是你日思夜想的 React 原生动态加载
https://mp.weixin.qq.com/s/l_kv6rzUXSF3R9bfIko5BQ

22 个让 React 开发更高效更有趣的工具
https://mp.weixin.qq.com/s/nve24Fq_8LrvofNcgX51dg

用 TypeScript 编写 React 的最佳实践
https://mp.weixin.qq.com/s/MLZQfsdGASCE_QivWn47rg

React中使用CSS的7种方式
https://mp.weixin.qq.com/s/6xGD4ZEAZ153PuSCB7lFlA

编写React组件时常见的5个错误
https://mp.weixin.qq.com/s/wxea_1I30VOoBn8Oll2joQ

React 中请求远程数据的四种方法
https://mp.weixin.qq.com/s/tS5ACBAaYImK6F_MliODoQ

Other

禁止eslint对指定代码检测
https://www.jianshu.com/p/ce8e19b24e90

WPS怎么固定/锁定表头_WPS如何设置表头固定不动
https://jingyan.baidu.com/article/48a420572c0463a924250419.html

25 个实用前端网站工具推荐
https://mp.weixin.qq.com/s/s5aqgta9ok_uN8D1BRbRnQ