Echo.js

Echo.js

By Astrian & 白羊Technology
Download on the App Store

Echo.js episodes

  • Episode 1: 前端开发吐槽大会

    白羊：我觉得我们录完没说到一起去啊。
    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

    58 min
  • Episode 0: 「喂，喂，一二三，能听见吗？」

    本期介绍

    这是 Echo.js 的非正式录制节目，俗称「试音集」。目的是测试从录制到剪辑的全过程。

    作为临时起意而诞生的播客，两位主播之间并没有多少磨合的时间。因此，你会在这个试音集里听到各种充满湿气的尬聊。包括一开始尬出血的「这档播客是如何诞生的」，以及后面（个人觉得）稍微好一些的、简单谈论的关于 WSL 与 Deno 和 Vue 3.0 的事情。

    你大可以将它看作一场表演前，几乎每个工作人员为话筒试音会说的那句：「喂，喂，一二三，能听见吗？」

    总之，下一期开始我们会给大家真正「晒干一些」的货。请大家多多关照。鞠躬。

    相关链接

  • Windows 10 WSL 支持 Linux GUI apps 的报道

  • 微软 DirectX 团队宣布其支持 Linux 的官方博客通稿

  • Deno 的 官网 和 源码仓库

  • InfoQ 转载的尤雨溪关于 Vue 3.0 的展望



    • 关于 Echo.js & 联系我们

    Echo.js 是一档关于编程与开发的播客节目。官网地址是 podcast.astrianzheng.com。我们推荐使用支持 RSS 方式订阅（即「泛用型」）的播客客户端收听。

    有话想说？听众反馈可发邮件至 podcast(a)astrianzheng.com。

    关注我们的：Telegram 频道

    22 min

About Echo.js

From the publisher's feed

关于编程与开发的播客节目，a.k.a. 两名前端精英二级（迫真）干员的带主题吹水录音手记。