Medium每日精华
学习笔记
生活
1. 使用Chrome作为web server
Using Chrome as a Local Web Server
Chrome devtool中的source面板有一个override功能,能将某域名下的资源进行本地替换,也就是说我们可以建一个已存在的域名文件夹,将其index
改写,这样加载的页面就是我们本地的页面。
2. 固定比例图片加载方式
Time-saving CSS techniques to create responsive images
- Use background-image if your image is not part of the page’s content.
- Use object-fit if you don’t care about IE.
- The padded container technique, used by Netflix, works everywhere.
- In most cases, just add height: auto; in your CSS.
- If you need fast load times, use srcset to load smaller images on mobile.
3. 表格数据展示的方法
Design better data tables
一切都是为了更方便已经更优质的用户体验
4. CSS Scroll Snap
CSS Scroll Snap — How It Really Works
取代js实现滑块功能。
5. 有趣的建议
7 Skills of Highly “Effective” Programmers
- 习惯阅读别人的代码
- 搞懂git
6. 理财建议
- 存钱,投资
- 增加副业
7. 10个值得尝试的项目
10 Great Programming Projects to Improve Your Resume and Learn to Program
动手永远是理解知识的最有效途径。作者推荐的这些项目能让你熟悉现代开发的真实需求。
8. Facebook的优化之路
Discover the tech stack for the new Facebook
9. 你可能不需要框架
原文:You Don’t Need a JavaScript Framework
资源:你不需要Jquery
10. 我是如何成为百万富翁的
How I Became A Millionaire
中间商赚差价
11. ES10
Upcoming new JavaScript features You should know if you use JavaScript everyday
- Array.prototype.flat
- Array.prototype.flatMap
- TC39 proposals in Github
- Numeric Separators
- Top-level await
- Nullish Coalescing for JavaScript
- Optional Chaining
- Promise.any
上一篇
HTML基础 - 视频播放
下一篇
手写源码