EP10 出海，国际化

本期节目我们请到了一位强力外援 李叶(https://github.com/leeyeh/) 来一起谈一谈出海国际化的各种问题。 这期节目只有大概一小时，但是内容却相当丰富，谈及了语言，数字及文化方面的国际化注意事项及一些解决方案。 最后发现还是做国内市场最简单 :) 主播: 李叶: https://github.com/leeyeh/ AnnatarHe: https://annatarhe.com Tinko: https://space.bilibili.com/290664 Sleaf: https://twitter.com/Sleaf_ 小鹿 Timeline: 0:34 为什么要出海啊 2:17 i18n, l10n 都是什么？ 5:30 语言的国际化要解决什么问题 7:41 单复数还挺复杂的哦 10:59 千？万？ 14:43 什么？windows 日版路径分隔用 ￥ 17:30 语法与语言 20:43 国际化那么多标准，哪儿来的数据？ 28:07 大型项目的国际化文案怎么做？ 36:44 时间的国际化 44:16 只做国内产品挺好的 44:41 国际化是怎么区分语言和地区的呢？ 48:51 国际化 — 隐私与政策 52:14 国际化 — 圣诞节到底过不过 54:03 国际化 — 顿涅兹克的地图该怎么画 57:06 国际化 — 手机号就算了吧 58:39 国际化 — 性别可别用 boolean 哦 1:00:16 总结 — 出海还真不容易 相关链接: i18n 与 l18n 的区别: https://www.w3.org/International/questions/qa-i18n CLDR: https://cldr.unicode.org/index IETF BCP 47 language tag: https://en.wikipedia.org/wiki/IETF_language_tag Ant Design 圣诞节事件（注：链接中被离职的文字并没有找到有力证据佐证）： Ant Design 圣诞地雷: https://www.v2ex.com/t/520690?p=1 https://github.com/ant-design/ant-design/issues/13098#issuecomment-449786093 https://github.com/ant-design/ant-design/issues/13098#issuecomment-449786560 https://github.com/ant-design/ant-design/issues/13098#issuecomment-449786655 Intl: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl 为什么日语Windows下的路径分隔符使用￥? https://www.zhihu.com/question/41218947 SwiftUI LocalizedStringKey: https://developer.apple.com/documentation/swiftui/localizedstringkey 陈浩关于飞书国际化的批评: https://twitter.com/haoel/status/1497197608908976128 GitHub 的地图像素化: https://octoverse.github.com/#future open street map: https://www.openstreetmap.org/ mysql 的 boolean 实际上是 tinyint: https://stackoverflow.com/questions/3751853/boolean-vs-tinyint1-for-boolean-values-in-mysql 扩展阅读: 李叶做的关于国际化的内部分享： https://zealous-visitor-b16.notion.site/Internationalization-Localization-1-a6f564c41f2f49189b7caecec969f02f GDPR 2 周年，我们分析了近 300 起罚款事件 https://www.infoq.cn/article/pCqvqVaD46m4NAWcoLIC 勘误: 意大利，挪威，西班牙用 . 做千的分割，而非德国 https://docs.oracle.com/cd/E19253-01/819-0402/overview-48/index.html BGM by Otologic

EP09 大哥大嫂过年好，一起聊聊样式表

大家新年快乐~我们年后回归一起聊一聊 CSS 。主要介绍了几种 css 工程的思想及相关实现的代表作，探索更好的 CSS 工程形式。 有任何意见或建议，欢迎联系邮件：[email protected] 主播 AnnatarHe: https://annatarhe.com Tinko: https://space.bilibili.com/290664 Sleaf: https://twitter.com/Sleaf_ 小鹿 Timeline 00:30 听众反馈 02:43 让人头疼的样式表 13:02 预编译器哪家强 22:38 怎么限制 css 作用域？ 25:21 BEM？简单而臃肿 28:03 Vue 送来了 scoped 30:46 CSS Modules 好用吗 33:06 ALL IN JS! 35:43 原子性 CSS 是不是一个好的方案？ 41:22 小结，以及还有其他小众方案 42:26 这些方案有哪些落地的框架？ 46:39 最近蛮火的 Tailwind 用起来怎么样 1:02:15 styled-componets 是不是一个完美的方案？ 1:05:17 说了这么多，现在主播们会选哪个？ 1:11:02 在未来什么会消亡什么会壮大？ 相关链接 BEM: http://getbem.com/introduction/ LibSass is Deprecated: https://sass-lang.com/blog/libsass-is-deprecated CSS 语法 [符号]: https://developer.mozilla.org/zh-CN/docs/Web/CSS/Value_definition_syntax#符号 最佳化文字資產的編碼和傳輸大小: https://developers.google.com/web/fundamentals/performance/optimizing-content-efficiency/optimize-encoding-and-transfer?hl=zh-tw CSS Houdini: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Houdini 扩展阅读 An Introduction To Object Oriented CSS (OOCSS): https://www.smashingmagazine.com/2011/12/an-introduction-to-object-oriented-css-oocss/ Just-In-Time: The Next Generation of Tailwind CSS: https://tailwindcss.com/blog/just-in-time-the-next-generation-of-tailwind-css Real-world CSS vs. CSS-in-JS performance comparison: https://pustelto.com/blog/css-vs-css-in-js-perf/ postcss-rs: https://github.com/postcss-rs/postcss-rs parcel-css: https://github.com/parcel-bundler/parcel-css BGM by Otologic

EP08 金三银四，来场面试(下)

第七期内容我们趁着年前各位跳槽前录了期关于面试的话题，包括了面试官和候选人的视角。也谈到了应该用什么样的态度来面试，问什么问题，也包含最后的薪酬话题。 其中关于 “面试造火箭，入职拧螺丝” 的部分我们讨论比较激烈，但内容上是关于 “预期管理” 的讨论。后续也激烈讨论了老生常谈的 “性能 vs 效率“ 的话题。听众有自己的看法也欢迎留下评论或者发邮件讨论。 由于本期内容过长，我们分了上、下两集。同时春节临近，我们也请假一期。下次更新时间是 2022.2.24 祝大家新年快乐~ 联系方式： [email protected] 主播 AnnatarHe: https://annatarhe.com Tinko: https://space.bilibili.com/290664 Sleaf: https://twitter.com/Sleaf_ 小鹿 Timeline(上) 00:31 上期反馈及回应 03:35 面试 05:22 为什么需要招人 09:00 面试官的基本素养 26:30 面试题 - “八股文” 什么看法？ 29:45 简历记得要扬长避短 36:10 开始吧，请先做个自我介绍 40:12 智力题？态度题？ 46:45 正经 web 面试题 Timeline(下) 00:24 面试题 —— 浏览器事件 01:44 面试题 —— 新规范 05:34 面试题 —— 实现 deepclone 06:44 面试题 —— 浏览器输入 url 后，发生了什么 15:54 面试题 —— 关于网络，关于加密 19:29 面试题 —— 计算机基础 24:24 面试题 —— 算法 34:49面试造火箭，入职拧螺丝？ 41:16 算法的真实应用 50:56 工程经验与个人学习 54:59 对面试官有什么需要了解的 57:47 钱和另一个东西，怎么算？ 60:36 如何选 Offer 67:31 钱怎么算 77:29 结束 + 休假 + 请假 相关链接: 中国程序员容易发音错误的单词: https://github.com/shimohq/chinese-programmer-wrong-pronunciation How to vertically align an image inside a div: https://stackoverflow.com/questions/7273338/how-to-vertically-align-an-image-inside-a-div POSIX 标准: https://en.wikipedia.org/wiki/POSIX Coroutine: https://en.wikipedia.org/wiki/Coroutine ES6 Tail Recursion Optimisation Stack Overflow: https://stackoverflow.com/questions/42788139/es6-tail-recursion-optimisation-stack-overflow 薪酬报告：https://www.zhipin.com/salaryxc/c101020100_p100901.html 扩展阅读 Let it crash: https://wiki.c2.com/?LetItCrash A Crash Course In Failure: http://web.archive.org/web/20090430014122/http://nplus1.org/articles/a-crash-course-in-failure/ Announcing TypeScript 4.5: https://devblogs.microsoft.com/typescript/announcing-typescript-4-5/ TypeScript 类型体操挑战题: https://github.com/type-challenges/type-challenges RSA: https://en.wikipedia.org/wiki/RSA_(cryptosystem) BGM by Otologic

EP07 金三银四，来场面试(上)

第七期内容我们趁着年前各位跳槽前录了期关于面试的话题，包括了面试官和候选人的视角。也谈到了应该用什么样的态度来面试，问什么问题，也包含最后的薪酬话题。 其中关于 “面试造火箭，入职拧螺丝” 的部分我们讨论比较激烈，但内容上是关于 “预期管理” 的讨论。后续也激烈讨论了老生常谈的 “性能 vs 效率“ 的话题。听众有自己的看法也欢迎留下评论或者发邮件讨论。 由于本期内容过长，我们分了上、下两集。同时春节临近，我们也请假一期。下次更新时间是 2022.2.24 祝大家新年快乐~ 联系方式： [email protected] 主播 AnnatarHe: https://annatarhe.com Tinko: https://space.bilibili.com/290664 Sleaf: https://twitter.com/Sleaf_ 小鹿 Timeline(上) 00:31 上期反馈及回应 03:35 面试 05:22 为什么需要招人 09:00 面试官的基本素养 26:30 面试题 - “八股文” 什么看法？ 29:45 简历记得要扬长避短 36:10 开始吧，请先做个自我介绍 40:12 智力题？态度题？ 46:45 正经 web 面试题 Timeline(下) 00:24 面试题 —— 浏览器事件 01:44 面试题 —— 新规范 05:34 面试题 —— 实现 deepclone 06:44 面试题 —— 浏览器输入 url 后，发生了什么 15:54 面试题 —— 关于网络，关于加密 19:29 面试题 —— 计算机基础 24:24 面试题 —— 算法 34:49面试造火箭，入职拧螺丝？ 41:16 算法的真实应用 50:56 工程经验与个人学习 54:59 对面试官有什么需要了解的 57:47 钱和另一个东西，怎么算？ 60:36 如何选 Offer 67:31 钱怎么算 77:29 结束 + 休假 + 请假 相关链接 中国程序员容易发音错误的单词: https://github.com/shimohq/chinese-programmer-wrong-pronunciation How to vertically align an image inside a div: https://stackoverflow.com/questions/7273338/how-to-vertically-align-an-image-inside-a-div POSIX 标准: https://en.wikipedia.org/wiki/POSIX Coroutine: https://en.wikipedia.org/wiki/Coroutine ES6 Tail Recursion Optimisation Stack Overflow: https://stackoverflow.com/questions/42788139/es6-tail-recursion-optimisation-stack-overflow 薪酬报告：https://www.zhipin.com/salaryxc/c101020100_p100901.html 扩展阅读 Let it crash: https://wiki.c2.com/?LetItCrash A Crash Course In Failure: http://web.archive.org/web/20090430014122/http://nplus1.org/articles/a-crash-course-in-failure/ Announcing TypeScript 4.5: https://devblogs.microsoft.com/typescript/announcing-typescript-4-5/ TypeScript 类型体操挑战题: https://github.com/type-challenges/type-challenges RSA: https://en.wikipedia.org/wiki/RSA_(cryptosystem) BGM by Otologic

EP06 Low Code 到底 Low 不 Low

本期节目我们终于蹭上了热点 —— 低代码(Low Code)。主播们根据自己的经历谈了些应用场景和实现等相关话题，展望未来的低代码平台应该是什么样子。 希望能对听众在构建自己的低代码平台时有一定的启发。 联系我们： [email protected] 主播 AnnatarHe: https://annatarhe.com Tinko: https://space.bilibili.com/290664 Sleaf: https://twitter.com/Sleaf_ 小鹿 Timeline: 00:00 开场及短消息速报 04:13 进入主题：低代码 04:34 什么是低代码以及低代码的历史 08:03 低代码在 ERP ，表单，组件等实现 10:36 低代码在 to C 场景上的应用 11:40 主播们做过的低代码平台 16:37 低代码真的是毒瘤吗？ 19:50 向左图灵完备，向右垂直领域。低代码该往哪里走。 20:30 JSON 作为低代码沟通的 interface，是个合适的结构吗？ 27:39 eval ? with ? 29:32 蹭个热点 Log4j （顺便再黑一把 Java） 30:10 低代码的渲染选型与实践 33:10 低代码是不是需要预编译？ 39:30 运行时的性能有那些潜在问题 49:16 低代码平台对 leader 的要求比较高 50:12 低代码平台还有哪些需要解决的问题 54:00 github copilot 会是低代码的竞争对手吗？ 57:57 低代码平台未来会成为什么样子，它会让我们失业吗？ 62:28 废话时间 相关链接 dreamwaver: https://www.adobe.com/hk_en/products/dreamweaver.html DSL(Domain-specific language): https://en.wikipedia.org/wiki/Domain-specific_language 图灵完备: https://zh.wikipedia.org/wiki/圖靈完備性 Node.js Helps NASA Keep Astronauts Safe and Data Accessible: https://openjsf.org/wp-content/uploads/sites/84/2020/02/Case_Study-Node.js-NASA.pdf 上线了: https://sxl.cn Ali 的 formily: https://designable-antd.formilyjs.org/ plasmic: https://www.plasmic.app/ image cook: https://www.imgcook.com/ “行业毒瘤”低代码: https://www.huxiu.com/article/424995.html github copilot: https://copilot.github.com/ BGM by Otologic

EP05 比黑洞更深的是什么 - 关于 JS 的包管理

️本期三位主播围绕 "包管理" 聊了些 js 的包管理历史，版本管理，如何发包等问题。 联系我们： [email protected] �‍�‍� 主播 AnnatarHe: https://annatarhe.com Tinko: https://space.bilibili.com/290664 Sleaf: https://twitter.com/Sleaf_ ⏰ Timeline 00:00 开场简介 01:52 JavaScript 包管理历史 07:48 包管理是用来解决什么问题的 10:47 版本管理 13:50 包管理器的百家争鸣 17:53 .lock 文件即版本号的设计 24:12 how to patch a package 27:00 发个包吧 28:40 package.json 的字段有哪些 37:57 type: module 41:10 npm scripts 45:30 npm link & tag & publish 51:41 总结以及开发一个新包应该有哪些注意事项 � 勘误 Rust 是有不同的构建依赖类型的：https://doc.rust-lang.org/cargo/reference/manifest.html � 相关链接 AMD: https://github.com/amdjs/amdjs-api/blob/master/AMD.md UMD: https://dontkry.com/posts/code/browserify-and-the-universal-module-definition.html CMD(commonjs): https://nodejs.org/api/modules.html ES Module: https://tc39.es/ecma262/#sec-modules IIFE(自执行函数): https://developer.mozilla.org/en-US/docs/Glossary/IIFE require.js: https://requirejs.org/ bower: https://bower.io/ tree-shaking(摇树): https://webpack.js.org/guides/tree-shaking/ yeoman: https://yeoman.io/ yarn: https://yarnpkg.com/ pnpm: https://pnpm.io/ patch-package: https://github.com/ds300/patch-package io.js: https://github.com/nodejs/iojs.org lerna: https://github.com/lerna/lerna 包管理处理的依赖问题是比较复杂的，没能找到合适的文章，可以先从这里看起: https://en.wikipedia.org/wiki/Dependency_hell � 扩展阅读 lerna 放弃维护：https://github.com/lerna/lerna/issues/2703#issuecomment-777089520 BGM by Otologic

EP04 你看我算全栈吗？- 当开始用 js 写后端

本期我们邀请到了子亭(@jysperm)来和我们一起聊一聊 node.js 及相关的后端和全栈概念。 也欢迎大家留下自己对话题的看法及节目的评价。感谢各位的收听。 联系我们： [email protected] 主播： AnnatarHe: https://annatarhe.com Tinko: https://space.bilibili.com/290664 Sleaf https://twitter.com/Sleaf_ 嘉宾： @ziting https://jysperm.me Timeline： 00:00 开场及自我介绍 03:41 关于用 JAVA 写后端这件事 06:57 用 Rust 来写是不是一个好的选择？ 13:10 回归正题！用 Node.js 来写后端怎么样，TypeScript？Deno？ 29:02 BFF 是啥？是不是为了升职加薪炒出来的概念？ 34:31 那这些我都写了，现在我算全栈工程师了吗？ 42:00 前端和后端各自的关注点以及专业性 45:10 我们现在可以不管运维了吗？SRE 工程师是啥职位？ 51:30 聊聊现在的云平台，k8s 到底是强大还是臃肿？有替代方案吗？ 57:04 总结时间 相关信息： Rust: https://www.rust-lang.org/ 我们并不需要 Deno：https://jysperm.me/2021/05/we-dont-need-deno/ errors are values: https://go.dev/blog/errors-are-values Design Doc: Use JavaScript instead of TypeScript for internal Deno Code: https://docs.google.com/document/u/0/d/1_WvwHl7BXUPmoiSeD8G83JmS8ypsTPqed4Btkqkn_-4/mobilebasic Traefik Migration Guide: From v1 to v2 https://doc.traefik.io/traefik/migration/v1-to-v2/ Frontends and Backends Are Dead... ... Long Live Routers, Middlewares, and Services 《黑客与画家》: https://book.douban.com/subject/6021440/ Unix Pipeline: https://en.wikipedia.org/wiki/Pipeline_(Unix) 付费删除 NPM 包 https://drewdevault.com/2021/11/16/Cash-for-leftpad.html 节目中提到的 K8S 竞品： https://www.hashicorp.com/products/nomad https://mesosphere.github.io/marathon/ https://docs.docker.com/engine/swarm/ 扩展阅读： Rust Is The Future of JavaScript Infrastructure: https://leerob.io/blog/rust BGM by Otologic

EP03 工程师的自我修养 - 前端的工程化

为了达成 OKR 聊点儿主题相关的，这次的主题是关于前端工程化的问题，以及对未来的展望，如何身体力行地去参与创建下一代前端。 内容主要三个部分 —— 开发，部署，运维 希望大家可以开拓视野，尝试用初次相见的眼光看待事物，不拘泥于目前的限制。毕竟比马更快的不是马，比 TNT 更爆裂的也不是炸药。那么，比 React, Webpack 更好的，是什么呢？ 主播： AnnatarHe: https://web.okjike.com/u/20965c29-1f92-4df8-9107-45043db29278 Tinko: https://space.bilibili.com/290664 Sleaf Timeline: 00:00 开场 01:03 前端工程化的前世今生 05:05 现代工程化 - 开发（分支管理与 Git Flow） 12:36 当前部署流程 CI/CD 14:32 下一代构建/部署展望 23:10 下一代的 CSS 样式要怎么写？ 31:55 我们需要更高压缩率的图片格式吗？ 38:07 关于测试的讨论 46:25 下一代运维是什么样，Serverless？ 52:28 上线之后我们要做什么？ 56:37 畅想重构 web 开发流程 ref: Backbone.js https://backbonejs.org/ 各种 git 工作流 https://www.ruanyifeng.com/blog/2015/12/git-workflow.html Git-flow 已经过时 https://nvie.com/posts/a-successful-git-branching-model/ Google 不再兼容 IE https://9to5google.com/2021/10/01/google-search-internet-explorer-11/ 常见图片格式 https://juejin.cn/post/6844903625731358727 E2E 测试工具 Cypress https://www.cypress.io/ 自动文档生成工具 https://typedoc.org/ TDD(Test Driven Development) https://en.wikipedia.org/wiki/Test-driven_development Sentry https://sentry.io/ NewRelic https://newrelic.com/ Uptrace https://uptrace.dev/ Prisma https://www.prisma.io/ Rome https://rome.tools/ 更多资料: 软件开发的工作流: https://blog.forecho.com/software-development-workflow.html LeanCloud 开放资源 - 文案风格指南: https://open.leancloud.cn/copywriting-style-guide/ How We Build Code at Netflix: https://netflixtechblog.com/how-we-build-code-at-netflix-c5d9bd727f15 不需要追求 100% 的测试覆盖率 https://medium.com/@joshuakgoldberg/in-defense-of-100-unit-test-coverage-7fd1a9873ca4 联系方式：[email protected] BGM by Otologic

EP02 又不是不能用 - 跨平台方案

EP01 学前端的入门问题

在社交媒体上看到一位朋友发的牢骚，内容是这样的： 想学一种前端技术，毕竟自己对产品还是也很喜欢的，想着是不是自己也能瞎搞点啥，然后就去搜：js快速入门图书推荐、学typescript之前需要先学js么、Electron跨平台使用js还是ts，vue和react哪个好？angular还值得学么。。。 然后我决定学swift了 我们 AsyncTalk 作为主要做 web 开发方向的工程师，针对这个问题聊了聊自己的看法。 如果你刚入行前端，或者希望能学一门 GUI 技术，可以来听听看 时间线： 00:00 引言 00:46 入门 JS 图书推荐 05:20 关于跨行到前端工程师的讨论 07:44 入门 CSS&HTML 图书推荐 11:01 学 TypeScript 之前需要学 JavaScript 吗？ 16:52 项目里用 TS 还是 JS？ 21:35 React, Vue, Ng 的技术应该从哪里入门 36:50 SwiftUI 的看法 41:02 结论小结 主播： SleafH Tinko: tinko@bilibili AnnatarHe: AnnatarHe 联系方式： [email protected] 注：由于收音问题，请在 21:50 左右加大音量，后期我们会尝试改进 Ref: 《JavaScript DOM 编程艺术》https://book.douban.com/subject/6038371/ 《JavaScript 高级程序设计》（红皮书）: https://book.douban.com/subject/10546125/ 《JavaScript 语言精粹》https://book.douban.com/subject/3590768/ 《你不知道的 JavaScript》https://book.douban.com/subject/26351021/ 《ES6 标准入门》https://book.douban.com/subject/27127030/ 《CSS 世界》https://book.douban.com/subject/27615777/ 《CSS 揭秘》https://book.douban.com/subject/26745943/ Vite：https://vitejs.dev/ W3School：https://www.w3school.com.cn/ recoiljs: https://recoiljs.org/ redux saga: https://redux-saga.js.org/ SwiftUI 多 sheet 的 bug: https://twitter.com/bigmtnstudio/status/1371590366709776391?s=21 SwiftUI NavigationStack 会被 pop to root 的 bug: https://developer.apple.com/forums/thread/677333 后记： TS 官方的态度是，学习 TS 之前必须学习 JS： https://www.typescriptlang.org/docs/handbook/typescript-from-scratch.html#learning-javascript-and-typescript eval或with等用法需要了解，一般项目里不应该使用，因为会带来额外的风险，但是在一些底层库中为了实现更加灵活的特性是需要使用这些语言特性的。 BGM by Otologic

EP00 我们的目标是把前端带向下一个高度

这里是AsyncTalk一档面向能听懂中文，对 web 开发感兴趣的朋友所录制的 Podcast 节目。 在第 0 期我们主要介绍了一下这个节目的背景和目标。 后续我们会讨论更多更为前沿，工程化的话题，感兴趣可以持续关注。 联系我们请发邮件至 [email protected] 期待与您的沟通。 BGM by Otologic