转眼 2019 上半年已经过去了。简单回顾一下吧。
（更多…）分类： 分享
-
Chat idea: Office + 前端碰撞出的火花
在论坛里经常看到有些同学询问一些日常办公的问题，比如：
- 如何输出 Excel
- 如何打印分页 PDF，包括页眉页脚
作为开发人员，在公司里经常被其它部门的同事拜托做一些办公相关的工作，也实属正常。这些非主营业务，做好了，也是蛮有价值的资产。
刚好这两个方面我都有经验，以前也都写过文章分享。不过代码有点年久失修，不知道现在还能不能稳定工作，所以可以考虑利用一次 Chat 的机会把它们修整修整，写写文档，做成工具包直接让大家使用。
（更多…） -
GitChat: 使用 webpack 开发企业官网
最近我厂官网改版，我尝试用 Webpack 重建了开发工具链，效果不错，配置代码少了很多，逻辑更加简单清晰。我觉得值得拿出来分享一下。
文章已经发布，慢慢写了将近5w字，干货很多，覆盖面很广，欢迎大家前去阅读：升级工具链吧！使用 Webpack 开发企业官网。感谢大家的支持。
交流应该会通过直播进行，暂定7月中吧，斗鱼直播间：douyu.tv/meathill。
（更多…） -
Chat idea：记一次 Firefox 下 Vue 带来的性能危机的解决
前两天遇到一个问题：我厂的一个产品在 Firefox 下，可能发生因为 CPU 占用过高而卡死的情况。这个问题在测试环境不复现，在 Chrome下基本上也不会复现。
因为我厂老板是这个产品的主要用户，这个 bug 让我倍感压力，但一直没有解决它的好办法。终于有一天，在某台生产机上调试另外一个 bug 的时候，我终于发现了稳定复现这个 bug 的方式。
接下来就是几个小时的 debug，然后发现问题所在，然后解决问题，然后发现解决方案不理想，于是寻求新的解决方案，然后找到新的 API，最终彻底的解决这个问题。
接下来我就分享这个过程，读完整篇文章当中你将学会：
- 使用开发者工具查找性能问题
- 不断切分，缩小问题范围
- 理解 Vue 响应式原理分析问题根源
- 修复问题并验证
- 新的解决方案 Intersection Observer
- 解决问题并上线
目标读者：
- 中级开发者
- 熟悉原生 JS
大家觉得这个 idea 如何？请留言告诉我。不出意外的话这将是我下个月的 gitchat 内容。
有同学在 Drift 里留言，这里更新回答一下：这篇文章最后没写，因为当时 GitChat 的编辑不感兴趣，所以就放弃了。将来有机会会写。
-
Chat Idea：扫雷网页版实战
最近最常玩的游戏是扫雷。年纪大了，干什么时候都先考虑成本，游戏也是如此。扫雷的成本最低，倒不是说购买成本，而是启动、游戏、退出之类的成本。
可惜的是，经典版扫雷已经从 Windows 10 里移除了，现在只能通过 Windows 应用商店装一个很复杂的扫雷游戏，花样多了很多，却并不好玩。所以我现在多半玩网页版。
玩着玩着，出于程序员的本能，我就开始考虑如何写这个游戏，逻辑不算复杂，功能点也不多，好像蛮适合做成“实战派”教程的，比如用 Grid 写界面，项目结构就用 Vue CLI 3 吧，然后部署的话前端纯静态就够了。
那么就愉快的决定了吧，把这个项目做出来，把中间需要的知识，用到的技能、工具，可能会遭遇的问题记下来分享出来，写成一篇文章，分享出去。读完整篇文章，你将学会：
- 使用 Vue CLI 3 搭建项目
- 使用 CSS Flex + Grid 完成页面布局
- 扫雷游戏的逻辑
- 使用 Vue 完成游戏逻辑
- 记录成绩
- 部署和分享
目标读者：
- 初级开发者，能看到一个项目的成型
- 希望了解现代化前端框架、工具链
-
GitChat：从 jQuery 里学习设计模式
文章已完成： https://gitbook.cn/gitchat/activity/5ccedbcfe5bb505613f45186
本篇文章通过 jQuery 中令人喜爱的特性，介绍了五种设计模式，包含范例代码，使用场景等。在线交流会在6月2日晚8:30开始，地点是我的斗鱼直播间，欢迎大家光临。答疑优先级为：本文相关问题 > 设计模式相关问题 > 其它技术问题 > 职场问题 > 职业发展问题。
本文内容将在交流会两周后解锁。现在起，欢迎已购读者在 Git Chat 读者圈 跟我互动。
再次感谢大家支持。今年我会在 GitChat 平台上多发内容。也欢迎大家提出你们想看的内容。我的内容创意都在 分享 分类下，欢迎大家提出意见和建议。
（更多…） -
双11促销
今年 SF 官方没啥动静，我自己来。
SF 讲堂五折
讲堂名称 链接 jQuery, Backbone, Vue https://segmentfault.com/l/1500000008694676 Promise 的 N 种用法 https://segmentfault.com/l/1500000008757392 Web 永恒不变的主题：布局——Box，Flex，Grid https://segmentfault.com/l/1500000008879826 写 CSS 也要开脑洞：万能的 `:checked + label` https://segmentfault.com/l/1500000008950435 前端面试攻略：JavaScript 排序与搜索 https://segmentfault.com/l/1500000009956817 前端必备技能：CSS 预处理工具 Stylus 详解 https://segmentfault.com/l/1500000010125848 前端面试攻略：肉老师的面试题详解 https://segmentfault.com/l/1500000010971105 前端面试攻略：避免求职中的“非战斗减员” https://segmentfault.com/l/1500000012807670 职场新人必修课（1） —— 实习社保个税等 https://segmentfault.com/l/1500000014575853 职场新人必修课（2） —— 创业股票贷款买房晋升考评等 https://segmentfault.com/l/1500000015205261 一起挣外快吧——环境搭建+万能的WP+前端如何玩转WP https://segmentfault.com/l/1500000015754431 系列讲堂：实战组件开发——手机日历 https://segmentfault.com/ls/1650000014717120 B站视频
本来就是免费的……
https://space.bilibili.com/7409098/#/video
