cssmagic/Footprint

技术分享

cssmagic opened this issue · 0 comments

cssmagic commented

2023 · K+Talk 《AI 编程助手会给程序员带来哪些收益和影响（节选）》

幻灯片封面

🎬 https://www.bilibili.com/video/BV1BC4y1U7JZ/

这是我受邀参与 “K+Talk” 第 57 期直播对话节目的回放剪辑。本期节目探讨程序员在 AI 时代的机遇和挑战。直播全长 90 分钟，本视频节选部分片断，完整内容参见 “中智凯灵” 视频号。鸣谢另两位嘉宾老师：步绍鹏（微软**高级研发经理）、李明宇（中科院计算所高级工程师），鸣谢主办方：AIDD（AI+软件研发数字峰会）。

2023 · VE 开发者社区 《GitHub Copilot 值不值每月十刀》

幻灯片封面

🎬 第一段 | 第二段 | 第三段 | 第四段

这是我在 VE 开发者社区所作的分享。以大量实例讲解了 GitHub Copilot 的原理、用法、技巧，令听众直观感受 AI 辅助编程的魅力，并快速进阶为 AI 时代的高效程序员。

2018 · QCon 上海站 《为什么前端工程师更应该掌握区块链 DApp 开发》

幻灯片封面

📖 http://www.cssmagic.net/blog/new/97 | http://www.cssmagic.net/blog/new/101
🎬 https://www.bilibili.com/video/BV1Wi4y1m7Ea/

这是我在 QCon 2018 上海站所作的演讲。以讲故事的方式向听众讲解区块链应用的独特魅力、技术原理和开发流程。听众在听完本次分享之后，将对 DApp 的组成和构建具备整体概念，可以立刻着手开发自己 DApp 并上线运行。现场听众满意率高达 94%。

2015 · CSS Conf 《重拾 CSS 的乐趣》

幻灯片封面

📖 http://www.cssmagic.net/blog/new/52 | http://www.cssmagic.net/blog/new/54

这是我在第二届 CSS Conf 上所作的演讲。通过一系列精巧的案例，为听众讲解 CSS 解题思路，分享鲜为人知的 CSS 技巧，广受好评。在慕课网发布后，十天内播放量破万，好评如潮，堪称慕课网最受欢迎的 CSS 视频课程。

2014 · 携程 C4 技术沙龙 《Web UI 框架设计（二）：点击事件怎么绑？》

幻灯片封面

📖 http://www.cssmagic.net/blog/new/48
🎬 https://www.bilibili.com/video/BV1p541127JF/

在百姓网与携程合办的这期 C4 技术沙龙上，魔法哥作了这场半小时的分享。主要讲解 jQuery 时代的 “事件绑定” 进阶之路。代码稍显过时，但层层递进的优化思路仍然值得借鉴。

2014 · 百姓网 TechTalk 《Web UI 框架设计（一）：从按钮说起》

📖 cssmagic/Footprint#6

跳出技术层面，把目光扩展到 “设计” 层面和 “硬件” 层面，思考一个 UI 框架应该怎样实现按钮的样式和交互。作为一个前端工程师，如果你关注 UI，那么这两个层面不可忽略。

2015 · 百姓网前端交流会 《防范 XSS 的注意事项与最佳实践》

📊 http://slides.com/cssmagic/best-practice-to-avoid-xss

讲解 XSS 的核心概念，基于公司技术栈制定防范指南。公司技术新人必学材料。

其它

  • 2021 · OC 前端交流会 《浅谈前端性能监控》

    📖 cssmagic/Footprint#12

    架构组选定阿里云 ARMS 作为前端 APM 方案。在推动各项目接入 ARMS 之前，有必要向前端同学讲解前端性能监控的基本原理，以及 ARMS 的功能和使用技巧。

  • 2020 · OC 前端交流会 《如何做好技术分享（精简版）》

    📖 cssmagic/Footprint#11

    在公司组织日常的学习分享，而同学们大多缺乏做技术分享的经验和技巧。于是我做了一期速成讲座，帮助大家快速找到感觉。

  • 2019 · OC 前端交流会 《你好，编码规范》

    📖 cssmagic/Footprint#5

    这是在 OC 公司制定前端编码规范时所作的分享和动员。为更好地推进落地，除了编写必要的规范文档以外，还准备好了配套的工具链、配置包、操作指南，平滑融入到日常开发流程中。

  • 2017 · 百姓网前端交流会 《如何推行 JS 编码规范（暨如何迁移既有代码）》

    📊 https://slides.com/cssmagic/practise-js-guideline

    作为一个前端 Leader，当你着手制定并推进编码规范，需要做哪些工作？如何让团队更容易接受？如何修复校验工具的报警？这是我的思考和实践。

  • 2016 · 百姓网实习生训练营 《前端 101：给不了解前端的同学讲前端》

    📖 http://www.cssmagic.net/blog/new/76

    有时候需要向新同学科普前端，又不知道如何下手？先把这篇图文分享丢给他吧！本文改编自魔法哥为 “百姓网 2016 暑期实习生训练营” 所作的前端入门讲座。

  • 2016 · 百姓网前端交流会 《Gearbox 发布会》

    📊 https://slides.com/cssmagic/introducing-gearbox

    “打造实用工具 · 改善开发体验”（第一波）。为弥补业务开发中的 “断层” 现状，前端架构组开发了一款轻量级的 JS 工具库，包含字符串处理、URL 处理、UA 探测、事件绑定、模板引擎等功能，为常见的业务开发场景提供快捷易用的解决方案。

  • 2016 · 百姓网前端交流会 《Booster 发布会》

    📊 https://slides.com/cssmagic/introducing-gearbox

    “打造实用工具 · 改善开发体验”（第二波）。面对公司集中式开发服务器的现状，为解决前端构建慢的痛点，前端架构组研发本地开发服务器作为替代方案，提升开发效率和开发体验。

  • 2016 · 百姓网前端交流会 《小白也要学 Promise（入门篇）》

    📊 https://slides.com/cssmagic/learn-promise-the-stupid-way

    可能是我天生愚钝，当年初学 Promise 看了很多教程都不得要领。后来才发现是那些教程的问题，根本不是给初学者看的，于是我决定自己写一篇……

  • 2015 · 百姓网前端交流会 《前端进阶之路（一）：JavaScript 编程中的 Lazy 原则》

    📊 https://slides.com/cssmagic/javascript-laziness-principle

    通过实际案例讲解编程中的 “Lazy” 原则：(1) 已经做过的事，不重复做；(2) 库已经提供的功能，不重复做；(3) 需要时，再运行。这个分享成形于 2011 年。

  • 2015 · 百姓网前端交流会 《前端进阶之路（二）：JavaScript 代码的组织方式》

    📊 https://slides.com/cssmagic/organization-of-javascript-code

    通过实例案例讲解 JS 代码组织的几种方式：无组织、命名空间、模块模式、模块。

  • 2015 · 百姓网前端交流会 《前端进阶之路（三）：一个离奇的白屏 Bug》

    📊 https://slides.com/cssmagic/blank-page-bug

    看起来正常的代码，为何导致长时间的白屏现象？一个离奇 bug 带你剖析前端本质。

  • 2015 · 百姓网前端交流会 《我写了一个 history.state 的 Polyfill 项目》

    📊 https://slides.com/cssmagic/history-state-polyfill

    讲解了下几个方面：History API 的用途与现状；为什么需要写这个 polyfill；一个 polyfill 应该是什么样的；如何实现这个 polyfill；如何为这个 polyfill 写单元测试。

  • 2015 · 百姓网前端交流会 《一个 “普通” 项目的 “另类” 复盘》

    📊 https://slides.com/cssmagic/a-traditional-front-end-practice

    你有没有做过特别无聊的项目？如何在一个无聊的项目中找乐子？看我如何苦中作乐，想办法给自己攒经验值。

 

© 经验分享 · 日拱一卒   |   Star = 收藏   |   Watch = 订阅