))
Episode 1: 前端开发吐槽大会
已归档的系列专辑 ("不活跃的收取点" status)
When?
This feed was archived on October 13, 2022 20:25 (
Why? 不活跃的收取点 status. 我们的伺服器已尝试了一段时间，但仍然无法截取有效的播客收取点
What now? You might be able to find a more up-to-date version using the search function. This series will no longer be checked for updates. If you believe this to be in error, please check if the publisher's feed link below is valid and contact support to request the feed be restored or if you have any other concerns about this.
Manage episode 297651287 series 2689016
内容由Astrian & 白羊提供。所有播客内容（包括剧集、图形和播客描述）均由 Astrian & 白羊 或其播客平台合作伙伴直接上传和提供。如果您认为有人在未经您许可的情况下使用您的受版权保护的作品，您可以按照此处概述的流程进行操作https://zh.player.fm/legal。
白羊：我觉得我们录完没说到一起去啊。
Astrian：怎么讲？我觉得还成？
白羊：我一直在说元素排版的问题，你一直在说分辨率的事儿。
Astrian：🙄🙄🙄
久等了！因为这期的剪辑出了一点小问题，因此让大家等待的时间有点长，非常抱歉。
Echo.js（真正的）第一期节目，两位点了不少前端技能点的主播，简单谈了谈有关前端开发（网页开发）的历史，吐槽有关 HTML 历史遗留问题带来的各种奇形怪状的问题，其中就包括多屏幕适配、长期以来的排版样式问题，以及目前前端开发技术栈被替代的可能性。
➤ 节目索引
- 00:00:00 开场
- 00:01:17 为什么要吐槽前端开发？
- 00:04:00 响应式前端开发的由来
- 00:10:17 HTML 的「流式布局」
- 00:15:34 正常流程下做响应式网页的方法
- 00:19:41 让人又爱又恨的栅格系统
- 00:26:21 向 flex 开炮
- 00:33:38 Flex 是一个比栅格系统更灵活的排版系统
- 00:36:50 在网页做排版是一件「逆天而行」的事情
- 00:38:13 另类适配方案
- 00:55:43 马后槽：虽然会造成各种各样的问题，但意外很好用的…… 表格排版法
- 00:56:43 尾声
➤ STAFF
主播：Astrian、白羊
剪辑：白羊
特别感谢：Christopher
➤ 补遗
Christopher 在事后提醒我们，显像管显示器显示比例通常是 4:3 的重要原因是，更接近正方形的显像管显示器更容易以低成本方式生产。
➤ 相关链接
- 知乎上有关显像管显示器比例的讨论：为什么早期屏幕是 4:3 比例？
- 有关 WAP 的维基百科资料：无线应用协议
- 节目中提到的几个前端视觉框架：Bootstrap、iView 和 Element
- 拯救前端开发者们的 flex 样式特性的 官方文档
- 通过绘制的草图生成 HTML 的工具：Sketch2Code。我们当时看的好像不是微软做的，不过原理似乎差不太多。
- 在没有 Flex 的时候，设前后左右都是 50% 的居中方式：HTML+CSS，让 div 在屏幕中居中（水平居中 + 垂直居中）方法总结
➤ 关于 Echo.js & 联系我们
Echo.js 是一档关于编程与开发的播客节目。官网地址是 podcast.astrianzheng.com。我们推荐使用支持 RSS 方式订阅（即「泛用型」）的播客客户端收听。
有话想说？可以来小宇宙 app 订阅 Echo.js 并给节目发评论，也可以发邮件至 podcast(a)astrianzheng.com。
关注我们的：Telegram 频道、Twitter
➤ COPYRIGHT DISCLIMER
开场音乐：Track: TOKYO MACHINE & Guy Arthur - GET UP [NCS Release]. Music provided by NoCopyrightSounds. Watch: https://youtu.be/HV7mLcsUp5U, Free Download / Stream: http://ncs.io/GetUp
8集单集
分享
