尬聊会:第十二期

尬聊会第12期,讲解了一个纯CSS组件的实现。

视频在此:尬聊会第12期 控件实现/适应行业的发展

时间:2018-07-22 21:45
地点:我的斗鱼直播间 douyu.tv/meathill
回看视频:http://blog.meathill.com/share/galiao-12.html

0. pure css elastic toggle 实现讲解

  1. <label>for 属性和表单元素的 id 对应
  2. :checke + label
  3. transition
  4. overflow: hidden
  5. position: relative/absolute
  6. cubic-bezier

2. 再聊一下行业对我们的要求

  1. 工作6年 -> 普通工程师?
  2. 应该是高级工程师,或技术经理,甚至技术总监

广告时间

2018-08-08晚 8 点,给大家分享我的私活儿技巧:一起挣外快吧——环境搭建+万能的WP+前端如何玩转WP

地址:SegmentFault 讲堂 https://segmentfault.com/l/1500000015754431/

作为一名程序员,我们最常被亲朋好友问到的问题应该是:你会修电脑么?不对,是“你会做网站么?”

对于我们前端来说,写个页面不在话下;可是一个网站,光有前端是不够的,服务器和 API 怎么解决呢?找外援么?我想大家都更愿意自己来吧。

这次分享,我希望教会大家以下技能:

  1. 本地开发环境的配置(基于 Windows 10 Linux Subsystem)
  2. 云服务器的购买和配置
  3. LNMP 环境搭建,安装 WordPress
  4. WordPress 主题开发
  5. 利用 WordPress Ajax API 作为数据接口

基本上,学会这些之后,你就可以在外面接活儿做网站了。希望大家都能借此丰富技能树、挣到更多的钱。

其实,即使不考虑接私活儿挣钱,我也建议前端同学学习一下服务器配置和后端开发的相关知识,对我们理解整个技术体系、业务流程都有巨大帮助。毕竟一座高塔必须坚实而又宽广的底座才能建成。


早鸟政策

  1. 即日起至7月31日,5折
  2. 8月1日至8月5日,75折
  3. 8月6日至开播前,88折
  4. 之后恢复原价

实录地址:

2018-07-29 尬聊会 第12期实录


欢迎加入肉山小课堂一同学习,QQ 群:肉山小课堂答疑交流群 628056148,SF 圈子:肉山小课堂继续深造中心

第四,第五次直播总结

CSS 脑洞卖的还可以,基本上跟 Promise 差不多,比较符合我的预期,慢慢成长呗。不过实战手机日历1就卖的很差,无论实售还是在线人数,几乎都创下历史新低……换跑道果然还是很困难呀……总之,继续努力,先把这个系列做完!

之前完成了第四次直播《写 CSS 也要开脑洞:万能的 :checked + label(后面简称 “CSS 脑洞”)和第五次直播《实战组件开发——手机日历 – 1. 项目启动》(后面简称“实战手机日历1”)。

CSS 脑洞卖的还可以,基本上跟 Promise 差不多,比较符合我的预期,慢慢成长呗。不过实战手机日历1就卖的很差,无论实售还是在线人数,几乎都创下历史新低……

事后我也在群里调查了一下,截至到目前,有两位表示大周末的不想学习,有两位表示时间太久消费太高(其中一个是学生,倒也可以理解),有两位表示觉得内容不感兴趣。

我个人觉得,单纯从干货角度来看,CSS 脑洞当然是最丰富的,6个实例,几乎都是拿去就能用的。而且相当开拓视野,能卖的好我觉得正常。但是实战1其实做的也不太差,至少在斗鱼试播的时候,围观群众中有两位当时就下单了。

至于周末嘛,也有大大在周末搞,好几百人来听的,所以,也不能完全赖周末。

换跑道果然还是很困难呀……总之,继续努力,先把这个系列做完!

《写 CSS 也要开脑洞:万能的 `:checked + label`》视频补缺

4月27日直播《写 CSS 也要开脑洞:万能的 `:checked + label`》时,OBS 推流连接断了一下,损失了6分多的内容,补在这里。

4月27日直播《写 CSS 也要开脑洞:万能的 :checked + label》时,OBS 推流连接断了一下,当时不知道情况,今天看了下发现录像中间少了6分钟多的内容,虽然不是最关键的部分,不过还是补一下吧。

错误截图

不过这段视频 5:50 的位置,介绍纯 CSS 组件的优势那里有问题。当时有点忘词,这里我想说的第一点是:

纯 CSS 组件顾名思义,只改变外观,不改变行为。所以它的功能不会因为浏览器变化而变化,即使浏览器支持不完善,即使因为加载速度或者网络关系,导致 CSS、JS 加载失败,它最多样式回归到原始样式,功能是完全一致的。在非标准浏览器环境下,如读屏器,也是如此。