Echo.js

Astrian & 白羊

0.0 (0)
TECHNOLOGY

Echo.js Podcast

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

07/12/2023

Episode 9: 程序员生存指南：如何在混沌时代「站着把钱挣了」

这期是技术博客节的特别节目，我们邀请了一个嘉宾，一起来聊聊「程序员如何站着把钱挣了」的问题。我们结合自己的经历和对身边的观察，讨论了关于「站着」「工作」和「意义」的思考。聊的比较意识流，加上这个问题本身也是很形而上的问题，可能比较抽象，如果能给大家也带来一些思考就好了。索引：开场 00:00:00 什么是站着 00:00:52 工作的忧郁 00:02:46 你也是「意义怪」吗？ 00:05:32 辞职之后 00:07:25 年轻人的第一份工作 00:09:16 停下来想想 00:10:45 不同的选择 00:13:11 远程工作 00:34:55 寻找意义 00:44:30 结尾 01:17:48 关于 Echo.js & 联系我们 Echo.js 是一档关于编程与开发的播客节目。官网地址是 www.echojspodcast.com 。我们推荐使用支持 RSS 方式订阅（即「泛用型」）的播客客户端收听。有话想说？你可以：发到官网评论区来小宇宙 app 订阅 Echo.js 并给节目发评论加入听众反馈 QQ 群（白羊说进群可以教学编程，包教包会）发邮件至 hello(a)astrianzheng.com 关注我们的：Telegram 频道 Special Guests: .

1h 19m
23/10/2022

Episode 8: 禅与浏览器开发艺术 feat. 螺丝 @ 「没有主题的闲聊」

就 Arc 浏览器「横空出世」一事，我们继续与友台「没有主题的闲聊」主播螺丝一起探讨Arc 宣称「想要改变」（事实上也非常混乱不堪）的互联网（原本）究竟应该是什么样子的。节目章节 00:00:00 小福利：我们会在官网本期节目页面评论区送出 Arc 浏览器邀请码 00:00:24 开场跑火车 00:20:08 Web app 之风是谁刮起来的？ 00:41:54 大家都讨厌 Electron，大家都用 Electron 01:07:54 操作系统的终点是浏览器？ 01:18:08 批判 Arc 浏览器：它是一个「功能服务于设计」的灾难 01:47:22 尾声相关链接 The Browser Company 官网，The Browser Company 即 Arc Browser 开发团队《弧光未照明路，新衣难解旧愁——评 Arc 浏览器》：少数派发布的关于 Arc 浏览器的测评文章 musikcube：使用 SQL 语句筛选音乐播放列表（00:13:09） 1999 年的 amazon.com 的网页存档（00:26:31） Pixel Art in Web Design（00:35:08） Pepsi in 1996：Pixel Art in Web Design 收录的百事在 1996 年的营销网站（00:36:01） Buying a Chromebook was a BIG MISTAKE：Linus Tech Tips 介绍如何安装 ChromeOS Flex 的视频（00:43:28） Dart 编程语言（01:11:39） Vivaldi 浏览器（01:30:40） recative-system：统一浏览器自动播放行为的前端框架（01:47:22）关于 Echo.js & 联系我们 Echo.js 是一档关于编程与开发的播客节目。官网地址是 www.echojspodcast.com 。我们推荐使用支持 RSS 方式订阅（即「泛用型」）的播客客户端收听。有话想说？你可以：发到官网评论区来小宇宙 app 订阅 Echo.js 并给节目发评论加入听众反馈 QQ 群或 Discord 群组发邮件至 hello(a)astrianzheng.com 关注我们的：Telegram 频道 Special Guest: 螺丝.

1h 52m
17/10/2022

Episode 7: 交互视频、Flash 和万人唾弃的 Safari feat. 螺丝 @「没有主题的闲聊」

本期是一期串台节目。Astrian 和白羊与友台「没有主题的闲聊」主播螺丝一起，从螺丝供职的基本操作团队开始，聊聊有关交互视频开发秘辛、前端与跨平台 app 的未来。另外，还有对「烂苹果」的各种吐槽。由于本期节目的原始音频是通过 Zoom 云录制功能录制的，因此音质可能不会很好，敬请谅解。章节 00:00:00 开场、串台主播介绍，以及何为「基本操作」 00:11:03 「交互视频」遇到了一万种技术问题 00:24:05 Apple 开发吐槽大会：Safari 是用于正确渲染 apple.com 的浏览器 01:09:24 现在看来，Flash 去世是很可惜的 02:11:32 尾声相关链接基本操作官网螺丝在其个人博客撰写的、有关交互视频开发过程相关的技术博客文章用 Flash 的方式来做 HTML 5 动画的软件 Hype （00:09:50） Animate.js（00:10:00）螺丝的 Telegram 频道「螺莉莉的黑板报」（00:13:33）螺丝在 Safari 调试时遇到的 0.18 ZB bug（00:36:08）针对 Safari 内存泄露问题，Telegram WebK 团队在其官方频道撰写的契文（00:38:04）关于 Echo.js & 联系我们 Echo.js 是一档关于编程与开发的播客节目。官网地址是 www.echojspodcast.com 。我们推荐使用支持 RSS 方式订阅（即「泛用型」）的播客客户端收听。有话想说？你可以：发到官网评论区来小宇宙 app 订阅 Echo.js 并给节目发评论加入听众反馈 QQ 群（白羊说进群可以教学编程，包教包会）发邮件至 hello(a)astrianzheng.com 关注我们的：Telegram 频道 Special Guest: 螺丝. Links: 基本操作官网幕后故事：交互视频播放器的技术发展历史 — 螺丝在其个人博客撰写的、有关交互视频开发过程相关的技术博客文章 Hype — 用 Flash 的方式来做 HTML 5 动画的软件 Hype。Animate.js 螺莉莉的黑板报 — 螺丝的 Telegram 频道 0.18 ZB bug — 螺丝在 Safari 调试时遇到的 bug。针对 Safari 内存泄露问题，Telegram WebK 团队在其官方频道撰写的契文 — 针对 Safari 内存泄露问题，Telegram WebK 团队在其官方频道撰写的契文。

2h 13m
11/06/2022

「技术播客月」先导预告

Echo.js 将会参加 2022 年「技术播客月」活动。在 2022 年 7 月，我们将会有一个串台节目，形式、话题暂且先保密！感兴趣的朋友们可以关注「技术播客月」，也欢迎大家持续关注 Echo.js！

1 min
07/06/2022

Episode 6: 函数式编程，从入门到…… 算了，爱到哪到哪

大哥大嫂新年好！时隔九个多月，我们终于复播了（老父亲的眼泪）。复播第一期的话题有些 hardcore：函数式编程。也许你偶尔会在各种场合听到这个词，那它究竟与传统的过程式、对象式编程有什么区别？这里的「函数」又与我们常见的函数有什么关系？它为什么又被许多人奉为全新且优秀的编程范式？当然，本期话题可以聊的东西实在是太多，本期节目姑且也是抛砖引玉。如果大家还希望我们来聊聊相关内容的话，欢迎留言告诉我们。章节 00:00 开场寒暄 02:16 何为函数式编程？ 16:35 与函数式编程有关的语言 29:05 深入了解更多概念 36:44 吟唱魔法 40:53 尾声相关链接 MesoTroniK（为 Echo.js 制作新的 intro / outro）的 SoundCloud 主页和 Patreon 主页。 Haskell：函数式编程范式的「元汤化元食」之语言。 Ramda：在 JavaScript 中使用的函数式编程框架。 Fantasy Land Specification：在 JavaScript 中实现函数式编程的规范。 PureScript 与 Elm：JavaScript 的超类，编写后可直接编译为 JavaScript 的语言。白羊写的介绍 ADT 的文章。关于 Echo.js & 联系我们 Echo.js 是一档关于编程与开发的播客节目。官网地址是 www.echojspodcast.com 。我们推荐使用支持 RSS 方式订阅（即「泛用型」）的播客客户端收听。有话想说？你可以：发到官网评论区来小宇宙 app 订阅 Echo.js 并给节目发评论加入听众反馈 QQ 群（白羊说进群可以教学编程，包教包会）发邮件至 hello(a)astrianzheng.com 关注我们的：Telegram 频道获取本期节目转写文稿（PDF 格式）

42 min
15/10/2021

Episode 5: 少年，你掉的是这个空格缩进，还是这个 Tab 缩进？

时隔两个月的更新，我们迎来新的官网、新的会员计划和新的话题。从这期开始，我们拥有新的固定栏目：开源项目与文章摘要（暂定）；之后我们将大家写代码时的习惯、工具等等都拿了出来，看看究竟哪种最好用。节目索引 00:00 开场 00:22 厚脸皮地来说说这两个月里的公告 03:20 新固定栏目：开源项目与文章摘要 15:53 大乱斗话题的由来 18:01 代码习惯大比拼 35:57 有 Lint，当然少不了 Linter 41:31 说脚到手架，两位 JS 程序员可就不困了 49:05 终于开始聊编辑器 01:01:16 最后来聊聊 GitHub Copilot 相关链接 06:07 - WeKan 开源看板工具 07:42 - draw.io 08:50 - 数据绘开源绘图工具 12:25 - How to win on CORS：CORS 跨域限制机制是怎么来的，到底该怎么解决？ 19:05 - 维基百科中对「制表键」的定义：键盘上俗称的 Tab 键正式名称叫「制表键」（tabulator key），它可以提供最大 4 长度（有些是 8 或是其他长度）的可变长度空格，在需要跨行进行列对齐（制表等场景）时非常好用而得名。白羊说「Tab 键本身就是做这种事的」是这个原因。 25:55 - JavaScript Map, Reduce, and Filter - JS Array Functions Explained with Code Examples：JavaScript 中操作数组常用的 map、reduce 和 filter 三个函数的解释。 29:26 - PureScript 30:17 - 中文编程了解一下：我台以「在编程中使用中文」为话题的一期节目。 36:22 - EditorConfig 41:37 - Vue CLI 41:50 - Create React App：两位主播都忘记叫什么名字的 React 脚手架。 44:07 - WebPack 44:12 - Next.js（React）和 Nuxt.js（Vue.js） 47:16 - Parcel 01:01:16 - GitHub Copilot 01:02:37 - What does Copilot Mean for Open Source：开源组织在 GitHub Copilot 推出之后针对 AI 补全代码的合法性发文。关于 Echo.js & 联系我们 Echo.js 是一档关于编程与开发的播客节目。官网地址是 www.echojspodcast.com 。我们推荐使用支持 RSS 方式订阅（即「泛用型」）的播客客户端收听。有话想说？你可以：发到官网评论区来小宇宙 app 订阅 Echo.js 并给节目发评论加入听众反馈 QQ 群（白羊说进群可以教学编程，包教包会）发邮件至 hello(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 Play the Flappy Duck game: http://ncs.io/GetUp 奏间音乐：来自北京干燥文化传媒有限公司。

1h 8m
16/07/2021

Episode 4: 说是要聊「可视化编程」，结果聊了大半天的快捷指令和游戏编程

各位 Echo.js 的听众朋友们，我们鸽了一年，终于回来了！ 🙇 本期，我们从越来越火热的可视化编程概念开始，探讨这个只需要拖拖拽拽就能「写代码」的方式到底对我们生活有什么样的影响。省流小助手：对于普通人做做自动化、或是刚刚开始接触编程来说，帮助还是很大的；但它目前对程序员来说，还是不太友好。 ➤ 节目索引 00:00:00 开场 00:00:53 道歉大会、近况介绍和一些公告 00:04:26 什么是可视化编程？ 00:12:42 程序员编程时候并不会用它（大概吧） 00:19:20 可视化编程与自动化 00:27:03 用可视化编程做游戏 00:35:53 吐槽一些公司内部使用的「可视化工具」有多难用 00:44:06 说是总结，又不小心聊了一大堆东西 00:50:54 尾声 ➤ STAFF主播：Astrian、白羊剪辑：Astrian ➤ 相关链接编程猫：在节目中提到的有关青少年编程教育的创业公司之一 Google Blockly 和 MIT Scratch H5 魔塔官网和关卡编辑器通过组合函数块完成流逻辑编辑的 node-red Apple 设备上的快捷指令 app 《附带导航！一做就上手第一次的游戏程序设计》在美国任天堂的官方主页我台主播 Astrian 做的「第一次的游戏程序设计」攻略（对，这玩意甚至可以有攻略） ➤ 关于 Echo.js & 联系我们Echo.js 是一档关于编程与开发的播客节目。官网地址是 podcast.astrianzheng.com。我们推荐使用支持 RSS 方式订阅（即「泛用型」）的播客客户端收听。有话想说？你可以：发到官网评论区来小宇宙 app 订阅 Echo.js 并给节目发评论加入听众反馈 QQ 群：639587959（白羊说进群可以教学编程，包教包会）发邮件至 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/HV7mLcsUp5UFree Download / Stream: http://ncs.io/GetUp Play the Flappy Duck game: http://ncs.io/GetUp 奏间音乐：来自北京干燥文化传媒有限公司。

52 min
13/07/2020

Episode 3: 教练我想做 IT，高考志愿怎么填？

高考的同学们辛苦了！本期，我们为希望进修学习 IT 技术的同学们，讲讲相关专业的就业方向和必备技能。当然，本期节目涉及到的有关领域非常广泛，以至于所有想要转职的朋友们也能作为一些参考。注：节目中提到的所有信息皆截止于节目录制期间，同时可能会有误差。请各位同学们自己分辨信息准确性和真实性。 ➤ 节目索引 00:00:00 开场 00:00:18 寒暄：今年不平常的高考，以及与高考有关的二三事 00:04:53 奏间 00:05:13 选专业：选「计科」八成没错，但你逃不了自学 00:09:39 IT 领域有哪些可选的职业方向？ 00:16:20 详细展开这些职业的具体特点和要求 00:25:10 职业方向选好了，接下来该学什么？ 00:25:10 职业方向选好了，接下来该学什么？ 00:49:25 自学也是一门学问 00:52:08 返场寒暄：对今年的高考学子们一点微不足道的祝愿 00:53:04 尾声 00:54:05 花絮：主播 Astrian 找了一间钟点房录音，却不小心走错了房间…… ➤ STAFF主播：Astrian、白羊剪辑：Astrian ➤ 相关链接机器学习框架 TensorFlow 官网跨平台桌面应用框架 Electron 官网跨平台应用框架 Flutter 官网国产跨平台应用开发工具 HBuilder 官网白鹭游戏引擎书籍《如何阅读一本书》的豆瓣页面 ➤ 关于 Echo.js & 联系我们Echo.js 是一档关于编程与开发的播客节目。官网地址是 podcast.astrianzheng.com。我们推荐使用支持 RSS 方式订阅（即「泛用型」）的播客客户端收听。有话想说？你可以：发到官网评论区来小宇宙 app 订阅 Echo.js 并给节目发评论加入听众反馈 QQ 群：639587959（白羊说进群可以教学编程，包教包会）发邮件至 podcast(a)astrianzheng.com 关注我们的：Telegram 频道、Twitter ➤ COPYRIGHT DISCLIMER开场/尾声音乐：TOKYO MACHINE & Guy Arthur - GET UP (NCS Release) 奏间音乐：River Meditation

55 min
22/06/2020

Episode 2: 中文编程了解一下？

Astrian 一直吐槽白羊在写代码的时候使用中文变量名，因此白羊就在这一期中狠狠地向大家安利中文变量名。当然，我们也顺便聊了聊有关「中文变量」与「中文编程语言」的区别、在代码中使用中文（非拉丁字符）的一些问题，以及由此引发的许多额外话题。 ➤ 节目索引 00:00:00 开场 00:00:49 听众反馈 & 公告 & 寒喧 00:03:39 进入正题，先了解「中文编程语言」与「中文变量」的区别 00:04:22 白羊使用中文变量的最初动机，以及更深层次的缘由 00:09:57 有哪些编程语言支持非拉丁字符变量名？ 00:14:20 闲谈两个（有趣的）中文编程语言 00:17:31 说到底，编程语言还是要有实用性才会有拥趸 00:21:28 语义化编程与语音助手，以及信息熵问题 00:24:01 白羊的安利中文变量时间 00:29:48 使用中文变量时，如何解决频繁切换输入法的问题？ 00:31:13 中文中的多音字、同音字，是中文变量编程的隐性障碍（拼音输入法限定） 00:33:10 突然插入的《不懂英语，也能从零看懂英文文档》 00:35:06 语言障碍、简繁与不同地区表述差异，都是中文编程的局限 00:36:02 白羊有一个企图让全世界程序员学中文的计划 00:36:28 中文的信息密度有助于「压缩」代码体积 00:38:59 VS Code 中的中文变量插件推荐 00:40:22 尾声 & 安可寒暄 ➤ STAFF主播：Astrian、白羊剪辑：Astrian ➤ 相关链接 Swift 语言参考书：The Swift Programming Language 支持中文变量名的编程语言列表：在各种编程语言中使用中文命名维基百科以及源码库网站整理的使用中文进行编码的编程语言列表 Dongbei：基于 Python 的东北话编程语言 wenyan-lang：基于文言文的编程语言输入中文概念返回对应英语变量名的实用网站：Codeif 维基百科中有关信息熵的资料中文变量输入辅助插件：vscode_Chinese_Input_Assistant 有关中国大陆地区 Apple Podcast 的一些情况介绍：《播客制作入门指南》 ➤ 关于 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

44 min
14/06/2020

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
30/05/2020

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 频道

21 min

11 Episodes

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

Creator

Astrian & 白羊
Years Active

2020 - 2023
Episodes

11
Rating

Clean
Copyright

© 2024 Echo.js
Show Website

Echo.js