分类
分享

我的知识变现 2019 上半年记

转眼 2019 上半年已经过去了。简单回顾一下吧。

分类
分享

Chat idea: Office + 前端碰撞出的火花

在论坛里经常看到有些同学询问一些日常办公的问题,比如:

  1. 如何输出 Excel
  2. 如何打印分页 PDF,包括页眉页脚

作为开发人员,在公司里经常被其它部门的同事拜托做一些办公相关的工作,也实属正常。这些非主营业务,做好了,也是蛮有价值的资产。

刚好这两个方面我都有经验,以前也都写过文章分享。不过代码有点年久失修,不知道现在还能不能稳定工作,所以可以考虑利用一次 Chat 的机会把它们修整修整,写写文档,做成工具包直接让大家使用。

分类
分享

GitChat: 使用 webpack 开发企业官网

最近我厂官网改版,我尝试用 Webpack 重建了开发工具链,效果不错,配置代码少了很多,逻辑更加简单清晰。我觉得值得拿出来分享一下。

文章已经发布,慢慢写了将近5w字,干货很多,覆盖面很广,欢迎大家前去阅读:升级工具链吧!使用 Webpack 开发企业官网。感谢大家的支持。

交流应该会通过直播进行,暂定7月中吧,斗鱼直播间:douyu.tv/meathill。

分类
分享 技术

Chat idea:记一次 Firefox 下 Vue 带来的性能危机的解决

前两天遇到一个问题:我厂的一个产品在 Firefox 下,可能发生因为 CPU 占用过高而卡死的情况。这个问题在测试环境不复现,在 Chrome下基本上也不会复现。

因为我厂老板是这个产品的主要用户,这个 bug 让我倍感压力,但一直没有解决它的好办法。终于有一天,在某台生产机上调试另外一个 bug 的时候,我终于发现了稳定复现这个 bug 的方式。

接下来就是几个小时的 debug,然后发现问题所在,然后解决问题,然后发现解决方案不理想,于是寻求新的解决方案,然后找到新的 API,最终彻底的解决这个问题。

接下来我就分享这个过程,读完整篇文章当中你将学会:

  1. 使用开发者工具查找性能问题
  2. 不断切分,缩小问题范围
  3. 理解 Vue 响应式原理分析问题根源
  4. 修复问题并验证
  5. 新的解决方案 Intersection Observer
  6. 解决问题并上线

目标读者:

  1. 中级开发者
  2. 熟悉原生 JS

大家觉得这个 idea 如何?请留言告诉我。不出意外的话这将是我下个月的 gitchat 内容。

分类
分享

Chat Idea:扫雷网页版实战

最近最常玩的游戏是扫雷。年纪大了,干什么时候都先考虑成本,游戏也是如此。扫雷的成本最低,倒不是说购买成本,而是启动、游戏、退出之类的成本。

可惜的是,经典版扫雷已经从 Windows 10 里移除了,现在只能通过 Windows 应用商店装一个很复杂的扫雷游戏,花样多了很多,却并不好玩。所以我现在多半玩网页版。

玩着玩着,出于程序员的本能,我就开始考虑如何写这个游戏,逻辑不算复杂,功能点也不多,好像蛮适合做成“实战派”教程的,比如用 Grid 写界面,项目结构就用 Vue CLI 3 吧,然后部署的话前端纯静态就够了。

那么就愉快的决定了吧,把这个项目做出来,把中间需要的知识,用到的技能、工具,可能会遭遇的问题记下来分享出来,写成一篇文章,分享出去。读完整篇文章,你将学会:

  1. 使用 Vue CLI 3 搭建项目
  2. 使用 CSS Flex + Grid 完成页面布局
  3. 扫雷游戏的逻辑
  4. 使用 Vue 完成游戏逻辑
  5. 记录成绩
  6. 部署和分享

目标读者:

  1. 初级开发者,能看到一个项目的成型
  2. 希望了解现代化前端框架、工具链
分类
分享

GitChat:从 jQuery 里学习设计模式

文章已完成: https://gitbook.cn/gitchat/activity/5ccedbcfe5bb505613f45186

本篇文章通过 jQuery 中令人喜爱的特性,介绍了五种设计模式,包含范例代码,使用场景等。在线交流会在6月2日晚8:30开始,地点是我的斗鱼直播间,欢迎大家光临。答疑优先级为:本文相关问题 > 设计模式相关问题 > 其它技术问题 > 职场问题 > 职业发展问题。

本文内容将在交流会两周后解锁。现在起,欢迎已购读者在 Git Chat 读者圈 跟我互动。

再次感谢大家支持。今年我会在 GitChat 平台上多发内容。也欢迎大家提出你们想看的内容。我的内容创意都在 分享 分类下,欢迎大家提出意见和建议。

分类
分享

再次反省做课这件事

分类
分享

尬聊会:第9期 聊聊买保险

分类
分享

做个怂人,挺好

遇到抬杠的杠精,写篇日记。有一点点技术内容。

分类
分享

双11促销

今年 SF 官方没啥动静,我自己来。

SF 讲堂五折

讲堂名称链接
jQuery, Backbone, Vuehttps://segmentfault.com/l/1500000008694676
Promise 的 N 种用法https://segmentfault.com/l/1500000008757392
Web 永恒不变的主题:布局——Box,Flex,Gridhttps://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+前端如何玩转WPhttps://segmentfault.com/l/1500000015754431
系列讲堂:实战组件开发——手机日历https://segmentfault.com/ls/1650000014717120

B站视频

本来就是免费的……

https://space.bilibili.com/7409098/#/video