尬聊会:第13期

回顾本周群内分享内容,然后又聊了一些前端学习方面的内容。

兰卡威跳岛

回顾本周群内分享内容:

  1. 如何提问的技巧 張鑫旭
  2. Build an Excel add-in using Vue
  3. Did you know that style and script tags can be set to display: block?
  4. 使用 Pug 和 Stylus 开发小程序的 watch 脚本
  5. https://gradientjoy.com/ 这个网站很有意思,生成一个随机的渐变图,可以用来当背景或者 placeholder
  6. 纯 CSS 的 tab 页切换

然后又聊了一些前端学习方面的内容。

继续阅读“尬聊会:第13期”

尬聊会:第十二期

尬聊会第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 圈子:肉山小课堂继续深造中心

尬聊会:第十一期

尬聊会第11期实录。介绍了学会背锅学会汇报;变黑锅为机会;纯CSS校验表单的相关知识。

视频在此:尬聊会第11期 学会背锅学会汇报=升职加薪/变黑锅为机会/纯CSS校验表单

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

0. 学会背锅,学会汇报——升职加薪的阶梯

我们(80s)被教育要谦虚谦逊低调,隐藏自己的真实想法和目标。

在学校

  1. 不主动当班干部
  2. 不主动加入学生组织

职场上

  1. 我们保证自己能够决定自己的得失
  2. 确保你处在一个健康的商业环境里

如何判断当前的商业环境是健康的,还是不健康的呢?

  1. 看这家公司是“规矩”大,还是“老板的态度”大

学会汇报

  1. 周期,按时提交报告
  2. 确定里程碑时间点
  3. 报告里要尽量携带数字
  4. 结案的时候一定要主动汇报

1. 如何防止产品在临时上线前突然地改需求(这个需求可能是功能也可能是UI交互)?

  1. 作为前端,有必要理解产品和需求
  2. 在开发的时候,保持自己思路跟着产品走,力求从中发现问题
  3. 如果产品上线之前,环境发生了比较大的变化,就坦然接受

2. 表单验证

学习正则

正则表达式30分钟入门教程 http://deerchao.net/tutorials/regex/regex.htm

codepen

MDN:https://developer.mozilla.org/en-US/docs/Web/CSS/:placeholder-shown

实录地址:

2018-07-01 尬聊会 第11期实录


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

尬聊会:第八期

尬聊会第8期实录。介绍了竞业禁止的相关知识;以及性能对比测试的相关知识。

第7期去哪儿了……

视频在此:尬聊会第八期 竞业禁止/性能对比测试

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

0. 竞业禁止

  • 什么是竞业禁止
  • 竞业禁止有哪些注意事项

1. 性能对比测试

  1. 什么是性能对比测试
  2. jsperf.com
  3. 性能对比测试的细节

实录地址:

2018-04-22 尬聊会 第8期实录

下期预告:

下下周因为 SF 直播的关系,下周没有尬聊会,下下周周日见。


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

尬聊会:第六期实录

尬聊会第6期,先介绍了向上管理;然后讲解了 URL 过滤;再接着讲解了自动补全筛选。下一期将在本周日4-22,介绍性能对比测试。

尬聊会开了4期之后,我发现大家很少问具体的技术问题,多半会问关于求职面试之类的事情。于是把之前的经验整理了整理,做了两期讲堂,效果还挺好:

接下来我觉得求职面试讲的差不多了,没剩啥干货了,加上今年想转换思路,利用尬聊会慢慢讲一些大题目,所以从第五期开始,讲设计模式,之后基本就在探索。

再接下来,我在工作中遇到两个算法问题,属于不复杂但是需要耐心和一点小技巧的类型。于是我就把它们拿出来作为作业布置下去——很遗憾,没人完成,不过尝试的人很多——然后第六期就做了比较详细的讲解。

具体视频在此:尬聊会 第六期 向上管理/URL过滤解析/自动补全筛选解析

时间:2018-03-26 21:30
地点:我的斗鱼直播间 douyu.tv/meathill
回看视频:http://blog.meathill.com/tech/galiao-6.html

目录

0. 向上管理

  • 简单介绍了向上管理。
  • 平时应注意积累数据,并在汇报中包含这些数据。
  • 写简历的时候也应带上数据。

1. 问题一:URL 过滤

整理域名 问题描述

2. 问题二:自动补全筛选

生成自动补全的函数列表 问题描述

参考资料

视频中设计到的代码均可在 GitHub 课后作业 这个仓库中找到。

下期预告

上周跟我厂老板争执了两个性能方面的问题,最终以性能对比测试的方式产生了结果。本周尬聊会计划就这个过程和细节做一次分享。结束前会抽一名同学赠书一本,《CSS 世界》或《深入理解 ES6》任选。


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

尬聊会:第四期实录

尬聊会第二期实录。聊了学习、半路出家、去哪里找工作等问题。

视频地址 Bilibili

时间:2017-09-17 22:00
地点:douyu.tv/meathill
回看视频:http://blog.meathill.com/tech/galiao-4.html

0. 试讲 PPT

https://github.com/orgs/meathill-lecture/

1. 从学校到工作必须习惯的转变

有人问:觉得现在的工作比较难完成,怎么办?是不是要换工作。

职场当中,普通员工和领导之间,基层领导和中层领导,中层领导和高层领导,大多数处于一种荣辱与共的状态,是多和博弈。所以,尽早与领导沟通,重新安排分配工作,对大家都有好处。换工作这里并不合适。

之前写的一篇文章 开发新人要适应的变化

2. 学习方法,我学了东西很快忘

  1. 尽量多的做东西
  2. 尽量的关注这方面的内容
  3. 做一些自己的小产品/工具

3. 编程思维

有时候需要一个需求,明明不难,却无从下手

—— 写得少

把数字转成中文大写,比如 1024 => 壹仟零贰拾肆

方法同上。

走出舒适领域。

4. 老师, 我是半路出家, 非计算机方向。在编程道路上常常会有力不从心。

  1. 可以解决,比如通过阅读、看视频、练习等
  2. 可以忽略,需要我们学会区分知识的边界

5. SEO 分页还是ssr好

如果服务器很好,那无所谓;不然的话,静态分页好。

6. 找工作去哪个网站比较好

建议大家常泡社区:

  1. https://segmentfault.com/questions
  2. https://www.v2ex.com/

7. 找工作技术和人力都过了还是没要我,怎么回事?

  1. 有更合适的人选
  2. 这个岗位不招人了
  3. 这个岗位出现了变化
  4. 你感觉错了……

尬聊会:第三期实录

尬聊会第二期实录。聊了跳槽、工作选择、加班等问题。

视频地址 Bilibili

时间:2017-08-06 22:00
地点:douyu.tv/meathill
回看视频:http://blog.meathill.com/tech/galiao-3.html

  1. 我的第一份工作,兼谈如何跳槽
    1. http://blog.meathill.com/internet/days-in-a-company-first-leave.html
    2. http://blog.meathill.com/internet/days-in-a-company-quit-relax-and-back.html
  2. 为什么尽量避开外包公司?
    1. 对技术要求很低
    2. 对产品的标准很低
    3. 没有办法在一个产品做持续的投入
    4. (大外包公司)很难和采购外包的企业共同发展
  3. 李文星事件的启示:
    1. 天上不会掉馅饼
    2. 了解这个社会的运行机制
    3. 学会算账
  4. 加班好不好
    1. 拒绝制度性加班
    2. 拒绝崇拜加班的领导
    3. 如果总加班,很可能是管理能力太差
    4. 不要盲目拒绝加班
  5. 从小公司跳到上市公司 有可能吗

  6. 大佬前端学习路线大概是什么样

尬聊会:第二期实录

尬聊会第二期实录。聊了创业、准备简历等问题。

视频地址

时间锚点:

  1. [00:33] 创业那点事儿
    1. 股权
    2. 期权
    3. 融资
    4. 估值 200w / 20% = 1000w
    5. 市盈率
  2. [10:00] 如何制作简历
    1. 两个不好的简历
    2. [47:55] 一个好的简历
  3. [37:50] 面试时算法和计算机基础怎么准备?
  4. [39:00] 校招和社招的差别

  5. [43:00] 学了 H5 和 CSS,怎么巩固?

  6. [47:55] 一份好的简历

  7. [52:35] 实习工资

    1. 北京 10K
    2. 杭州 4.5K
  8. [1:00:33]怎么选择合适的公司
    1. 在各个方面给予提升
    2. 看老板,看业务
    3. 慎重选择每一份工作
  9. [1:08:15] 对于转行自学就业,找工作,这方面能不能发表下你个人看法
  10. [1:13:33] 我今年31在一家大公司的地方站做前端工作 4年工作经验 今年想去北京工作

  11. [1:16:55] 前端接口测试通常要怎么做呢?有没有考虑做个课程出来聊聊?

  12. [1:18:55] 老师,对原生JS使用熟练, 目前项目多是混合app开发,没有react, angular,vue 框架的经验,对目前面试有影响吗

  13. [1:21:25] 框架学到怎样的程度合适呢

  14. [1:22:00] 老师,最近想换实习公司,如果在上班的时候,面试的HR打电话过来

  15. [1:24:22] 会写小程序优势大吗?

  16. [1:27:19] 与今天有关的课程广告

继续阅读“尬聊会:第二期实录”

尬聊会:第一期实录

尬聊会第一期实录。

这个视频斗鱼说有问题,色情暴力之类的,给我拒了。我百思不得其解。如果你看完发现问题所在,请告诉我,谢谢。

时间锚点:

  1. [01:40] webpack该怎么学习呢?
  2. [05:20] 我为什么想搞尬聊会
  3. [07:10] 面试小经验
  4. [16:20] node怎么进行学习
  5. [21:00] 经常被问 ……源代码? 怎么读别人的源代码呢?
  6. [29:35] 初学者学习es6有什么好的方法?
  7. [34:35] 请加下,现在做跨平台,ionic2和RN选哪个好一点呢?
  8. [38:45] Phonegap
  9. [41:45 进度条这里出问题了,不知道线上怎么样] 现在的很多公司是否都不愿意带新人,兼谈学习
    1. 非常主动
    2. 胆大(有问题就问)心细(不要逮着一个人问)脸皮厚
    3. 问题必须经过自己的思考,尽量问一句话能答完的问题
  10. [44:20] 框架选择问题。Vue 作者尤雨溪的访谈
  11. [51:07] 半路出家的 JSer 学写样式
  12. [57:00] 会写页面但是不会 JS 的同学怎么学?

继续阅读“尬聊会:第一期实录”