工作这件事，从根本上说，就是别人花钱请你实现 ta 的梦想。

既然是别人花钱实现 ta 的梦想，那你觉得是 ta 的意愿更重要一些还是你自己的意愿更重要一些（注意，这其实是一句反问句）？

你上班的路上去一个早餐摊买早餐，早餐摊既可以卖煎饼也可以卖鸡蛋灌饼。你给早餐摊老板十块钱说给我做个鸡蛋灌饼，他说对不起，我的梦想是成一个优秀的煎饼maker，所以我不能给你做鸡蛋灌饼，只能给你做煎饼。

你听了这句话肯定心里一万句草泥马崩腾而过：“你的梦想关我屁事啊！我就想吃鸡蛋灌饼！老子花了钱的！你想做煎饼maker你自己花钱去做啊，为啥花我的钱给你做煎饼！”

如果这个早餐摊老板说啥非要坚持只做煎饼不做鸡蛋灌饼会发生什么？你肯定会立刻离开他然后去别的地方买你想吃的东西。也就是说，交易会取消。

说回来，工作的本质就是别人花钱请你实现ta的梦想，所以ta扔给你的事情一定是围绕着ta的目标展开的，你对这些工作感受如何是次要的，毕竟人家花钱了。如果你觉得他扔给你的工作太多或者太憋屈，那就离开，交易取消。

当然大部分老板都不会彻底不顾及你的感受，因为要是彻底把你惹毛了，谁替他实现梦想呢？所以他也会在一定程度上顾虑你的感受，哪怕对 ta自己的目标有负面影响。比如老板希望你 7✖️24小时给公司工作，然而他也知道你这样工作三天就得累死，所以也会安排你休息。你们双方彼此互相退让，会达成最终的一致，然而这个“一致”的天平一定不是正好在你俩中间的，而是偏向你的老板的，因为人家花钱了。

再换句话说，只要你还拿着老板的钱，那你老板的目标就比你的目标更重要。

前几天有一个刚刚毕业的小朋友找我聊天，他去参与了一个销售岗位的面试，这家公司的HR问他为什么从上一家公司离职。他是这么跟HR说的：“我在上一家公司销售的产品是一个纪念币，纪念币印着阿根廷足球队，然而金币上印着两个星（代表阿根廷得过两次世界杯冠军）。然而我去推销这个金币的时候，阿根廷已经三星了，这种情况我怎么可能卖的出去？”然后他问我，他这么跟HR说，HR会怎么想。

我回答他说：“HR会想，他上一家公司的产品有缺点，所以他就完全卖不出去。我们家的产品也有很多缺点，所以这个人来了我们家肯定也卖不出去。这个候选人 fail。”

小朋友听了我的话，一瞬间蔫儿了。然后他想了想，问我如果是我会怎么说。

我跟他说，天底下一切商品都是有缺点的，连全世界最畅销的商品都不例外，即使天底下最成功的公司，走进公司内部看都是一地鸡毛的。产品有缺点就卖不出去，按照这个逻辑，那世界上就不该有销售这个岗位。

换一个角度去想，假设你是老板，你有一个完美无瑕的商品，谁见谁夸，所有人都抢着买，那我雇佣销售干什么？我买一堆自动售货机不就行了吗？因为我的产品不够完美，所以才需要销售人员推销，所以在老板的心里，销售人员需要解决我的产品“不完美”的问题。具体怎么解决，那是你的问题，而不是我的问题，我花钱雇佣你就是为了让你解决这个问题的。

然而在刚才那位小朋友的心里这个事情却是反过来的，老板应该把他的产品变“完美”，要不我卖的很辛苦。在他的逻辑里，老板仿佛应该为他”工作轻松“而服务。这就是一个以自我为中心的本末倒置的心态，抱着这样的心态在职场混，就难免混的很惨了。

拿人钱财替人消灾，既然拿了工资，就应该优先考虑组织遇到的难题是什么，组织需要我解决的难题是什么。组织有了好结果，组织才会把好结果回馈给我，我自己才能好。这才是这个世界运转的基本逻辑。

在我看来，职场人里90%以上的抱怨，都是因为没有想清楚这个最基本的逻辑。

前两天有人在我的帖子下面大吐苦水，说现在的团队晋升都是优先“老人”，“新人”要等很久，所以这个情况对“新人”太不公平啦。言下之意就是公司应该改革晋升制度，让新人更容易晋升一些。

兄弟，老板当初创办了这家公司，就是为了赚钱的。所以老板一切行为的根本目的就是赚钱，设计“晋升”制度就为了更好的赚钱。赚钱是目的，“晋升制度”只是手段。公司的运营情况一旦发生了变化，公司需要调整制度，老板是该优先考虑赚钱的难易度，还是该优先考虑你的晋升难易度？

我相信有的人看到这里就会说我是“精神资本家”，明明也是给人打工的，咋了老胳膊肘往外拐给资本家说话。（loser的智力全点在编名词上了）

我之所以这么想，是因为我明白一个很基本的道理：“这个世界不是围绕着我运转的。 ”

在这个芸芸众生的苍茫世界中，我只是一个微不足道的尘芥。我每天从拥挤的13号线地铁上下来，几千人从我的身边匆忙走过，根本没有人会在乎我。北京城2300万常驻人口，全中国14亿人口，乃至全世界70亿人口，没有人亏欠我什么。

我作为一个成年人，就应该自力更生养活自己。这几千万的陌生人里，有一个人跟我说一个月给我几万块钱，换我给他打工赚钱，在我点头答应的那一刻，这就是两个成年人之间平等的合约，他不欠我的，就像我也不欠他的一样。

如果有一天我觉得他给我的钱太少，配不上我的劳动，我就大大方方的结束这场交易。

有一天他雇佣了一个比我年轻好多岁的人，付的工资比给我的还多。我听说了以后一定会心里很不是滋味，但是我也说不上什么。因为钱是人家的，人家爱给谁给谁，爱给多少给多少，这是人家的自由，人家不欠我的。

老板跟我谈好，如果我能给他赚更多钱，他就给我付更多的工资，这是一场公平的交易。我绝不会觉得我什么都不需要做，只是干等着，老板就欠我一个“晋升”。

别人都是自私自利的，我特别理解他们，原因很简单，我自己也是自私自利的。别人就是应该先为他们自己考虑，有空闲才会考虑一下我，因为遇到利益分配的时候，我也会优先考虑我自己。人类就是这种生物，你是人，你的老板也是人。我如果想要别人优先考虑一下我，我就必须让我找他心里变得重要。而想让我在别人心里变得重要，就得优先满足别人的利益。

那些觉得其他人应该优先考虑他的人，全是心智未成年的“巨婴”。

大家有兴趣可以阅读一下《我有一个好主意》的文章

一入国企深似海，捆绑越多，你走得越难，有的人甚至终身被困于此，任人搓揉捏扁。离职就要走得干脆点，不要回头，通常更烦的事情可能还在后头，早走早解脱！

1.国企怎样的？

有人说进国企，基本等于金饭碗

emm，这是个很大的误区，事业编考进去国企的领导才是，我们这些签劳动合同的打工人，跟别的企业打工人没区别！

只不过，国企特别注重社会影响，相对于其他企业很少会裁员而已，这不代表不裁员。之前公司架构调整时就直接砍了一个事业部的人，不过n+1给到位，人家整个部门还开开心心聚餐去 。羡慕嫉妒恨，怎么不把我裁了？我也想要n+1。

国企福利待遇很不错

的确，之前挺不错，包三餐和夜宵（好多家餐馆任选，饭堂有汤有水果有酸奶有糖水，一顿可以选六道菜，麦当劳吃到厌），每月一次下午茶和一袋果蔬，季度生日会各种水果点心等，说实话，这么多好吃的，好多人入职不久就日渐圆润，然后公司员工戏称这里是养猪场。

之前有各种补贴，过节有过节费和活动，我还曾盲盒抽中过个很不错的键盘！

节日礼包直接顺丰快递邮寄回家，有人才政策的公司帮你还分期的免费手机电脑，还有公租房、暑假儿童托管班、挂靠公司的学位、免费每月150G的号码套餐等，各方面想得很周到，囊括你生活的众多方面，让你与公司各种福利紧密结合，以至于你想走也要思虑再三。

2.在国企的日子，我都干了什么？

我所在的团队主要搞医疗相关业务的，趁着疫情的机遇，公司发展得特别顺，所以日子很滋润。

比如21年广州荔湾区疫情突发时，我们也加班加点搞了个流动人群分析和网格热力的可视化大屏，22年初西藏疫情时，公司除了组织员工捐赠防疫物资，还派人支援，给他们弄了个公卫事件平台，以及分析大屏和传播链图谱，22年尾疫情大爆发，一堆人进方舱医院，我们团队负责了37个方舱医院的大屏和公卫平台……

然而，疫情开放后，这些业务没有了，人手过剩又没钱，然后又是架构调整，又是下放地市，又是捣鼓出各种开源节流的方案，很快，一堆福利都削减没了，骚操作越来越多。

3.我的裸辞为后面埋坑了

之前我写了《我裸辞了，但是没走成！》，引起了很多人的讨论，而我没有回复任何一个人，因为我觉得当初写那篇文的自己就是个傻逼！

留下来的第一个月月底！公司直接开会宣布要砍工资，绩效只发70%，呵呵！这触及大家的根本利益，我们团队真的太过乖了，不情不愿也都签名了！别的团队都抗议，集体不签，然后他们被拉去谈话，最终还是签名了！

这只是个开始，然后裁了一波员，把一些外包员工给砍了，包括我旁边那位很厉害的建模师，但是就是不动我们这些自有员工。因为自有员工工资很便宜，没必要动。

我们工资全靠福利补贴和年终奖拉平互联网工资水平线。现在来看，这就是隐形炸弹，给了公司很大的操作空间。福利现在砍了好多，我们的收入直线下降，加上绩效也砍了一截，日子更难过了！

而今年没什么大项目和好的业务，注定今年年终奖凉凉，所以补贴多和大头年终奖不一定是好事，劳动合同上没有明文规定的收入都是大陷阱，一旦公司要动，你去走法律途径也没理！

然后9月底，趁着国庆假期前，公司没人性地再砍一波，绩效只发60%！这下彻底炸了，我们组好几个人愤慨组队发邮件反馈不同意！

听说别的部门直接闹罢工抗议了，这次大家不再默默忍受，充分表达了不满！

然后周一早上，领导轮流约谈每人，意思很明确，你不同意也得同意，公司只是通知你一声，不论你是否同意，都会执行的！

4.没有未来还苟个鬼！

很多人说别那么功利，要看长远，国企稳定，不怎么加班，压力相对少，已经很不错了！

有些人追求安稳，牺牲点钱还能接受。道理我懂，但现在不是牺牲一点钱，是牺牲很多钱！傻逼才会被当水鱼一样宰！

之前我提辞职已经在领导那里留下案底，不出所料的，我第二季度拿了个B,加上我不愿参加党员事务，只想好好搞技术，然后积分倒数，根据党员规则，倒数不能拿B+和A，意味着我第三季度只能是B。这样恶性循环，那么我永远不能升职加薪，这日子已经没有盼头了！

最近我主导一个BI项目的重构，原本只是梳理成新架构，将功能和界面优化，现在直接变成产品推倒从零开始。

最可怕的是，产品不懂技术，还对原BI平台功能一问三不知，她们只看界面样式，然后她们很喜欢照搬照抄大厂优秀的产品，很喜欢想一套是一套，宗旨就是往复杂的方向一去不复返，恨不得每个功能组件都定制化一个个手动开发，还特别喜欢那种一层嵌一层没完没了的鸡肋操作，不考虑复用性，不考虑我们这边开发的实际情况，也没有想过逻辑通不通的问题，如果要按着这样开发就要耗费大量时间！

然而，领导要在短时间内看到成果，我作为主开发，要把控进度和规划任务，其他组员都比较佛系，然后我就成了那个去争取，去battle的出头鸟。

然后产品每次会说，这是基于用户角度设计的，XX大厂的产品就这么设计，为什么人家能这样搞，你搞不了？

呵呵！人家多少人，我们多少人，人家打磨这个产品多久，我们有多少时间？老想一口吃成个大胖子，就没点逼数吗？

最烦的是，每期评审都喜欢基于以前的功能修改新增，就不能一次性确认吗？导致好些原本写好的功能，还有可能要推翻重写！啊啊啊，想打人！

她们的不专业让我很烦躁，沟通也变得凶！然后我被批评注意点情绪管理，但我发现温和沟通也是没用的，因为人家根本不理。

下期个鬼！下期还不是我们来搞！

没想清楚就让你开搞，然后做完又不要，浪费大家时间！

我不否认我的工作方式也有问题，估计很多人都烦死我了！与其内耗自己不如一起内耗，相互伤害啊！

最近情绪很暴躁，加上我身体也发出了相应警告，严重爆痘，不停出红疹，每天都要吃抗过敏药压着，这样的情况持续了三四个月，感觉这样下去我迟早会崩溃！

公司现在明摆着就是不愿给裁员赔偿，耗着你，逼你走！

钱少事多，今年白干了，我累了，也不想耗下去了，然后果断选择撤离，提了离职，这次走得很坚决。

重构也完成了，现在只是修复bug继续优化，也对得起新组长的挽留！

我的亲戚说，打份工而已，不要太认真！

不愧是职场老鸟，真知灼见啊！

5.职场生存指南

1. 不要局限于现在的技术，保持学习。

你参与的项目可能只用到一部分的技术，而市场上要求的技术面往往更多，长久以往，你会被限死在这片技术领域，逐渐被养废，导致自己失去市场竞争力。

2. 领导的话听听就算了，别当真！

上司很喜欢PUA现在外面的情况不好混，他都没去外面混过，怎么知道外面不好混？只不过是因为他自己走不了，所以得拉多几个人一起落水，这样他心里就平衡多了！

3. 福利可以有，但不能过分依赖！

过分依赖会让自己失去主动权！尽量减少自己与公司的捆绑，避免被公司拿捏，要为自己的未来预留后路，即便走也能无后顾之忧。

4. 面向领导的开发，技术能力不是升职加薪的重点，给领导创造价值才是！

比如领导在大领导面前展示你做的这个产品给公司赚了多少钱，得到了赞许，那么你可能就能得到好的绩效考核，如果你做的东西，没什么业务，一直内部团队应用，自己玩自己的，那么就是没产出，没价值，别想升职加薪了！

注意！！！给别的部门团队创造价值不属于给领导创造价值，反而可能会给领导添堵，因为人家领导成果多了，自家领导压力就大了！分清敌我关系！除非是合作项目，成果共享那种！

5. 尝试与别的部门团队的人认识，人脉等于机会！

我通过给公司软考群整理资料，认识了别的团队的人，也因此在之前考虑转部门团队的时候能找人打听情况。有时候不是这个公司不好，而是团队里某些人讨厌，当你想要逃离时，可以考虑转部门团队，如果你对他们有利用价值，他们将是你要用到的贵人！

让我狂笑一下，啊哈哈哈哈~

啦啦啦！我解脱啦！啦啦啦！我好快乐！

变量

变量概述

数据类型

运算符

算数运算符

递增递减运算符

比较运算符

逻辑运算符

赋值运算符

运算符优先级

选择结构

流程控制（顺序，分支，循环）

小结

数组

函数

函数基本概念

arguments

函数声明方式

JavaScript作用域

预解析

sum(1)(2,3)(4,5,6) js的链式调用

function sum(){

let arr = Array.prototype.slice.call(arguments);

fn = function(){

    let arr1 = Array.prototype.slice.call(arguements)

    return sum.apply(null,arr.concat(arr1))

}

//`reduce()` 方法将数组缩减为单个值。

//`reduce()` 方法为数组的每个值（从左到右）执行提供的函数。

//函数的返回值存储在累加器中（结果/总计）。

//注释：对没有值的数组元素，不执行 `reduce()` 方法。

//注释：`reduce()` 方法不会改变原始数组。

   fn.toString = function(){

       return arr.reduce((value,n)=>{

           return value+n

       })

   }

   return fn

}

//柯里化的高级实现

function curry(func){

    return curried(...args){

        if(args.length >= func.length){

            return func.apply(this,args);

        }else{

            return function(...args2){

                return curried.apply(this,args.concat(args2))

            }

        }

    }

}

面试点

sum(1)(2)(3)怎么实现

面试的时候，面试官让我讲一个这个怎么实现
当时想到的是嵌套闭包，调用返回值，进行累加

//这个是我在其他文章上看到的代码

function sum(a){

    function add(b){

        a =a+b

        return add;

    }

    add.toString = function(){

    return a;

    }    

    return sum;

    

查询了一下，涉及到了一个知识点，函数柯里化

//正常的函数

function sum(a,b){

    var sum = 0;

    sum = a+ b;

    console.log(sum);

}



//柯里化函数

function curry(a){

    return function(b){

        console.log(a+b)

    }

}

const sum = curry(1);

// 这个过程分为三步

// step1：

// addCurry(1)

// 返回下面的函数

// ƒ (arg) {

// 	return judge(1, arg);

// }

// step2：

// addCurry(1)(2)

// 返回下面的函数

// ƒ (arg) {

// 	return judge(1,2, arg);

// }

// step3：

// addCurry(1)(2)(3)

// 返回并执行下面的函数

// return fn(1,2,3);

// 最终得到结果6

函数柯里化

把接收多个参数的函数变换成接受一个单一参数的函数，并且但会接收余下的采纳数并且返回结果的新函数的技术。eg:它是指将一个函数从可调用的 f(a, b, c) 转换为可调用的 f(a)(b)(c)

参数复用

用于正则表达式的检验

//记录思路

    柯里化检验函数curry 

    const check = curry(); 

    生成工具化函数，进行验证

    const checkphone = check(/'正则表达式'/)

    检验电话号码

    checkphone('122333232');

延迟计算

返回的函数都不会立即执行，而是等待调用（开发者调用）

动态生成函数

比如说，在dom结点中每每绑定一次事件，都需要对环境进行判断，再去绑定这个事件；将这个过程进行柯里化，在使用前进行一次判断

const addEvent = (function() {

	if (window.addEventListener) {

		return function(ele) {

			return function(type) {

				return function(fn) {

					return function(capture) {

						ele.addEventListener(type, (e) => fn.call(ele, e), capture);

					}

				}

			}

		}

	} else if (window.attachEvent) {

		return function(ele) {

			return function(type) {

				return function(fn) {

					return function(capture) {

						ele.addEventListener(type, (e) => fn.call(ele, e), capture);

					}

				}

			}

		}

	}

})();



// 调用

addEvent(document.getElementById('app'))('click')((e) => {console.log('click function has been call:', e);})(false);



// 分步骤调用会更加清晰

const ele = document.getElementById('app');

// get environment

const environment = addEvent(ele)

// bind event

environment('click')((e) => {console.log(e)})(false);

//来自于[一文搞懂Javascript中的函数柯里化（currying） - 知乎 (zhihu.com)](https://zhuanlan.zhihu.com/p/120735088)

柯里化函数后虽然代码比较冗长，但是它的适用性增加了

柯里化封装

eg : sum(1,2,3...)

    //函数柯里化封装（这个封装可以直接复制走使用）

    function curry(fn, args) {

            var length = fn.length;

            var args = args || [];

            return function () {

                newArgs = args.concat(Array.prototype.slice.call(arguments));

                if (newArgs.length < length) {

                    return curry.call(this, fn, newArgs);

                } else {

                    return fn.apply(this, newArgs);

                }

            }

        }

        

        //需要被柯里化的函数

        function multiFn(a, b, c) {

            return a * b * c;

        }

        

        //multi是柯里化之后的函数

        var multi = curry(multiFn);

        console.log(multi(2)(3)(4));

        console.log(multi(2, 3, 4));

        console.log(multi(2)(3, 4));

        console.log(multi(2, 3)(4));

        //转载自[Javascript高级篇之函数柯里化 - 掘金 (juejin.cn)](https://juejin.cn/post/7111902909796712455)

Function.prototype

四个方法：apply，bind，call，toString

Function.prototype.bind()

定义

bind() 方法创建一个新的函数，在 bind() 被调用时，这个新函数的 this 被指定为 bind() 的第一个参数，而其余参数将作为新函数的参数，供调用时使用。（MDN）

const module = {

  x: 42,

  getX: function () {

    return this.x;

  },

};



const unboundGetX = module.getX;

console.log(unboundGetX()); // The function gets invoked at the global scope

// Expected output: undefined



const boundGetX = unboundGetX.bind(module);

console.log(boundGetX());

// Expected output: 42

Function.prototype.apply()

function 的实例的apply（）方法会以给定的this值和作为数组（或类数组对象）提供arguments调用该函数

const numbers = [5, 6, 2, 3, 7];

const max = Math.max.apply(null, numbers);

console.log(max);

// Expected output: 7

const min = Math.min.apply(null, numbers);

console.log(min);

// Expected output: 2

语法

apply(thisArg) apply(thisArg, argsArray)

参数

//argsArray --- 用于指定调用func时的参数，或者如果不需要向函数提供参数，则为null或undefined



//thisArg --- 调用func 时提供的this值，如果函数不处于严格对象，则null 和undefined 会被替换成全局对象，原始值会被转换成对象

返回值

使用指定的this值和参数调用函数的结果

Function.prototype.call()

Function 实例的 call() 方法会以给定的 this 值和逐个提供的参数调用该函数

//示例

function Product(name, price) {

  this.name = name;

  this.price = price;

}



function Food(name, price) {

  Product.call(this, name, price);

  this.category = 'food';

}



console.log(new Food('cheese', 5).name);

// Expected output: "cheese"

//语法

call(thisArg)

call(thisArg, arg1)

call(thisArg, arg1, arg2)

call(thisArg, arg1, arg2, /* …, */ argN)

Function.prototype.toString()

Function 实例的 toString() 方法返回一个表示该函数源码的字符串。

function sum(a, b) {

  return a + b;

}



console.log(sum.toString());

// Expected output: "function sum(a, b) {

//                     return a + b;

//                   }"



console.log(Math.abs.toString());

// Expected output: "function abs() { [native code] }"

放一个JavaScript的链接

转载自：http://www.cnblogs.com/wangdan0915…

关于我

由于高中的游手好闲、不学无术，没有考上大学。去了一所专科学校，本以为自己能够浪子回头，在学校好好学习。可惜的是，来到一个陌生又充满诱惑的城市后，迅速的迷失了自己，天天埋头打游戏，学习的事情早已抛之脑后。

一晃眼，到了2020年，疫情的接踵而至，让我这个本来没有任何技术、学历的“闲散人士”更加雪上加霜。豪不夸张的说，当时去实习，就差跪着求人家要我，说自己不要薪资。经历过一个月后，也就是2020年5月底，我找到了一份前端开发工作，从此开启了我的前端开发工作之旅。

在专科学校里的时间，我并没有意识到社会市场的残酷，甚至天真的认为自己还是能够辛苦点的找到一份工作。可是，现实给了我当头一棒，没有技术、没有学历、疫情打击。那一段时间应该是真的认知自己的时间，家里也没什么闲钱供我去培训班，我也不知道我出去能干嘛。去看了一圈市场，与跟同学的了解，了解到了前端开发工作，所以就一股脑扎进这个行业当中。

求职之旅

跟大多数人一样，并不知道应该从何处下手，当时在我的认知当中就知道一个 JQuery，所谓的 MVVM 框架简直是一无所知。点开小破站，找到点击率最高的视频，开始自学起来。

了解到一点框架的皮毛、然后死记硬背一点基础，统统写进简历当中。

所以我的学习曲线是如图下所示

graph TD

框架 --> 框架基础 --> JS,CSS,HTML

跟大多数人一样，我是直接通过框架起手学习的前端。导致了我对于问题的处理能力几乎为零，遇到问题直接就双手离开键盘。看不懂，是真的看不懂（如果有相同感受的可以在评论抠一个 1）。

对着视频学了十天左右，写了一个 demo，屁颠颠的去求职。结果也是可想而知，人家也不是傻子一眼识破。四处碰壁，简历丢出去，根本没人看。兜兜转转持续了一个月左右，终于有一家小公司愿意给一个面试机会，马不停蹄的出发去面试，坐了一个小时左右的地铁抵达一个破旧不堪的写字楼，当时要不是看到周围还有一个高校，我还以为我去了一个搞传销的地方。。。推开一个破旧的们，一个很小的房间，两个人坐在里面给我面试。我也很直白的说自己只会一点点皮毛，他们也很直白的告诉我：我们条件有限，相当于是各取所需。其实老实说，我挺感动的，没有给我画大饼，也很直白的说我图他们要我，他们图我不要啥钱。

最终，我也算是如愿找到了这份实习工作，一个月 2000。也算是不错的结果了。

实习项目开发

去到公司以后，也马不停蹄的开始了开发工作。首先就是让我从一个简单的后台管理系统开始入手。但是问题也来了，我根本不知道什么叫管理系统，连项目搭建我都不会，然后就是两眼一抹黑。不停的去百度，查看如何搭建一个后台管理系统。

老实说，我当时连路由是什么我都不清楚，更别说加一堆乱七八糟的功能在里面了。哪个过程可想而知，多么的折磨人。经历了半个月，模板被我折腾起来了一个简单的样子，对着人家的管理系统样子进行拙劣的模仿。但是 bug 满天飞也是避免不了的问题。并且没有丝毫的设计可言，纯纯的依托答辩。

最后的最后，实在是看不下去了（包括我自己），去网上扒了一个模板开始自己去折腾。为什么一开始不考虑使用模板呢？因为我看不懂代码，下不去手。

虽然最后跌跌撞撞的项目启动起来了，但是也算是我第一次项目开发的经历吧。后续持续的添加一些功能，改动一些简单的样式，还好老板也很佛系，没有为难我，基本上没有魔改模板。所以也算是顺利的完成了后台管理系统的开发任务。

小插曲

在实习工作的期间，在技术群中认识了一个很牛的大佬。经常我在群里问一些傻逼问题（因为自己基础太差了），但是他都会很耐心的给我讲解，甚至是下班后抽出时间给我远程讲课。也算是我的半个引路人吧，让我知道了如何去玩儿前端。在这里手动抠一个感谢🙏🙏🙏。

步入正轨

在经历过第一个项目开发后，也算是知道了框架应该如何去玩儿（也就是知道了框架的 api 如何去调用）。也知道了如何去学好前端，所以慢慢的回头去了解基前端的三大基础知识 js css html。

其实我相信很多人跟我一样，开始都是赶鸭子上架的形式去开发项目，遇到问题束手无策；遇到 bug 不知道如何去排查；遇到不知道如何去实现。。。最后我也总结出了问题所在，那就是基础的不扎实，学习顺序的问题，导致了这些问题。

啰嗦一句

哪怕是现在，我有时候跟网友聊天的时候也能听到一些让人不能理解的观点：前端那么简单有什么难度？前端不就是写写页面？前端。。。。

从我的观点出发而言，前端这个岗位确实是属于，宽进严出。想入行确实很容易，毕竟像我这样啥也不懂的，通过十来天的学习都能去做前端开发的事情。

但是，但是，但是，重要的话说三遍，前端的简单是因为它的入行门槛低。但是入门和会还是有本质的区别，绝大多数前端开发工作都是写 后台管理系统，这种开发，都是直接套用现成模板与组件就能够写。如果是定制化开发，脱离了后台管理系统的开发，那还是有手就行吗？

继续步入正轨

在工作的时间中，也认识了很多互联网大厂的大牛：滴滴、网易、腾讯等，经常厚着脸皮去请教他们。但是他们回应最多的是：多看基础，看书！

大佬们都这么说，那还等什么！直接开始行动。

• 绿宝书：犀牛书


• 红宝书：javascript高级程序设计


• 黄宝书：你不知道的js

直接搞起来！虽然我很讨厌看书，但是看到自己实习的 2k 工资，我还不动起来，那可能真就废了。

所以每天下班后，回家翻开书籍，开始看。果不其然，一看就打瞌睡，生涩、枯燥的知识内容。没办法，继续去请教如何看书学习，得到的答案就是：好记性，不如烂笔头。

然后读书的时候，边看边写，跟做笔记一样。效果果然好多了，没那么容易打瞌睡。而且我也买了一些零食（口香糖、耐嚼的肉干之类的）边看边吃，让自己集中注意力。总之是为了能够学到真知识，想尽了各种办法。

半个月后，看了几章节基础，感觉确实潜移默化的改变了一些。写代码的时候不会那么的茫然；反复调试的次数少了一些；知道了更多好用的 api ，代码质量有一定的提高。

读书笔记分享

读书笔记

在这里分享一篇，自己从零开始写的一些笔记。不过自己已经停更很久了。

实习总结

经过两个月的实习后，时间也来到了 2020年7月，我毕业了。我也学到了很多东西，但是我觉得，这样子的工作状态并不是我喜欢的。

回学校简单收拾了一下，也决定了辞职。去找一份更加有前途的工作，当然这里肯定有很多人疑惑：你凭什么啊？确实是如此，包括我的父母，也是很疑惑并且还质疑的问道：你上几个月班，忘了自己的实际情况了？

我也开始反思，自己真的就那么的蠢、那么的不堪吗？

果断辞职

经过我的深思熟虑后，还是在毕业后辞职了。在出租屋沉淀了一个月，这一个月基本上每天只睡了五六个小时，其余时间都花在了基础的夯实上面，狠狠的补充前端基础知识。每天醒来就是：看书、写 demo、请教大佬，每天如此，孜孜不倦。

一个月后，整理自己的简历，然后又开始了自己的求职之旅。

二次求职

求职之路，也并没有自己想的那么顺利。别人也没有因为我简历写的东西多了那么一点可怜的东西而青睐你。

我也在开始反思，自己的辞职是否正确。因为我的本质问题并没有解决：没有学历、没有经验。期间也在自我怀疑、自我安慰，也在凌晨的时候，抓耳挠腮，头发也在开始一大把一大把的掉。

就这样持续了一个月左右，我终于又收到了一份面试邀请。马不停蹄的前去面试，结果却出乎我的意料，他们并没有问我八股文，反而是对我所说的经历感兴趣。我也是添油加醋的说了一顿我的实习经历、辞职后的这一个月的学习经历。

最后的最后，他们通过了我的初试。给我说需要老大亲自面试，我开始很忐忑。但是见到老大后，他是一个很和蔼的老师，并没有刁难我，也没有问我刁钻问题，只是跟我谈了一下基本情况、了解了我的基本情况，就通过了我的二次面试。

二次求职之旅结果

我很幸运，因为，让我去打工的地方是一个资源丰富的高校。我的老大也是院长，初次面试的两位也是两位老师。我也如愿以偿的又有了一份新的工作，接触到了极其丰富的资源。

老师们也很愿意教授知识，让我的技术再次的突飞猛进。

开发项目：

• 北京冬奥会水立方保电系统


• 基于负荷聚合的园区能量态势感知与交易系统


• 电压暂降仿真模拟系统

薪资变化

毕业后，我的薪资也算是以每年翻倍的涨幅进步。也算是我的学习换来的回报吧。还是挺不错的～

现在

截至目前，经过三年零两个月的工作时间，也算是勉强迈入了初级前端开发的门槛吧。不断的学习中，也在积极的参与开源的贡献。

• Ray Template


• Vue3 Next QRcode


• Vue Hooks Plus

这些都是本人参与开发、贡献的项目，有兴趣可以点开看看。如果觉得有用也可以点一个小星星🌟～～～

最后

学习确实是一个枯燥的过程，也是一个很痛苦的过程。包括自己，如果不是那些大佬对我的帮助，我也不会那么快的进步。最后还是很衷心的感谢他们对我的帮助～

:is()

你是否曾经写过下方这样冗余的CSS选择器:

.active a,

.active button,

.active label {

  color: steelblue;

}

其实上面这段代码可以这样写：

.active :is(a, button, label) {

  color: steelblue;

}

看~是不是简洁了很多！

是的，你可以使用 :is() 对选择器的任何部分进行分组，例如，你可以对如下代码：

.section h2,

.aside h2,

.nav h2 {

  color: steelblue;

}

进行转换：

:is(.section, .aside, .nav) h2 {

  color: steelblue;

}

但是 :is() 不仅对父选择器和子选择器有用，它也可以选择多个相邻的选择器，比如:

button:is(:focus, :hover, :active) {

  color: steelblue;

}



button:is(.active, .pressed) {

  color: lightsteelblue;

}

上述代码等价于：

button:focus, button:hover, button:active {

  color: steelblue;

}



button.active, button.pressed {

  color: lightsteelblue;

}

:where()

:where() 是一个与 :is() 非常相似的伪类，也值得注意。它们看起来非常相似:

:where(.section, .aside, .nav) h2 {

  color: steelblue;

}

但区别在于 :where 的权重为 0，而:is() 总是会采用列表中最特高的选择器的权重。例如，你知道下面的 CSS 代码中的按钮是什么颜色吗?

:is(html) button {

  color: red;

}



:where(html) button {

  color: blue;

}

在上面的例子中，虽然以 :where() 开头的块在以 :is() 开头的块下面，但 :is() 块具有更高的权重。

:has()

一个相关但非常不同的伪类是:has()。:has() 允许选择包含匹配选择器(或选择器集)的子元素的父元素。

:has() 的一个示例是不显示下划线的情况下包含图像或视频的链接:

a { text-decoration: underline }



/* 链接有下划线，除非它们包含图像或视频 */

a:has(img, video) {

  text-decoration: none;

}

现在，如果默认情况下我们的 a 标记有下划线文本，但其中有图像或视频，则任何匹配的锚元素的下划线将被删除。

你也可以结合 :is() 使用：

:is(a, button):has(img, video) {

  text-decoration: none;

}

我们还需要预处理器吗?

现在你可能会说“SCSS可以做到这一点!，你甚至可能更喜欢它的语法:

.active {

  button, label, a {

    color: steelblue;

  }

}

说的没错，这很优雅。但是，CSS 似乎现在已经都能获取到我们曾经需要SCSS(或其他预处理器)才能获得的特性。

CSS 变量也是 CSS 本身的另一个不可思议的补充，它回避了一个问题：就是什么时候或者多久你真的需要预处理程序:

.active :is(a, button, label) {

  --color: steelblue;

  color: var(--steelblue);

}

这并不是说预处理器没有它们的用例和优点。

但我认为在某个时间点上，它们确实是处理任何重要CSS的强制要求，而现在情况不再如此了。

惊喜

我想说的是，CSS的未来仍然是光明的。CSS 工作组正积极致力于直接向CSS中添加嵌套选择器。他们正在积极地在3种可能的语法之间进行选择:

/* 1 */

article {

  font-family: avenir;

  & aside {

    font-size: 1rem;

  }

}



/* 2 */

article {

  font-family: avenir;

} {

  aside {

    font-size: 1rem;

  }

}



/* 3 */

@nest article {

  & {

    font-family: avenir;

  }

  aside {

    font-size: 1rem;

  }

}

你最喜欢哪一个?

庆幸的是，第 1 种已经被官方采纳！所以我们可能很快就会看到一个非常像 scss 的嵌套语法。

浏览器支持

目前所有主流浏览器都支持 :is() 和 :where() 伪类:

但是，需要注意，我们在这里提到的 :has() 伪类没有相同级别的支持，所以使用 :has() 时要小心:

神奇的点击事件

你知道我们在 document 中，用鼠标点击一次页面会发生什么吗？

可能你会告诉我，会触发一个或多个的 click 事件监听器，然后运行这个监听器的回调函数。

但是，这个过程中还有一些奇怪事情的一起出现了...

固定的事件触发顺序

在可注册的 Document Event 中，click 事件自然是最常见的事件。
不过点击一次页面并不是只会触发 click 事件，而是会触发许多个不同但又十分接近事件。
比如也算是老朋友的 mousedown、mouseup 等等。

如果说我们在同一个元素上注册多个如: mousedown、pointdown 等与点击相关的事件监听器，这时候它们会按照什么顺序触发呢？
触发的时候会是固定顺序的吗？

做一个小小的实验就可以知道，它们的触发顺序是固定的，且与注册顺序无关：

后续所有的 el 与 events 皆为此项不再赘述，
且在做出不同的测试时保证其节点不会存在上一个测试所遗留的事件监听器。（懒得写注销事件代码啦～）

const el = document.getElementById('app');

// 组合事件集合

const events: (keyof HTMLElementEventMap)[] = [

  'click',

  'mousedown',

  'mouseup',

  'pointerdown',

  'pointerup',

  'touchstart',

  'touchend',

];

// 注册组合事件

for (const event of events) {

  el.addEventListener(event, e => {

    console.log('触发了 ->', event);

  });

}

PC 端触发顺序为

pointerdown -> mousedown -> pointerup -> mouseup -> click

移动端触发顺序为

pointerdown -> touchstart -> pointerup -> touchend -> mousedown -> mouseup -> click

如上可知，pointerdown 始终是第一触发的事件（比 touchstart 还快）！而在移动端，mousedown 与 mouseup 都是在 touchend 之后触发的。
也就是说，当我们在触摸的时候，mousedown 无法触发，而是在手指离开屏幕的时候才会被触发！

高贵的 click 事件

那如果在始终我们在第一个触发的 pointerdown 事件中阻止了事件的默认行为，会发生什么呢？

再来一次小实验看看：

for (const event of events) {

  el.addEventListener(event, e => {

    if (event === 'pointerdown') {

      e.preventDefault();

    }

    console.log('触发了 ->', event);

  });

}

这个时候神奇的事情发生了，紧随其后的touchstart、pointerup和touchend依旧触发了，
而mousedown 与 mouseup 事件被阻止了，
但是属于最后触发的 click 事件却依然成功的触发了！

这就是 click 的高贵血统吗？

阻塞与异步也无法阻止事件触发的固定顺序

我们知道，浏览器是单线程的，所以在执行一个任务的时候，其他任务都会被阻塞。

那我们触发一个调皮的事件的时候让线程阻塞了，后续事件的触发顺序发生变化吗？

for (const event of events) {

  el.addEventListener(event, e => {

    console.time(`执行事件 ${event} 1`);

    let n = 0;

    // 主线程阻塞130ms左右

    for (let i = 0; i < 1000000; i++) {

      // 浮点数运算

      n += i ** ((Math.PI ** Math.PI) ** Math.PI);

    }

    console.timeEnd(`执行事件 ${event} 1`);

  });

  el.addEventListener(event, e => {

    console.time(`执行事件 ${event} 2`);

    let n = 0;

    // 主线程阻塞130ms左右

    for (let i = 0; i < 1000000; i++) {

      // 浮点数运算

      n += i ** ((Math.PI ** Math.PI) ** Math.PI);

    }

    console.timeEnd(`执行事件 ${event} 2`);

  });

}

可以看到，事件的触发顺序依旧是固定的，并不会因为事件的阻塞这种小事而产生动摇，
后续的事件需要等待前面的事件执行完毕之后才会被触发。

这看起来显而易见，因为事件的触发也属于主线程的任务，所以当主线程被阻塞的时候，事件的触发也会被阻塞。

那如果我们把事件的执行变成异步函数呢？还是会这么如我们所愿吗？

for (const event of events) {

  el.addEventListener(event, async e => {

    console.time(`执行事件 ${event}`);

    let n = 0;

    // 多了一个 0 所以是 1300ms~

    for (let i = 0; i < 10000000; i++) {

      n += i ** ((Math.PI ** Math.PI) ** Math.PI);

    }

    console.timeEnd(`执行事件 ${event}`);

    console.log('触发了 ->', event);

    await new Promise(resolve => {

      setTimeout(() => {

        console.log('Promise触发了 ->', event);

        resolve(0);

      }, 100);

    });

  });

}

从 log 中可得出，
参与下一个主线程执行的 Promise 的 log 会在 click 事件之后触发直接一起触发
（也可中得出 setTimeout 的局限性），
但当前主线程应当触发的事件与其触发的顺序依旧无法被撼动。

事件执行与页面渲染不能不说的关系

我们知道，浏览器的渲染是由主线程来完成的，所以当主线程被阻塞的时候，页面的渲染也会被阻塞。
当在一条事件链中修改了多次的 DOM 时，有关页面实际的绘制也将会被推迟到最后一次修改之后。

// 加一个transition看看效果

el.style.transition = 'all 1s';

for (const event of events) {

  el.addEventListener(event, e => {

    console.time(`执行事件 ${event}`);

    let n = 0;

    // 少了一个 0 所以是 130ms 啦~

    for (let i = 0; i < 1000000; i++) {

      n += i ** ((Math.PI ** Math.PI) ** Math.PI);

    }

    const backgroundColor = el.style.backgroundColor;

    // 简单的切换一下背景色

    el.style.backgroundColor = backgroundColor === 'black' ? 'white' : 'black';

    console.log('触发了 ->', event, el.style.backgroundColor);

    console.timeEnd(`执行事件 ${event}`);

  });

}

当事件触发完毕之前，el.style.backgroundColor 虽然被修改了，但页面的实际绘制被推迟，
只有其事件所有的执行结束之后，才姗姗来迟的展示出实际切换后的效果。

如果点的快就会导致各种鬼畜的现象:

渲染因为下一次事件的触发而导致被迫推迟，从而让页面看起像是闪烁了一下，
这样的用户体验是十分糟糕的。

如果说 backgroundColor 的修改只是一个属于**重绘（Repaint）小事的话，
那么如果我们在事件中修改了属于回流（Reflow）**会咋样？

// 加一个transition看看效果

el.style.transition = 'all 1s';

// 加个bg

el.style.backgroundColor = '#eee';

for (const event of events) {

  el.addEventListener(event, e => {

    console.time(`执行事件 ${event}`);

    let n = 0;

    // 少了一个 0 所以是 130ms 啦~

    for (let i = 0; i < 1000000; i++) {

      n += i ** ((Math.PI ** Math.PI) ** Math.PI);

    }

    // 默认100vh

    const height = el.style.height || el.getBoundingClientRect().height;

    // 调整高度

    el.style.height = parseInt(height.toString()) - 300 + 'px';

    console.log('触发了 ->', event);

    // style对象上的

    console.log('style.height ->', el.style.height);

    // 实际渲染的（DOMRect）

    console.log('getBoundingClientRect().height ->', el.getBoundingClientRect().height);

    console.timeEnd(`执行事件 ${event}`);

  });

}

显然，当事件触发的时候，el.style.height 作为一个对象被修改了并且保存了下来，
但是 el.getBoundingClientRect().height 也就是实际渲染的结果其实并没有被修改。
所以虽然属于回流的绘制阶段，但页面同样也是需要等到事件执行完毕之后才会被重新渲染。

其中的与浏览器绘制相关的奥妙可以看看这篇文章:
浏览器的回流与重绘 (Reflow & Repaint)

总结

在这篇文章中，我们主要讲了一下浏览器的事件触发顺序，
以及主线程中事件触发的阻塞会有什么样的效果。

异步事件并不能阻止用户重复的触发事件，
所以我们应当在发起请求的时候尽量限制用户的操作，避免重复的触发事件。

想要提高用户的体验，我们在事件触发的时候，应当尽量避免阻塞主线程，
并且减少注册相同类型的事件触发器，避免重复的触发事件导致占用过多的执行时间。

上个周末幸得空闲时间和爱人去图书馆学习看书，整理了一下思绪，回忆了一下这两年自己的心态变化，成长经历，学习状态，时间管理等，于是乎我发现自己变懒了，趁着今天反思一下自己，也希望能给大家有一些警示所用吧。

状态

随着年龄的增长和周遭事物的快速变化以及自己肩上的担子越来越重，我发现自己很难再进入长时间的学习状态。这种学习状态也是我们经常说的心流，即长时间心无旁骛的专心看书，没有频繁的 CPU 线程切换，也不用保存上一秒的内存状态。

由于年龄的不断增大，我发现自己的记忆和理解能力确实在衰退，这种衰退的现象可能起源于不经常用脑导致的脑细胞组织衰减所致，脑细胞衰减就导致思考能力变弱，思考能力变弱就会导致越来越不愿意动脑，这是一种负面循环，很可能会使老年痴呆提前到来。人最重要的是大脑，而我们对大脑的开发和利用却少的可怜。

不知道大家有没有经历过这样一种情况，每天都很多人找你，你看似很匆忙，但是晚上回想一下自己一天的经过却发现做的事情大多数重复性且可替代性很强的工作，而当你一天很快进入工作状态却没人打断你，你勤加动脑你会发现自己能解决很多难题，会有很多创造性的 idea 出现，会觉得自己非常有成就感，这就是一种心流状态。

上面是两种不同情况之间的差距，真实情况其实是第一种：每天有无数个毫无意义的会议和很多人来找你，你自己很难进入心流状态。每天担心自己的绩效在这个季度会不会垫底，会不会存在被优化的风险，导致自己一天天的忧心忡忡，拒绝思考，喜欢做简单且可替代性强的工作来争取绩效，从而产生工作中的内卷 ...... 陷入负面循环。

还有就是手机对我们的控制和吃瓜心态的优先级正在变的越来越高，不摸鱼也不会吃瓜，不吃瓜也不会摸鱼，这也是一种循环，你想摸鱼你才会吃瓜，你吃瓜的时候你肯定正在摸鱼，这就是一种热点效应，中国老百姓就是喜欢看热闹，无非就是形式变了，把现实中聚在一起看热闹搬到了网上变成大家围观吃瓜。所以为啥每次微博只要一崩肯定就是 xx 明星又出轨了这种生活作风性质的烂批事儿，你除了向他键盘伤害之外，还能跟广大的网友有啥关系？你爱看无非就是人性罢了，而进入心流状态是一种逆人性的事情，但很可怕的是这种逆人性的事情在变得越来越少。

编码是需要创造和思考的，而程序员的美好愿景不就是 debug the world 吗？我们不能陷入毫无意义只想划水吃瓜的猎奇怪圈中，我们需要及时跳出来，也许终究一生我们都只是柴米油盐酱醋茶的普通人，但是我们写过的代码，带过的人，都会是这个行业中浓墨重彩的一比，就像 GitHub 尘封在北极中的代码是一样的。

在平时的工作和生活中，要让自己多多进入心流，减少外界事物对自己的干扰，进入心流状态，让自己静下心来，思考问题的深度就会加深，会让自己沉浸在一种状态下，一种持续精进的状态中。

怪圈

最近经常听到一些读者不经意间的讨论，cxuan 最近更文的频率慢了很多，我承认确实是这样的。那么为什么会这样呢？其实这些话我很早讲，但是奈何没有找到一个合适的时机，所以趁着今天，我也想说明一下。

其实我陷入了一种怪圈，一种我想写出更优秀的作品，但是写出这种作品需要以大量的基础知识作为铺垫，所以我就想要吸收更多的知识，看更多的书，读更多的文章，汲取大量的营养，但是谁也没法保证在吸收这么多知识后就一定能写出优质的文章，有可能我写的越来越屎。但是有一点确定的是，在吸收大量知识的同时，我是无法持续更文的，但是不写文章就会变的焦虑，导致越来越没信心吸收更多的知识。最终导致文章也断更了，知识也没学到多少。

就比如我是 Java 程序员，也许我写关于 Java 类型的文章会好很多，但是我偏偏想要写操作系统、C/C++ 、计算机网络、汇编等方面的文章，这就需要吸收大量的只是并揉碎了给大家讲出来，不过这需要大量的时间和精力。也许单纯的写 Java 方向的文章会好很多，但是谁叫我愿意呢？理论上我必须承受这些知识带给我的压力，我必须要挤出来更多的时间来接纳，但是实际情况是我躺平了。

躺平的原因有很多种，但是我只接受一种：我变懒了。

我一直以为工作不忙就会有更多的时间做自己的事情，但实际情况是工作不忙就会有更多的时间划水摸鱼，到点打卡下班。再加上结婚之后暂无要孩子的打算，于是自己心态变了。这是很可怕的一件事情，屠龙少年，终成恶龙。

再加上我现在又有健身的兴趣，但是我为满足我的兴趣和工作以及学习的总时间并没有变多，所以我的兴趣就会挤占其他项目的时间，导致我最近的时间管理这块变得很糟糕。

希望我自己能及时调整心态，合理平衡兴趣、工作和学习的时间，慢慢找回之前的状态。人若无名便可专心练剑，时刻让自己保持一种空杯心态。

寒潮

今年对互联网行业最大的一个冲击就是裁员潮和 HC 的锁紧，随着互联网脚步放缓，很多毕业生毕业找不到工作，很多培训班也爆雷。但是由于计算机这几年鼓吹的太狠，所以毕业季有很多毕业生同时抢一个 offer，因此越来越内卷，所以现在的互联网环境可以说是半死不活了。但是这种环境下，对真正优秀的毕业生来说还是影响不太大，还是有一些岗位在招人，不过对于大多数同学来讲，能上岸就抓紧上岸，先活着再生活。考研的人数也是一年比一年多，现在大学生都不好意思跟人说自己是大学生了，因为遍地都是研究生，甚至博士都已经见怪不怪了。

就拿石家庄某个高效来说，二本学校招聘教师 120 个岗位无一例外全是博士学历起，令人卷到只想骂人。

我还依稀记得一年前互联网在高位的时候，应届毕业生年薪 package 50w 已经不算什么大新闻了，再看看与现在的对比，令人唏嘘，无非是在风口浪尖罢了，并不是真正的能力。

那么如何破局呢？其实谁都无法给出准确的答案，我们能做的只是丈量好脚下的步数，不过还是有一些建议可以采取的。

精进基础知识

再过多强调基础知识都不为过，但很多人依然认识不到其重要性，很多同学都以为开发就是会写代码就完事儿了，玩玩框架做做增删改查就是全部工作内容，只不过现实是不给你转身的机会的，你看看现在的就业环境是只会增删改查就能找到一份称心如意的工作吗？就拿面试来说，两年前面试还是卷一些框架用法、了解基本原理即可，再看看这两年面试直接卷深层次的内容和应用实现，底层原理等。

基础知识是一通百通的，比如你了解计算机网络的分层设计之后就知道网络协议的每一层打包的目的是什么，Socket 为什么是端口通信的大门？ping 的实现原理，为什么要发 ECHO_REQUEST 包？为什么有的电脑插入网线不用配置 IP 就能直接上网？点击 http://www.google.com 背后的实现过程是怎样的？操作系统为什么要分为三大抽象？

再好比你在搞并发编程，你就得知道为什么读写要遵循 MESI 协议？Java 实现的各种并发工具类其实都是操作系统读写的几种模型罢了，以及线程和进程的本质区别是啥，管程是啥？等等，要学的内容太多了。可以说这个行业你不得不随时都准备学习，可以说是把终身学习理念贯彻最彻底的行业。

掌握核心技术

今年很多大厂对内都进行了人员优化，比如前段时间虾皮裁员毁约闹的挺大的，只不过裁掉和优化的都是边缘部门和边缘开发同学，也就是不赚钱没有盈利前景的那些部门。核心岗位的核心开发还是公司的支柱，所以这里建议大家还是要向公司的核心业务、核心部门靠拢，这才是一家互联网公司的全部核心。也就是说要让自己具有核心竞争力和不可替代性，也要有随时离开的本领。

一言以蔽之，多看书，多实践，向公司核心技术和核心业务靠拢，覆巢之下无完卵，大家加油。

作为一名程序员，我们经常会面临工作压力和时间紧迫的情况，因此有一个好的自控力对于我们的工作和生活都是至关重要的。以下是一些可以帮助程序员增强自控力的方法：

1. 设定明确的目标和计划

制定明确的目标和计划可以帮助我们更好地管理时间和精力。我们可以使用日程表、任务清单、时间追踪工具等，来帮助我们控制时间并更有效地完成任务。

2. 掌控情绪

作为程序员，我们需要面对很多挑战和压力，容易受到情绪的影响。因此，掌握情绪是一个非常重要的技能。可以通过冥想、呼吸练习、运动等方法，来帮助我们保持冷静、积极和乐观的心态。

3. 管理焦虑和压力

焦虑和压力是我们常常遇到的问题之一，所以我们需要学会如何管理它们。我们可以使用放松技巧、适度锻炼、交流沟通等方法，来减轻我们的焦虑和压力。

4. 培养自律习惯

自律是一个非常重要的品质。我们可以通过设定目标、建立规律和强化自我控制等方式，来培养自律习惯。

5. 自我反思和反馈

经常进行自我反思和反馈可以帮助我们更好地了解自己的优缺点和行为模式。我们可以使用反馈工具或与他人交流，来帮助我们成长和改进。

6. 持续学习和自我发展

程序员需要不断学习和自我发展，以保持竞争力和提升自己的技能。通过阅读书籍、参加培训、探究新技术等方式，可以帮助我们持续成长，增强自我控制力。

结论

自控力是我们工作和生活中重要的的品质之一，可以帮助我们更好地应对各种挑战和压力。通过设定目标、掌控情绪、管理焦虑和压力、培养自律习惯、自我反思和反馈、持续学习和自我发展等方法，我们可以帮助自己增强自我控制能力并提高工作效率。

21年的时候媳妇买了台联想小新16Pro，最近发现屏幕闪，查了查售后政策，好在屏幕质保两年。

找维修点

从高德地图里搜联想售后很正常吧！看看图片带着Lenovo的图片，是不是感觉是官方售后？拨打电话打到的是总部，贴心的给你预约好到店时间，是不是感觉服务也是不错的？

到店

这个店的位置很奇怪，感觉是在一个办公楼里，上电梯需要刷卡？当时就有点懵，不是开门做生意吗，为什么给客户增加成本。

好不容易到店，发现店里的样子和图片上完全不一样，最重要的是没有联想logo。而且我看到他们竟然还在修其它品牌的机器。其实心里已经有点怀疑他们是不是官方维修点了。

但是他们能查到这台电脑的相关信息，我想可能是合作方吧。抱着来都来了，能修就行的心理，让师傅检查机器。

检查

后续骚操作就来了：

1. 
   

   沟通困难：问我们屏幕有问题的时候是什么样子的。给解释有的时候花屏、有的时候闪屏。但师傅总是盯着当前的闪屏在说，完全不提花屏的事情。

   
   


2. 
   

   售后政策不熟悉：上来就说屏幕没法售后，扯什么主板啊、整机啊、保一年啊什么的。跟他说了政策是保两年，然后才再次查了一下售后政策，发现真是两年。

   
   


3. 
   

   闪屏原因：看了一眼屏幕，说还是不能走质保，因为屏幕损坏是我们挤压造成的，屏幕已经翘起来了。本来听他说挤压，我还在想我那傻媳妇是不是把电脑撞到了，但他说屏幕翘起来了，我好好看了一下，完全没有挤压和翘起痕迹，让他给指一下，也没指明白，就扯屏幕不会自己坏的，肯定是我们挤压的。

   
   

问不走质保，多少钱？答：一千多。

问多多少？答：1700

让给出个鉴定报告，人就不见了。

找官方售后

我觉得这家店有问题，找到联想官方售后电话，这家店根本没在他们系统里。

让我们去联想官方店铺。

到了联想官方店，人家检测之后，直接走质保就给免费换了。

思考

后面我想了一下

1. 
   

   对于这种图片和实际情况不符的，直接远离。这种不符已经能说明很多事情了。无论对店铺还是对人！

   
   


2. 
   

   我本来以为随着网络的发展，依靠信息差赚钱的情况很少了，结果自己差点着了道。

   
   

• 
  

  人家利用大家对官方售后的不明确进行引流

  
  


• 
  

  到店后利用大部分人对机器不了解，随意进行判断、维修

  
  

这个钱赚的挺昧良心的。对我们的父母辈而言，他们可能真的就听售后人员的安排了。

3. 信任很重要

• 
  

  信任真的值钱。每个人都想和值得信任的人做买卖。官方店就是靠谱！

  
  


• 
  

  信任能提升效率：去官方对大部分小白而言，是效率极高的，不用做一堆防坑攻略

  
  

4. 勇敢：如果大家觉得事情不对，就勇敢、理智的说，谎言是可以被戳破的

希望大家都能躲过这些坑！！！

我认为我们可以而且应该探索生活中的许多事情，我写这篇文章是为了展示成为一名创客和拥有一份全职工作不仅是可能的，而且使得你可用的机会多样化，这可以让你更加敏锐，务实与坚定。

在这篇文章中，我想解决三个关键概念。

首先是针对那些认为自己时间不够的人，以及为什么我觉得这种观念往往是错误的。

第二是强调坚持工作的好处，以及为什么成功人士最擅长的是降低风险，而不是最大化。

最后，第三部分将指出出一些我认为我们都可以在思维方式上做出的改进--超越单纯地创业和全职工作，这些概念希望能帮助你在一个更大的空间里进行优化，或者也许完全去除这个限制。

1.“我没有足够的时间”

美国人平均工作时长为 8.8 小时，这源于工业革命，并一直延续到 21 世纪，这处于一般的考量，而不是深思熟的考虑。罗伯特·欧文 (Robert Owen) 精心设计了“八小时劳动、八小时娱乐、八小时休息”的说法，努力让人们在合理的时间内工作，同时仍然能有效地运营工厂。

尽管世界和劳动力发生了翻天覆地的变化，但这种“工作时间”和“我的时间”的概念至今仍然存在。我在这里不是要质疑 40 小时模型（已经有太多资源了 - 谁还没有听说过 4 小时工作周？），而是质疑对“我的时间”的看法。

对许多人来说，长时间的工作意味着他们有权享受这种 "我的时间"，并将 "我的时间 "设计得与 "工作时间 "尽可能地不同。对许多人来说，它看起来很像这样。Netflix and chill。

但是，如果我们不再将“我的时间”想象成放松时间，而是完全按照它的标题：是时候专注于自己并与您的目标保持一致，那会怎样呢？如果你需要休息，那就休息吧。但如果你的目标是有朝一日成为一名企业家，那么应该投入大量的“我的时间”来实现这一目标，因为它不会自行发生。 “我的时间”不应该只是不累人的活动，而是任何可以帮助个人达到他们希望进入的未来状态的活动。

每天大约有 16 个小时分配给工作和睡眠，每个人大约有 8 个小时可以分配给“我的时间”，如果使用得当，每年将近 3000 个小时可以取得很多成就。

Sleep, commute, work, repeat. 睡觉、通勤、工作，如此重复。

“Most people overestimate what they can do in a day, but underestimate what they can do in a year.”

“大多数人高估了他们一天能做的事情，却低估了他们一年能做的事情。”

还有一种误解是，为了建立一个可持续的业务，你需要花费大量的时间才能达到目的。虽然确实需要付出大量的努力，但最重要的是长期持续的努力。大多数人低估了复利的这个概念。

The power of compound interest. 复利的力量。

看看下面的等式：

• 1.01³⁶⁵ = 37.8


• 1.10³⁰ = 17.5

在一年内每天坚持改善你的业务（或生活）1%，比一个月内每天改善 10% 的效果要好一倍。坚持不懈加上复利的力量是强大的。

“如果一切都是最重要的，那么就没有什么是重要的。”

我认为，大多数人在生活中要么没有清楚地确定优先事项，要么将所有事情都考虑在内。虽然我相信雄心壮志，但成功的一个关键步骤是确定核心的优先事项，并消除在此之外的噪音。

最主要的优先事项是动态的，可以随着时间的推移而改变，但我认为，在一个特定的时间，你真的不能有超过 3 个核心重点。

设定这些重点之后，就是要改变行为，按照这些重点生活。再次，如果大多数人要客观地反思他们是如何花费时间的，他们会得到这样的结果。

典型的一天。

对我来说，这就是我的个人优先事项随着时间的推移而发生的变化：

• 2017 年：工作、旅行、人际关系


• 2018 年：工作、学习编码、构建副业


• 2019 年：工作、扩展副业、分享想法（写作、演讲）

为了在创作项目的同时维持一份全职工作，我不得不排除干扰。例如，我不看电视。我不通勤。我目前没有恋爱。这些都是主动的选择。

当然，其中一些东西将是暂时的（例如：人际关系），但我也注意到我在生活中重新引入的东西，以及它是否会促进、带走，或成为我的北极星之一。

我认为这个概念也可以被认为是分层的时间投资。对于你所做的任何事情，如果它有助于你的北极星，就把它看作是一级投资。对于那些对你的成长完全没有贡献的事情，也许可以把它标记为第四级。这并不意味着你不能跨层花费时间，但你花在每个层级上的时间应该反映出你对它们的关心程度。

示例（这对任何人来说都是一个独立的练习）：

2. 坚持工作的好处

希望上一节有助于说服你，你有足够的时间全职工作，同时创建副业，或者说，如果你调整你的价值观→优先事项→行为，就可以在你的生活中融入更多的东西。在这一节中，我希望能表达为什么保持全职工作可以是一件美好的事情。

付费学习

“Some workplaces are definitely broken, but the entire workforce isn’t.”

我经常听到有人说 "我等不及要出去 "这样的话，指的是辞掉工作，最终自己当老板。在辞职之前，要考虑为什么要辞掉工作。通常情况下，这不是他们有全职工作的问题，而是他们所从事的特定工作，或许是他们所汇报的特定人员。

所有的人都应该努力找到一份能够赋予他们权力、激励他们并让他们在某些方面得到成长的工作。大公司实际上保证了这一点--你很少是公司里最聪明的人，你当然也不会是公司里每个方面都最有能力的人。

在我的 "日常工作 "中，我可以不断向比我更聪明的人学习，并为此获得报酬。我还面临着我的副业项目根本不会遇到的挑战，我经常需要学习如何与他人一起解决这些挑战。我鼓励人们有意识地设计他们的职业道路，以掌握从硬到软的新技能。如果你最终决定在未来自立门户，那么这两者都会很重要。

随着劳动力变得更加活跃，在协同处理自己的项目的同时向他人学习的能力是许多人正在开发的。事实上，我在 Twitter 上对数百人进行了调查，发现相当多的人都在这样做。

保持新鲜的想法和清晰的头脑

在学习之外，保持一份 FT 工作还有其他实实在在的好处，可以帮助你建立一个更可持续的副业。

根据个人经验，我发现把我的工作和副业分开，使我仍能在两者中找到独立的乐趣。每当我从一个环境切换到另一个环境，特别是在创业方面，它仍然是 "有趣的"。

我认为这特别是因为在目前的状态下，创业不是我的生命线。我希望有一天它确实成为更有意义的东西，但就目前而言，我可以在不受立即赚钱需求影响的情况下就我的项目做出决定。

更重要的是，我可以专注于通过我真正关心的项目来表达自己，而不是专注于可能产生美元的东西，通过这个过程，我贴近我的价值观。换句话说，我可以专注于创造价值，而不是专门去获取价值，类似于 Gumroad 的创始人 Sahil Lavingia 如何转向做这件事，或者 Warby Parker 的创始人如何确保金钱不会战胜他们的价值观。

“开始之前我们是四个朋友，我们承诺公平对待彼此比成功更重要。” —— 亚当·格兰特

结合以上几点，当我意识到一个项目没有任何价值时，我可以放弃一个项目或理性思考，我也不需要拿 VC 的钱或倾向于我不相信的投资者。

“在一个领域拥有安全感让我们可以自由地在另一个领域独创。通过在财务上覆盖我们的基地，我们摆脱了出版半生不熟的书籍、出售劣质艺术品或开展未经考验的业务的压力。” —— 亚当·格兰特

最后，我可以在技能学习方面投入适当的时间。我把这比喻为这样一个概念：上市公司不太关注通过创新创造长期价值，而是关注下一个季度的收入数字。我是一只私人股票，可以专注于我自己和我的技能，目的是为了长期建设它们。

换句话说，我的表达和创意之间的明确区分与我的生命线分离，我认为这有助于做出更有效的决定。

进行大量试验，然后全力以赴

“企业家这个词，正如经济学家理查德·坎蒂隆创造的那样，字面意思是“风险承担者”。 —— 亚当·格兰特

有一个普遍的误解，认为企业家都是“冒险者”，你需要“全力以赴”才能成功。在亚当·格兰特的著作 Originals (中文名：《离经叛道：不按常理出牌的人如何改变世界》)中，这两者都被证明是错误的；企业家不一定是冒险者，而是更善于评估风险和对冲他们的赌注。

“当 Pierre Omidyar 创立 eBay 时，这只是一种爱好；在接下来的九个月里，他一直以程序员的身份工作，直到他的在线市场为他赚的钱比他的工作还多才离开。最好的企业家不是风险最大化者。 “他们在冒险中承担了风险。” —— 亚当·格兰特

Grant 还引用了 Joseph Raffiee 和 Jie Feng 的另一项研究，该研究从 1994 年到 2008 年对 5000 多名美国人提出了以下问题：“当人们开始创业时，他们最好是继续工作还是辞掉日常工作？”

结果呢？他们发现，那些离开工作岗位的人这样做不是出于经济需要，而是出于纯粹的自信。然而，那些更不确定的人比更喜欢冒险的人失败几率要低 33%。

另一项研究表明，那些在 Fast Company 最具创新力排行榜上名列前茅的企业家也倾向于坚持他们的日常工作，包括著名企业家 Phil Knight（耐克）、Steve Wozniak（苹果）以及谷歌创始人 Larry Page 和 Sergey Brin。

奈特当了 5 年的会计师，同时从他的后备箱里卖鞋，沃兹尼亚克继续在惠普工作，谷歌人继续在斯坦福大学攻读博士学位。这些只是书中的一些原作——Grant 还引用了类似的故事，包括 Brian May 在加入 Queen 之前研究天体物理学，John Legend 即使在发行他的第一张专辑后仍然担任管理顾问，Spanx 创始人 Sara Blakely 销售传真机，她的公司原型和规模最终成为世界上最年轻的白手起家的亿万富翁，著名作家斯蒂芬金在他的第一个故事发表后担任了 7 年的看门人、教师和加油站服务员。

我们都有多种激情，我认为生活就是在有意义的时候进行战略转型。无需立即从一个场景切换到另一个场景。人们可能认为冒险者很酷，但在另一边取得成功更酷。

3. 重构你的思维方式

无论你是否选择全职工作，同时探索副业项目，我认为我们都可以更有效地打开我们的思想，接受不同的思维方式。本节将涉及一些我认为我们可以停止限制自己和他人的方式。

世间安得两全法

人们喜欢把东西装进盒子里。你会听到人们总是使用名词或形容词作为明确的标签：

• 技术还是非技术


• 快乐或悲伤


• 职员或企业家

看到我要去哪里了吗？尽管有这些标签，但我相信几乎所有东西都可以用某种曲线表示；特别是在技能习得方面。例如，你什么时候真正“成为”程序员？

真正的创造性思维者不再用二元思维，而是能够将这些曲线的概念内化。他们把事情看成一个斜坡、楼梯或维恩图，而不是一系列的盒子。当你消除二元对立时，你就能更清楚地看到其他选择，比如慢慢增加你对副业的时间投入，而不是立即辞职。

合理规划您的生活

我认为，如果有人认为自己的工作效率已经达到全球最高水平，那是非常天真的。事实是，我们都有改进的余地，不仅是在更快/更干净方面，而且是在做出更好地决定，删除那些首先不应该出现在我们盘子里的工作。

如果您选择从事多项工作，请确保您对所有这些都有独立的 KPI。人们倾向于在企业中这样做，但这个概念在我们的个人生活中却很少见。你能量化过去一年你在自己身上投入了多少时间吗？大多数人做不到。

如果两者都没有 KPI，那么没有明确 KPI 的那个自然会被搁置一旁，或者得不到应有的关注。

我还认为理解“元工作”的概念很重要。我对元工作的定义如下：“如果你连续一年做那个活动，你的生活会有什么不同吗？”

让我详细说明。

如果明年我每天都回复电子邮件，我的生活会不会发生重大变化？换句话说，我会从 A 搬到 B 吗？答案是不。

洗衣服、买杂货或做指甲等事情也是如此。哦，是的，Netflix 也一样。

还有第二种类型的任务，我将其标记为绝对任务。如果始终如一地完成，您可能会看到您的技能或生活发生重大变化。例如：如果你每天阅读一年，你的知识储备、创造力和阅读速度都可能会提高。如果你每天锻炼，你的健康无疑会有所改善。同样，如果您每天花 1 小时学习编码，到年底您将拥有全新的技能组合。

虽然元任务在生活中是不可避免的，但要确保你的生活目标不是元的，它们需要是绝对的。当你创建当天的待办事项清单时，确保至少有一件事是绝对的（记住：1.01³⁶⁵=37.8）。当然，当你可以时：尽可能多地将元任务自动化。元任务在很多方面都可以成为分心的代名词，除非它们给你的生活带来某种独立的快乐。

一夜成名的神话

最后，我想澄清最后一个误解：没有一夜成名这回事。这种误解源于媒体的运作方式。

TechCrunch 永远不会写 X 人如何用 Y 年时间引导一个可持续的非独角兽企业，遵守其价值观并尊重人们的隐私。离群索居者很耀眼，但他们仍然是离群索居者。

直到几年前，我才真正理解持续攀登的概念。我以为每一个成功的人都说要付出很多工作和努力，这只是在为他们的运气自我辩护。

"当我们惊叹于那些为创造力提供动力并推动世界变革的原创者时，我们往往会认为他们是由不同的布料剪成的。" -- 亚当-格兰特

现实情况是，构建任何有价值的东西都需要时间。当然，全职工作可能需要更长的时间来构建，但这没关系。

如果你目前有全职工作，不要把自己放在一个框框里，而是要开始为你觉得有趣的想法工作。完美的想法永远不会出现，，所以我鼓励每个人开始每周花 1 小时来研究他们认为有吸引力的想法，并逐渐增加，直到你处于一个可以让他们全职工作的地方。将你的生命线（你的工作）与你的项目分开，这种精神上的清醒可能是最健康和最周到的做法。

记住，你没有成为企业家的时刻，所以没有必要为了将自己定义为企业家而辞掉工作。

原文链接：You Don't Need to Quit Your Job to Make

作者：Steph | Smith 斯蒂芬 |史密斯

前言

大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心。

大家设想一下，如果有一个超级大的表单页面，用户好不容易填完了，然后点击提交，这个时候请求接口居然返回401，然后跳转到登录页。。。那用户心里肯定是一万个草泥马~~~

所以项目里实现token无感知刷新是很有必要的~

这几天在项目中实践了一套token无感知刷新的方案，其实也有看了一下网上那些解决方案，也知道这类的方案已经烂大街了，但是感觉不太符合我想要的效果，主要体现在以下几个方面：

• 逻辑都写拦截器里，耦合性高，不太好


• 接口重试的机制做的不太好


• 接口并发时的逻辑处理做的不太好

我为什么不想要让这套逻辑耦合在拦截器里呢？一方面是因为，我想要写一套代码，在很多的项目里面可以用，把代码侵入性降到最低

另一方面，因为我觉得token无感知刷新涉及到了接口重发，我理解是接口维度的，不应该把这套逻辑放在响应拦截器里去做。。我理解重发之后就是一个独立的新接口请求了，不想让两个独立的接口请求相互有交集~

所以我还是决定自己写一套方案，并分享给大家，希望大家可以提提意见啥的，共同进步~

温馨提示：需要有一些Promise基础

思路

其实大体思路是一样的，只不过实现可能有差别~就是需要有两个 token

• accessToken：普通 token，时效短


• refreshToken：刷新 token，时效长

accessToken用来充当接口请求的令牌，当accessToken过期时效的时候，会使用refreshToken去请求后端，重新获取一个有效的accessToken，然后让接口重新发起请求，从而达到用户无感知 token 刷新的效果

具体分为几步：

• 1、登录时，拿到accessToken和refreshToken，并存起来


• 2、请求接口时，带着accessToken去请求


• 3、如果accessToken过期失效了，后端会返回401


• 4、401时，前端会使用refreshToken去请求后端再给一个有效的accessToken


• 5、重新拿到有效的accessToken后，将刚刚的请求重新发起


• 6、重复1/2/3/4/5

有人会问：那如果refreshToken也过期了呢？

好问题，如果refreshToken也过期了，那就真的过期了，就只能乖乖跳转到登录页了~

Nodejs 模拟 token

为了方便给大家演示，我用 express 模拟了后端的 token 缓存与获取，代码如下图（文末有完整代码）由于这里只是演示作用，所以我设置了

• accessToken：10秒失效


• refreshToken：30秒失效

前端模拟请求

先创建一个constants.ts来储存一些常量（文末有完整源码)

接着我们需要对axios进行简单封装，并且模拟：

• 模拟登录之后获取双 token 并存储


• 模拟10s后accessToken失效了


• 模拟30s后refreshToken失效了

理想状态下，用户无感知的话，那么控制台应该会打印

test-1

test-2

test-3

test-4

打印test-1、test-2比较好理解

打印test-3、test-4是因为虽然accessToken失效了，但我用refreshToken去重新获取有效的accessToken，然后重新发起3、4的请求，所以会照常打印test-3、test-4

不会打印test-5、test-6是因为此时refreshToken已经过期了，所以这个时候双token都过期了，任何请求都不会成功了~

但是我们看到现状是，只打印了test-1、test-2

不急，我们接下来就实现token无感知刷新这个功能~

实现

我的期望是封装一个class，这个类提供了以下几个功能：

• 1、能带着refreshToken去获取新accessToken


• 2、不跟axios的拦截器耦合


• 3、当获取到新accessToken时，可以重新发起刚刚失败了的请求，无缝衔接，达到无感知的效果


• 4、当有多个请求并发时，要做好拦截，不要让多次去获取accessToken

针对这几点我做了以下这些事情：

• 1、类提供一个方法，可以发起请求，带着refreshToken去获取新accessToken


• 2、提供一个wrapper高阶函数，对每一个请求进行额外处理


• 3/4、维护一个promise，这个promise只有在请求到新accessToken时才会fulfilled

并且这个类还需要支持配置化，能传入以下参数：

• baseUrl：基础url


• url：请求新accessToken的url


• getRefreshToken：获取refreshToken的函数


• unauthorizedCode：无权限的状态码，默认 401


• onSuccess：获取新accessToken成功后的回调


• onError：获取新accessToken失败后的回调

以下是代码（文末有完整源码）

使用示例如下

最后实现了最终效果，打印出了这四个文本

完整代码

constants.ts

// constants.ts



// localStorage 存储的 key

export const LOCAL_ACCESS_KEY = 'access_token';

export const LOCAL_REFRESH_KEY = 'refresh_token';



// 请求的baseUrl

export const BASE_URL = 'http://localhost:8888';

// 路径

export const LOGIN_URL = '/login';

export const TEST_URL = '/test';

export const FETCH_TOKEN_URL = '/token';

retry.ts

// retry.ts



import { Axios } from 'axios';



export class AxiosRetry {

  // 维护一个promise

  private fetchNewTokenPromise: Promise<any> | null = null;



  // 一些必须的配置

  private baseUrl: string;

  private url: string;

  private getRefreshToken: () => string | null;

  private unauthorizedCode: string | number;

  private onSuccess: (res: any) => any;

  private onError: () => any;



  constructor({

    baseUrl,

    url,

    getRefreshToken,

    unauthorizedCode = 401,

    onSuccess,

    onError,

  }: {

    baseUrl: string;

    url: string;

    getRefreshToken: () => string | null;

    unauthorizedCode?: number | string;

    onSuccess: (res: any) => any;

    onError: () => any;

  }) {

    this.baseUrl = baseUrl;

    this.url = url;

    this.getRefreshToken = getRefreshToken;

    this.unauthorizedCode = unauthorizedCode;

    this.onSuccess = onSuccess;

    this.onError = onError;

  }



  requestWrapper<T>(request: () => Promise<T>): Promise<T> {

    return new Promise((resolve, reject) => {

      // 先把请求函数保存下来

      const requestFn = request;

      return request()

        .then(resolve)

        .catch(err => {

          if (err?.status === this.unauthorizedCode && !(err?.config?.url === this.url)) {

            if (!this.fetchNewTokenPromise) {

              this.fetchNewTokenPromise = this.fetchNewToken();

            }

            this.fetchNewTokenPromise

              .then(() => {

                // 获取token成功后，重新执行请求

                requestFn().then(resolve).catch(reject);

              })

              .finally(() => {

                // 置空

                this.fetchNewTokenPromise = null;

              });

          } else {

            reject(err);

          }

        });

    });

  }



  // 获取token的函数

  fetchNewToken() {

    return new Axios({

      baseURL: this.baseUrl,

    })

      .get(this.url, {

        headers: {

          Authorization: this.getRefreshToken(),

        },

      })

      .then(this.onSuccess)

      .catch(() => {

        this.onError();

        return Promise.reject();

      });

  }

}

index.ts

import { Axios } from 'axios';

import {

  LOCAL_ACCESS_KEY,

  LOCAL_REFRESH_KEY,

  BASE_URL,

  LOGIN_URL,

  TEST_URL,

  FETCH_TOKEN_URL,

} from './constants';

import { AxiosRetry } from './retry';



const axios = new Axios({

  baseURL: 'http://localhost:8888',

});



axios.interceptors.request.use(config => {

  const url = config.url;

  if (url !== 'login') {

    config.headers.Authorization = localStorage.getItem(LOCAL_ACCESS_KEY);

  }

  return config;

});



axios.interceptors.response.use(res => {

  if (res.status !== 200) {

    return Promise.reject(res);

  }

  return JSON.parse(res.data);

});



const axiosRetry = new AxiosRetry({

  baseUrl: BASE_URL,

  url: FETCH_TOKEN_URL,

  unauthorizedCode: 401,

  getRefreshToken: () => localStorage.getItem(LOCAL_REFRESH_KEY),

  onSuccess: res => {

    const accessToken = JSON.parse(res.data).accessToken;

    localStorage.setItem(LOCAL_ACCESS_KEY, accessToken);

  },

  onError: () => {

    console.log('refreshToken 过期了，乖乖去登录页');

  },

});



const get = (url, options?) => {

  return axiosRetry.requestWrapper(() => axios.get(url, options));

};



const post = (url, options?) => {

  return axiosRetry.requestWrapper(() => axios.post(url, options));

};



const login = (): any => {

  return post(LOGIN_URL);

};

const test = (): any => {

  return get(TEST_URL);

};



// 模拟页面函数

const doing = async () => {

  // 模拟登录

  const loginRes = await login();

  localStorage.setItem(LOCAL_ACCESS_KEY, loginRes.accessToken);

  localStorage.setItem(LOCAL_REFRESH_KEY, loginRes.refreshToken);



  // 模拟10s内请求

  test().then(res => console.log(`${res.name}-1`));

  test().then(res => console.log(`${res.name}-2`));



  // 模拟10s后请求，accessToken失效

  setTimeout(() => {

    test().then(res => console.log(`${res.name}-3`));

    test().then(res => console.log(`${res.name}-4`));

  }, 10000);



  // 模拟30s后请求，refreshToken失效

  setTimeout(() => {

    test().then(res => console.log(`${res.name}-5`));

    test().then(res => console.log(`${res.name}-6`));

  }, 30000);

};



// 执行函数

doing();

结语 & 加学习群 & 摸鱼群

我是林三心

• 一个待过小型toG型外包公司、大型外包公司、小公司、潜力型创业公司、大公司的作死型前端选手；


• 一个偏前端的全干工程师；


• 一个不正经的掘金作者；


• 一个逗比的B站up主；


• 一个不帅的小红书博主；


• 一个喜欢打铁的篮球菜鸟；


• 一个喜欢历史的乏味少年；


• 一个喜欢rap的五音不全弱鸡

如果你想一起学习前端，一起摸鱼，一起研究简历优化，一起研究面试进步，一起交流历史音乐篮球rap，可以来俺的摸鱼学习群哈哈，点这个，有7000多名前端小伙伴在等着一起学习哦 --> 摸鱼沸点

作者：Sunshine_Lin

链接：juejin.cn/post/728169…

来源：稀土掘金

著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

什么是Android Auto

首先，Android Auto 不是 OS。它是集成在 Android OS 里的 feature。当通过 USB、Wi-Fi 将 Android Phone 连接到支持 Android Auto 的车机上后，Android OS 将自动加载支持 Auto 模式下的 App 并将图像投屏到车机屏幕上。

跟苹果的 CarPlay、百度的 CarLife、小米的 CarWith 一样，其本质上是投屏。Phone 提供计算、渲染，车机只是 Display，Display 和按键回传 Input 的事件，Phone 处理好之后将新的帧数据回传进行 Display。

如何使用Android Auto

Google官网已经明确介绍了使用 Android Auto 的步骤

1. 
   

   确保您的汽车或售后音响与 Android Auto 兼容；

   
   


2. 
   

   手机上必须安装 Android Auto 应用，Android 10 以下的手机可以到 Google Play 下载安装，Android 10 及以上内置了 Android Auto；

   
   

   

   
   


3. 
   

   使用 USB 数据线将手机连接到汽车，然后在汽车显示屏上查看 Android Auto；

   
   

   

   
   

虽然简单的三个步骤，但使用Android Auto有一个大前提：

• 使用 Android Auto 的手机需要使用Google服务框架

因此需要通过GMS认证，国内汽车品牌基本不支持 Android Auto，一些沿用了国外车机系统的合资车型可能会支持 Android Auto。

关于 Android Auto 支持的汽车和音响品牌，可查阅官网资料，里面列举得很详细。

如何开发Android Auto支持的应用

Google Developer 官网已经将 Android for Cars 的开发流程和规范写得很详细了，这里就不再详细赘述了，把官方的内容简单归纳一下，并列出一些注意项：

• 我们可以基于 Android Auto 开发媒体应用（音乐，视频）、即时通讯应用、地图导航应用、并且有相应的测试方案和分发方案；


• Google针对 Android Auto 应用专门提供了SDK，即 Android for Cars App Library。为了兼容非 Car 的设备集成到了 AndroidX 中；


• Android Auto 不支持自定义 UI，你的应用只负责与车载屏幕进行数据和事件交互，因此，所有的 Android Auto 应用都长得大同小异；


• 开发的 Android Auto 应用必须经过 Google Play Store 分发，否则屏幕是不显示的，Google Play Store 有四个分发渠道：internal、closed testing、open testing、production，分别对应内部、内测、公测、产品，开发调试阶段用 internal 渠道即可；


• 因为车载场景事关驾驶员生命安全，所以 Google 对 Android Auto 应用审核很严格。所有支持 Android Auto 的应用，必须满足质量规范才可能通过 Google Play Store 的审核；


• 音乐app可参考官方开发的uamp，它是支持 Android Auto 的；


• 国产手机基本都把 Android Auto 应用给删减掉了，所以都需要手动安装，但 Android Auto 启动时会安装谷歌服务框架，因此，第一次使用 Android Auto 需要科学上网。


• 在使用国产手机调试 Android Auto 时，会出现车机屏幕黑屏的情况，原因可能是没有经过 Google Play Store 分发，也有可能是其他未知原因，因此，建议使用 pixel 手机进行开发调试；

Android Auto与Android Automotive的区别

• 
  

  Android Auto是 Android 的扩展功能，包含 Android Auto 应用、支持 Android Auto 的Apps，车机屏幕，缺一不可；

  
  


• 
  

  Android Automotive是基于 Android 定制的适用于车载的OS，简称 AAOS，归属于AOSP项目，编译的时候选择Automotive的target combo即可；

  
  

  

  
  

国内汽车厂商普遍使用的Android Automotive，主要原因有：

• 可以不需要通过GMS认证；


• 兼容 Android Phone 和 Android Auto 的应用；


• 独立的系统，不需要手机投屏，开发App和扩展车载功能非常方便；

参考链接

Android for Cars 概览

Android Auto

androidx.​car.​app

Android 车机初体验：Auto，Automotive 傻傻分不清楚？

Android Auto 开发指北

前言

全球行业那么多，每个都需要软件开发，每个都需要数字化转型，但是互联网这个场景说白了只是其中的一个分支而已，世界上没有那么多高大上、高并发的项目给你做。

项目亮点的背景意义

讲项目亮点其实是为了面试，面试要讲项目，怎么讲呢。讲项目其实就是讲故事。项目从哪来到哪去，做了哪些事情，其中你做了什么；能够清晰条理的讲出来，面试官就知道你这个是个什么业务场景，也知道你确确实实参与了这个项目。

这个亮点讲的是什么？大家都知道面试官会经常问：项目中你遇到过哪些困难，你是怎么去解决它的！这里其实是一个比较让人容易陷入误区的地方，就前面也说了，没有那么多高并发，没有那么多大项目给你做过，那怎么办呢？

先说一下我个人的了解，就目前外企和这个非互联网体系面试的时候，主要考察的是这个人能不能做事情，要通过面试来了解他是如何解决问题的，解决问题的方式一定不是抛出一堆名词来。而是什么呢？“需求最初是什么样的，我们如何挖掘这个需求，我们挖掘后真实的需求是什么样的，我们做了怎么样的调查，我们给出了哪些方案，它们都有什么利弊，然后进行取舍，最后根据实际情况和老板的期望，我们是如何解决这个问题的，我们最终给出了什么方案“。

如果你真正把一个项目搞透的话，前面的这个故事你是可以讲的很出彩，很完整的。这样一个完整的过程是可以充分证明：首先项目是实实在在你完整的参与下来的，参与度很高。然后你也能够识别到关键问题的所在，同时这也充分的展示了你这个思维的逻辑性，你是一个可以work的人。

其实不管有没有做过大项目，上面这些要求也是必须达到的，它能证明你是一个有逻辑，能够有条理处理问题的人。有大项目固然是好事，但是没有的话，把自己手头项目挖掘出来，这也比凭空捏出来的项目要实实在在很多，因为这个故事讲的6不6，它是能够体现出你的参与程度的。

如果是抄别人的，其实比较容易能听出来，但是抄别人的项目，作为一个提升自己技术的手段，我还是比较认同的。但如果拿去面试的话，一个是确实它可能会重复，另一个可能细节问题你就经不起提问了。

工程师含义

挺多朋友经常在抱怨，自己每天有做不完的CRUD(增删改查)。说到这，其实我自己以前就是个CRUD BOY。当时每天就是写业务，这几乎占据了我80%以上的时间，现在回顾起来，这其实是一个非常值得反思的点，就是工程师这三个字代表的是什么含义。

年少无知的我以前不懂得它的含义，做了两个项目，就觉得自己不含糊了，十几万的项目是我一个实习生做的，凭什么我才拿2000块钱，那业务都是我写的，我感觉自己能单干，我能支楞起来。

后来真的有机会自己单干了，才明白当初为什么一个2000块钱的实习生，能撑起十几万的项目。原来那时候老板知道我菜，不相信我自己能搞定，他就把任务都拆解完了才给到我，前面的人已经把种种困难都克服完了，到我这儿就只剩执行了，就只剩CRUD了，所以我就成了CRUD BOY了，就是这么回事。如果你的工作，只是每天毫无挑战的一些重复工作，那么可能是前面有人在帮你顶着，那么你替前面的这个人分忧，就是成就自己亮点的最捷径的一种方式。

最后

我的感受就是做项目和做人是一样的，最重要的是把自己当成主角，真正用心的参与其中，平凡的生活其实到处也都是闪光点的，希望大家都能够找到好的工作。

此文章2332字，预计花费时间7-11分钟。

一、聊聊工作氛围 & 个人成长

1. 这是我的期许

“所谓前途，不过是以后生活的归途。”

这是我人生中的第一段技术实习，之前并不是一心做技术的，所以为了探索自己喜欢的事情在某小公司做过翻译实习，并且在交行做过金融实习（其实就是纯打杂）。

我很喜欢这样一段话： “我曾以为我的23岁会手提皮包西装革履，但我还是穿着休闲裤，带着十几岁的意气行事，幼稚又成熟；我曾以为我的23岁会性格外向，做事圆滑，但我连最简单的亲情都处理不好；我曾以为我的23岁会和喜欢的人看山河大海落日余晖，但没想道周围的人谈婚论嫁都近在眼前，我还在路上找自己。”

我一直在探索着自己的边界，在能闯能疯的年纪反复横跳，寻找着自己的热爱与期许。在真正从事这个行业之后，我发现了我对于这个岗位的喜爱，当你看着一个个实际的视图出现于自己的手中，你会有一种莫名其妙的成就感，这种感觉难以描述的程度就好像你要向一个完全不看vtuber的人描述你对嘉然的喜爱。

2. 工作氛围：这里是一个乌托邦（适合摸鱼学习的好地方！）

说实话，我最开始预期是每天九点来上班，九点下班的（因为看学长们实习都好辛苦的样子）。

来了之后发现完全不是，每天十点上班，六点下班（我当然是准点跑路）

实习两个月左右的时候接的一个需求，第一天是另一个前端实习生来搞，后来他要跑路，leader就把活给我了。

周四，后端六点把接口给另一个前端实习生。

另一个前端实习生：“明天再说”

周五我来接这个活，我边画页面边让他加字段。

然后提完了，六点他给我改好的接口，让我看看有没问题

我：“下周再说”。

后端：“前端是不是，都很快乐啊[流泪]”

最开始因为我对 react 不是特别熟悉，leader 让我看着组内文档学了半个月，才开始了第一个需求。

leader 没有给我指定 mentor，所以当我有问题的时候，我看组内谁没开会（或者有时间）就会去问，都能得到很耐心的解答，这点来说还是很有安全感的。

然后每天都会跟着老板和大老板一起去吃饭，有时听他们说说自己的事情，有时听听他们对某个语言的看法，也算有不少收获。

值得一提的是刚入职三天部门就开始团建了，从周五下午五点玩到了第二天凌晨两点，炫了一只烤全羊，然后就开始电玩篮球各种 happy，后面玩狼人杀我次次狼人，大老板也总觉得我是狼人，我次次和他对着刚（乐）

马上就要第二次团建了，可惜参加不了呜呜呜

在团建上 leader 说我是从五个面试感觉都 ok 的人里面选出来的（当时我超惊喜的）

还有几件有趣的事情值得一提

第一件事情是中午和 leader 散步，他说：“你干了两个月这里的情况也看到，很难接触到同龄的小姐姐的，找对象的优先级应该要提高了。”

我：“说的对说的对。”

当时我心里就暗暗想着，这是我不想找吗？这tm是我找不到啊（悲）

第二件事情是我有事开了自己的热点，热点的名字叫：“要失业了咋办呐。”

被同事发到了前端大群里。

同事：“这是谁的啊？”

我：“是实习生的（悲）”

3. 个人成长：“不卑不亢，低调务实”

最开始入职当然会担心一些七的八的，诸如这样说会不会不太客气，这样搞会不会让老板不爽，后来和老板还有大老板一起吃饭之后发现他们人都挺随和的，没什么架子，他们更多的关心的是这件事情做的怎么样。

大老板曾经在周会上说：“这个事情可以做的慢一些，这是能力上的问题，这个可以商量，但是如果到了约定的日期没有交付，这就有问题了。 ”这个是说的务实。

然后就是为人处事方面了，自己有时候挺跳脱的，没有什么边界感，在实习和他们一起吃饭的时候我就回默默的听着，有些问题大家都不会问，算是看着看着就成长了。

回校远程的时候我写了这样一段话：

去打工吧，去打上海冬夜准时下班，踩雪走回家的工。

去打工吧，去打一边聊天一边发现，这个产品也是清华✌️的工。

去打工吧，去打测试前一天，人都走光了，mentor陪我赶工到半夜的工。

去打工吧，去打部门团建，大leader带我们玩狼人杀到凌晨两点，超级尽兴的工。

冴羽曾在一次读书会上分享：“开眼界就像开荤一样，只有见过了才会产生饥饿感。”

打工虽然让我变成了稍不注意就会摆烂的成年人，但大平台汇聚了很多丰富有趣的同事，让我看到了截然不同的经历与一波三折的人生。

不知道是不是部门的原因，我这边总是十六五准点上下班。

我现在依然处于打工真香的阶段，不用早起，不用日复一日的和同龄人卷同一件事，身边的人年岁不同，人生阶段也不相同，卷不到一起去。

我还在路上～

4. 代码方面 learning

说实话看到组内项目的时候体会到了不少的震撼，看着组内的项目之后真的就感觉自己写的东西和玩具一样，每次写完项目，都会兴冲冲的找组内的哥哥姐姐帮忙 CR，然后 CR 出一堆问题，自己在一个一个的修改，把这些规范点记周报上，总之就是学到了很多很多。

timeLine 大概是这样的

• 前两周熟悉 react 写小 demo


• 然后以两周一个需求的速度给咱活干～

记得第二次写完一个稍微有点复杂的需求，带着我做这个需求的 mentor 还夸了我一波（骄傲）

5. 对于技术和业务的想法

大leader组织组内 vau 对齐的时候我仔细的听了听，我们的很多东西都需要落地，相比来说技术只是一个实现的手段，并不是做这个的目的。

但怎么说呢，我个人还是对技术本身抱有很大的期许的，希望自己能够变得很厉害，参与到很多的开源项目中，我坚信代码可以改变世界。

二、展望未来

实习不去字节，就像读四大名著不看红楼梦，基督徒不看圣经，学相对论不知道爱因斯坦，看vtuber不看嘉然今天吃什么，这个人的素养与精神追求不足，成了无源之水，无本之木。他的格局就卡在这里了，只能度过一个相对失败的人生!

• 话是这么说啦，但最后还是没有成功去到字节，但是我是字节不折不扣的舔狗，后面再看吧。


• 字节给我发面试一定是喜欢我（普信）

下面这段是之前写的

离开的契机也很简单，我在小红书实习的同学跑路了，然后要找继任，顺手把我的简历投过去了，然后我顺手面了一下小红书，小红书顺手给我发了个Offer(bushi，然后就去小红书了。

小红书确实Offer了，但是老板和我约谈了很久，我决定继续远程实习，在这篇文章发布的当天，我已经实习了 一百四十天，我相信，我的旅途还在继续。

三、写在最后

不知不觉就实习快半年了啊

我真的非常感谢遇到的leader和同事，感恩遇到的每一位愿意拉我一把的人。

在这段时间里学到了好多一个人学习学不到的东西啊。

那么这就是我在蔚来的实习小结啦！

感谢阅读～

蛮久没更新了，本次我想聊聊找工作的事情，相信大家都能感受到从去年开始到现在市场是一天比一天差，特别是在我们互联网 IT 行业。
已经过了 18 年之前的高速发展的红利期，能做的互联网应用几乎已经被各大公司做了个遍，现在已经进入稳定的存量市场，所以在这样的大背景下再加上全世界范围内的经济不景气我想每个人都能感受到寒意。

我还记得大约在 20 年的时候看到网上经常说的一句话：今年将是未来十年最好的一年。

由于当时我所在的公司业务发展还比较顺利，丝毫没有危机意识，对这种言论总是嗤之以鼻，直到去年国庆节附近。

虽然我们做的是海外业务，但是当时受到各方面的原因公司的业务也极速收缩（被收购，资本不看好），所以公司不得不进行裁员；
其实到我这里的时候前面已经大概有 2～3 波的优化，我们是最后一波，几乎等于是全军覆没，只留下少数的人维护现有系统。

这家公司也是我工作这么多年来少数能感受到人情味的公司，虽有不舍，但现实的残酷并不是由我们个人所决定的。

之后便开始漫长的找工作之旅，到现在也已经入职半年多了；最近看到身边朋友以及网上的一些信息，往往是坏消息多于好消息。

市场经历半年多的时间，裁员的公司反而增多，岗位也越来越少，所以到现在不管是在职还是离职的朋友或多或少都有所焦虑，我也觉得有必要分享一下我的经历。

我的预期目标

下面重点聊聊找工作的事情；其实刚开始得知要找工作的时候我并不是特别慌，因为当时手上有部分积蓄加上公司有 N+1 的赔偿，同时去年 10 月份的时候岗位相对于现在还是要多一些。

所以我当时的目标是花一个月的时间找一个我觉得靠谱的工作，至少能长期稳定的工作 3 年以上。

工作性质可以是纯研发或者是偏管理岗都可以，结合我个人的兴趣纯研发岗的话我希望是可以做纯技术性质的工作，相信大部分做业务研发的朋友都希望能做一些看似“高大上”的内容。
这一点我也不例外，所以中间件就和云相关的内容就是我的目标。

不过这点在重庆这个大洼地中很难找到对口工作，所以我的第二目标是技术 leader，或者说是核心主程之类的，毕竟考虑到 3 年后我也 30+ 了，如果能再积累几年的管理经验后续的路会更好走一些。

当然还有第三个选项就是远程，不过远程的岗位更少，大部分都是和 web3，区块链相关的工作；我对这块一直比较谨慎所以也没深入了解。

找工作流水账

因为我从入职这家公司到现在其实还没出来面试过，也不太知道市场行情，所以我的想法是先找几家自己不是非去不可的公司练练手。

有一个我个人的偏好忘记讲到，因为最近的一段时间写 Go 会多一些，所以我优先看的是 Go 相关的岗位。

第一家

首先第一家是一个 ToB 教育行业的公司，大概的背景是在重庆新成立的研发中心，技术栈也是 Go；

我现在还记得最后一轮我问研发负责人当初为啥选 Go，他的回答是：

Java 那种臃肿的语言我们首先就不考虑，PHP 也日落西山，未来一定会是 Go 的天下。

由于是新成立的团队，对方发现我之前有管理相关的经验，加上面试印象，所以是期望我过去能做重庆研发 Leader。

为此还特地帮我申请了薪资调整，因为我之前干过 ToB 业务，所以我大概清楚其中的流程，这种确实得领导特批，所以最后虽然没成但依然很感谢当时的 HR 帮我去沟通。

第二家

第二家主要是偏年轻人的 C 端产品，技术栈也是 Go；给我印象比较深的是，去到公司怎么按电梯都不知道🤣

他们办公室在我们这里的 CBD，我长期在政府赞助的产业园里工作确实受到了小小的震撼，办公环境比较好。

当然面试过程给我留下的印象依然非常深刻，我现在依然记得我坐下后面试官也就是 CTO 给我说的第一句话：

我看过你的简历后就决定今天咱们不聊技术话题了，直接聊聊公司层面和业务上是否感兴趣，以及解答我的疑虑，因为我已经看过你写的很多博客和 GitHub，技术能力方面比较放心。

之后就是常规流程，聊聊公司情况个人意愿等。

最后我也问了为什么选 Go，这位 CTO 给我的回答和上一家差不多😂

虽然最终也没能去成，但也非常感谢这位 CTO，他是我碰到为数不多会在面试前认真看你的简历，博客和 GitHub 都会真的点进去仔细阅读👍🏼。

其实这两家我都没怎么讲技术细节，因为确实没怎么聊这部分内容；这时就突出维护自己的技术博客和 GitHub 的优势了，技术博客我从 16 年到现在写了大约 170 篇，GitHub 上开源过一些高 star 项目，也参与过一些开源项目，这些都是没有大厂经历的背书，对招聘者来说也是节约他的时间。

当然有好处自然也有“坏处”，这个后续会讲到。

第三家

第三家是找朋友推荐的，在业界算是知名的云原生服务提供商，主要做 ToB 业务；因为主要是围绕着 k8s 社区生态做研发，所以就是纯技术的工作，面试的时候也会问一些技术细节。

我还记得有一轮 leader 面，他说你入职后工作内容和之前完全不同，甚至数据库都不需要安装了。

整体大概 5、6 轮，后面两轮都是 BOSS 面，几乎没有问技术问题，主要是聊聊我的个人项目。

我大概记得一些技术问题：

• k8s 相关的一些组件、Operator


• Go 相关的放射、接口、如何动态修改类实现等等。


• Java 相关就是一些常规的，主要是一些常用特性和 Go 做比较，看看对这两门语言的理解。

其实这家公司是比较吸引我的，几乎就是围绕着开源社区做研发，工作中大部分时间也是在做开源项目，所以可以说是把我之前的业余爱好和工作结合起来了。

在贡献开源社区的同时还能收到公司的现金奖励，不可谓是双赢。

对我不太友好的是工作地在成都，入职后得成渝两地跑；而且在最终发 offer 的前两小时，公司突然停止 HC 了，这点确实没想到，所以阴差阳错的我也没有去成。

第四家

第四家也就是我现在入职的公司，当时是我在招聘网站上看到的唯一一家做中间件的岗位，抱着试一试的态度我就投了。
面试过程也比较顺利，一轮同事面，一轮 Leader 面。

技术上也没有聊太多，后来我自己猜测大概率也和我的博客和 Github 有关。

当然整个过程也有不太友好的经历，比如有一家成都的“知名”旅游公司；面试的时候那个面试官给我的感觉是压根没有看我的简历，所有的问题都是在读他的稿子，根本没有上下文联系。

还有一家更离谱，直接在招聘软件上发了一个加密相关的算法，让我解释下；因为当时我在外边逛街，所以没有注意到消息；后来加上微信后说我为什么没有回复，然后整个面试就在微信上打字进行。

其中问了一个很具体的问题，我记得好像是 MD5 的具体实现，说实话我不知道，从字里行间我感觉对方的态度并不友好，也就没有必要再聊下去；最后给我说之所以问这些，是因为看了我的博客后觉得我技术实力不错，所以对我期待较高；我只能是地铁老人看手机。

最终看来八股文确实是绕不开的，我也花了几天时间整理了 Java 和 Go 的相关资料；不过我觉得也有应对的方法。

首先得看你面试的岗位，如果是常见的业务研发，从招聘的 JD 描述其实是可以看出来的，比如有提到什么 Java 并发、锁、Spring等等，大概率是要问八股的；这个没办法，别人都在背你不背就落后一截了。

之后我建议自己平时在博客里多记录八股相关的内容，并且在简历上着重标明博客的地址，尽量让面试官先看到；这样先发制人，你想问的我已经总结好了😂。

但这个的前提是要自己长期记录，不能等到面试的时候才想起去更新，长期维护也能加深自己的印象，按照 “艾宾浩斯遗忘曲线” 进行复习。

选择

这是我当时记录的面试情况，最终根据喜好程度选择了现在这家公司。

不过也有一点我现在觉得但是考虑漏了，那就是行业前景。

现在的 C 端业务真的不好做，相对好做的是一些 B 端，回款周期长，同时不太吃现金流；这样的业务相对来说活的会久一些，我现在所在的公司就是纯做 C 端，在我看来也没有形成自己的护城河，只要有人愿意砸钱随时可以把你干下去。

加上现在的资本也不敢随意投钱，公司哪天不挣钱的话首先就是考虑缩减产研的成本，所以裁员指不定就会在哪一天到来。

现在庆幸的是入职现在这家公司也没有选错，至少短期内看来不会再裁员，同时我做的事情也是比较感兴趣的；和第三家有些许类似，只是做得是内部的基础架构，也需要经常和开源社区交流。

面对裁员能做的事情

说到裁员，这也是我第一次碰上，只能分享为数不多的经验。

避免裁员

当然第一条是尽量避免进入裁员名单，这个我最近在播客 作为曾经的老板，我们眼中的裁员和那些建议 讲到在当下的市场情况下哪些人更容易进入裁员名单：

• 年纪大的，这类收入不低，同时收益也没年轻人高，确实更容易进入名单。


• 未婚女性，这点确实有点政治不正确，但确实就是现在的事实，这个需要整个社会，政府来一起解决。


• 做事本本分分，没有贡献也没出啥事故。


• 边缘业务，也容易被优化缩减成本。

那如何避免裁员呢，当然首先尽量别和以上特征重合，一些客观情况避免不了，但我们可以在第三点上主动“卷”一下，当然这个的前提是你还想在这家公司干。

还有一个方法是提前向公司告知降薪，这点可能很多人不理解，因为我们大部分人的收入都是随着跳槽越来越高的；但这些好处是否是受到前些年互联网过于热门的影响呢？

当然个人待遇是由市场决定的，现在互联网不可否认的降温了，如果你觉得各方面呆在这家公司都比出去再找一个更好，那这也不失为一个方法；除非你有信心能找到一个更好的，那就另说了。

未来计划

我觉得只要一家公司只要有裁员的风声传出来后，即便是没被裁，你也会处于焦虑之中；要想避免这种焦虑确实也很简单，只要有稳定的被动收入那就无所谓了。

这个确实也是说起来轻松做起来难，我最近也一直在思考能不能在工作之余做一些小的 side project，这话题就大了，只是我觉得我们程序员先天就有自己做一个产品的机会和能力，与其把生杀大权给别人，不如握在自己手里。

当然这里得提醒下，在国内的企业，大部分老板都认为签了合同你的 24 小时都是他的，所以这些业务项目最好是保持低调，同时不能影响到本职工作。

欢迎关注作者公众号于我交流🤗。

① 自动打断点（抛异常时自动断点）

偶然一次可能不小心打开某个设置选项，可能设置了英文又不知道是打开了什么，只知道当每次打开F11打开控制台调试看数据的时候，就是不会自动停在某个位置，又不知道怎么停掉，怀疑会不会是安装了什么谷歌插件或者是油猴哪个脚本代码写错写了什么。

不小心打钩了断点调试的遇到未捕获的异常时暂停，或者在遇到异常时暂停这两个选项其中一个。就有可能导致了谷歌的调试器暂停，取决于这个网站有没有一些异常触发到这一点，勾选上每次异常浏览器会帮我们打断点。

所以解决办法就是把谷歌浏览器中的这两个勾去掉，如果不是你本意打开想要调试网站中一些异常的报错。

② 一键重发请求（不用每次重新请求就刷新页面）

排查接口的时候，需要重新请求该接口，不必要每次重新刷新页面去请求试接口里面传参对不对返回来的数据对不对。重发请求很简单，右击该接口重发xhr即可。

③ 断点调试+debugger+console+try...catch

(1) console.log

找bug解决bug是很重要滴。console.log-输出某个变量值是非常非常常用的，只要做码农一定得会各种语言的输出消息和变量的语句，方便我们查看和调试。

(2) debugger（不用每次都console）

在代码某个语句后面或者前面输debugger

在我入行到在学校生涯那段时间都不知道debugger;这玩意，有一次项目有一个比较棘手不知道怎么解决的问题，甲方公司项目负责人开会重点讲了那个问题，就见他这里输一下dubugger，那里输一个debugger，当时就觉得那玩意很神（反正意识上只要我们不懂的东西刚开始接触都是这样，这里神那里神的，接触久了就觉的也就那样不过如此，很平常），最后也没看出什么来。

debugger就是在某个状态下，用这个debugger;语句在那里断一下点，然后当下，上下文的状态和值都可以在查看，哪个分支导致变量状态错误。

使用debugger可以查看:

• 作用域变量


• 函数参数


• 函数调用堆栈


• 代码整个执行过程（从哪一句到哪一句的）


• 如果是异步promise async...await 等这种的话就需要在then和catch里面debugger去调试

(3) try...catch 捕获异常

try {

    // 可能会抛出异常的代码

} catch {

    // 处理所有异常的代码

}

用try...catch捕获异常，包括运行时错误和自定义以及语法错误。

在try...catch中还可以在某些情况下用throw在代码中主动抛出异常。

try {

    // 可能会抛出异常的代码

    

    if (某某情况下) throw '某某错误提示信息'

    

} catch {

    // 处理所有异常的代码

} finally {

    // 结束处理用于清理操作

}

④ 联调查看接口数据

如上图这个接口，如果想要复制接口preview里面的数据，

除了去Responese里面去找我们需要的某个值去选择复制之外（这个有个缺点就是要找值不直观），还可以右击某个值，然后通过点击store object as global variable(存储为全局变量) 获取。

当我们点击了之后，控制台就会出现tempXX这个变量。

我们就只需要在控制台输入copy(temp3)copy(要复制的json名)，在粘贴板上就有这个json数据了。

💡
全局方法copy()在console里copy任何你能拿到的数据资源。

⑤ 后端接口数据返回json

这个有时候有的同学有可能碰到类似这种的JSON数据{\"name\":\"John\",\"address\":\"123 Main St, City\"}

解决方法

直接打开控制台console，输入 JSON.parse("{"name":"John","address":"123 Main St, City"}")，这样

如果你想复制下来用，直接跟上面我们用copy这好碰上，赋值加上一个copy就可以了。

这样这个值就在粘贴板上了。

总结

报错和bug，多多少少会贯穿我们的职业生涯中，如何定位问题、解决问题，加以调试，是我们必须也是不能不必备的技能。

☎️ 希望对大家有所帮助，如有错误，望不吝赐教，欢迎评论区留言互相学习。

封面图

学生时代的照片，想来已是十几年前的事情了

学生时代

从2009年9月开始读大学，当然也不是什么好大学，位于中原腹地的一所三流大学，所学专业是经济学中的《审计》。

上学的时候其实也不知道审计这个专业到底是做什么的，当时只是根据大学老师的讲述，大抵是可以到企业中做个会计师什么的，当然我们的专业课除了《审计》之外，《会计》《成本会计》《经济法》《税法》《财务管理》之类的都有。

学生时代对于我这种普通家庭的学生，大部分时候都是比较迷茫的，虽然每天都去上课，也很努力的去学习，识记老师讲课的内容，然后参加各种专业考试，会计证，助理会计师之类的考试，但是其实对于自己将来到底想要成为什么样的人，将来做什么样的工作，过怎样的生活，都没有一个完整的概念，只是随着日子一天一天的逝去，随波逐流而已，对于这种状态，我现在通常用一个词来概括：局限性。

局限性我给它的定义是：在个人所处的时代，环境以及个人认知水平有限的情况下，个人所能做事情的极限。简而言之，就是所有的事情都是命里注定的一个圈，超出了这个圈的范围，别的事情就做不了，这就是局限。

在这种局限下浑浑噩噩的度过了三年的时光，除了和班里同学一同度过这三年时光能够留下一些快乐的回忆之外。还有一件事情我觉得值得聊一下，就是我对英语比较感兴趣，这种兴趣表现在我喜欢在没课的时候去蹭英语系的外教课，喜欢听那个胖胖的外交讲课，有时候也到讲台上和他们一起做一些互动，讲一些英文，练习一下自己的口语。

等他们下课了，clay，那个外教的名字叫clay,是一个胖胖的60多岁的老头，我喜欢在他等班车的的时候跟他聊会儿天，内容我也记不得是什么了，大抵是些怎么学好英语之类的话，他也非常和蔼，只是说：dont warry，you need more pritice之类的，也有些是他在中国收养了很多孩子，住在大学路上什么的。

外语系的姑娘都很漂亮，当然，这可能也是我去蹭英语课的一个原因。

日子就这么一天一天的过去，上课，逃课，上课，逃课，逃课去蹭课。逃课出去玩，忽然有一天发现，自己马上就要毕业了，然后发现大家都开始准备找工作了，于是自己也开始准备简历，去人才市场，去各种招聘会～

那里能有什么好工作呢～

工作

好在是2012年的8月份吧，被一家单位录取了，名义上是做财务，其实是被派到外地做出纳去了，地址在东莞分理处。

彼时的想法是，好好工作两年，然后混个分理处的主管什么的，其实自己非常清楚自己本身也不适合做主管，好在分理处的同时都是年轻人，比较好相处。

于是在这里待了有一年多，分理处的其他人主要是做销售工作，基于工作性质的不稳定性，人员流失率很大，后来我就也离职了。

进京

从那里离职之后，去了四川的一家建筑单位，驻扎在项目部，职务是会计，主要工作内容是帮忙做些单位的内账，负责企业的报税及项目部的部分出纳工作。

彼时已经是2014年了，淘宝等线上购物平台已经非常流行了，听说当时的美工等工作也非常吃香，于是打算自学photoshop，将来转成美工，做些淘宝店铺的装修等工作。

可惜美工没有做成，恰逢建筑项目上需要进行融资，跟银行进行贷款，所以当时有一项工作是用photoshop伪造发票，将金额10万的发票，改成100万，甚至更大的金额。修改以后用打印机打印出来，公司用于向银行贷款等。

说是项目部，其实就是旁边就是工地，工地的生活非常艰苦，管理人员还好一些，一线工人每天干的都是体力活，确实挺辛苦的，于是到了2014年底，就提出了离职。

离职之后，辗转就到了北京。

到了北京之后，找了一个主要做供应链的单位，对接的是外企，职位名称忘了，主要负责回复一些英文文件，偶尔也需要通过电话和老外做些沟通，问他们要一些文件什么的。

幸运的是认识了一个做前端的同事。这时候是2015年，这个同事高中没毕业，做前端，薪资当时是12000，让我很是羡慕，有时候开玩笑跟我说你也转前端吧。

2015年，当时正是前端市场非常火的时候，移动互联网正在兴头上，于是下定决心开始学习前端，从最简单的html标签，css样式，Javascript开始，一点一点的去背，去学习相关的知识，也从简单的仿站开始练习，各种布局，样式属性之类的，写完了就拿给他看，虽然写的不怎么样～

就这么持续了大概有一年吧～

转前端

好在功夫不负有心人，2016年开始试着找一些前端相关的工作，最终还是找到了一份工作，那时候还没有现在的各种框架。

记得第一份前端工作的项目是一个javaweb的项目，然后还有一个用appcan做的混合开发的移动端项目。

就这样从看别人的代码，到自己写一些代码，从纯粹的前端三剑客html+css+js,慢慢的写到了前端三大框架vue+react+ng 。

转眼间从事前端工作也这么些年了，越写越觉得自己对前端的兴趣越浓，因为它有很多新的东西，虽然我不一定每个知识点都能弄的明白，但是当你思考时，那种沉浸其中的感觉是妙不可言的。

我也感谢这个行业，虽然它不能让我大富大贵，但是它起码做到了这些年让我衣食无忧。

最后

单纯的从技术方向出发，前端的方向很多，web，小程序，客户端，移动端，每个领域都有很多值得探索的东西。

虽然我不是科班出身，但是在这些年的学习和探索中，它教会了我很多东西。

最后更多的想说的可能只有两个字：感谢。

感谢那些帮助过我的人；

感谢那些年遇到的苦难；

也感谢自己的坚持～

希望每个人在自己的人生中都能得偿所愿～

谢谢～

最近遇到一个问题，计算滚动距离，滚动比例达到某界定值时，显示mask，很常见吧^ _ ^

这里讲的不是这个需求的实现，是其中遇到了一个比较有意思的bug，靠这个bug才达到了正确效果，以及这个bug是如何暴露的（很重要）。

下面是演示代码和动图

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <style>

        .container {

            width: 300px;

            max-height: 300px;

            background-color: black;

            position: absolute;

            top: 60px;

            left: 50%;

            transform: translateX(-50%);

            overflow-y: auto;

        }

        .child {

            width: 260px;

            height: 600px;

            margin: 0px 20px;

            background-color: pink;

            position: relative;

        }

        .flag {

            position: absolute;

            width: 100%;

            height: 25px;

            background-color: blueviolet;

            color: aliceblue;

            text-align: center;

            line-height: 25px;

            font-size: 14px;

            left: 0;

            right: 0;

        }

        .top {

            top: 0;

        }

        .bottom {

            bottom: 0px;

        }

    </style>

</head>



<body>

    <div class="container">

        <div class="child">

            <div class="flag top">top</div>

            <div class="flag bottom">bottom</div>

        </div>

    </div>

</body>

</html>

开始计算啦，公式：滚动比例 = 滚动距离 / 可滚动距离

滚动距离: $0.scrollTop

可滚动距离: $0.scrollHeight - $0.offsetHeight

即：scrollRatio = scrollTop / (scrollHeight - offsetHeight)

滚动到底部，计算结果是 300 / (600 - 300) = 1

我们需要拿scrollRatio和某界定值（比如0.1）作大小的比较，计算是true还是false（用isShow = scrollRatio < 某界定值来保存）。

这里一切正常。

不正常的情况出现了

就是没有出现滚动条的情况，即.child的高度没有超过.container的高度时，把.child的高度设成.container的max-height，就没有滚动条了（下面讲的情景也都是没有滚动条的情况）。

这个时候再去计算，得到了NaN，以至于 NaN < 0.1 = false。

因为isShow的预期就是false，所以一直都没有发现这个bug。

那么它是如何暴露的呢？

后来新的需求给.container加了border。演示一下加border，然后再去计算：

发现没，这时候$0.offsetHeight的高度把border的高度也算进去了，结果就成了true，这不是想要的结果 ❌。

然后就是一番查验

offsetHeight是一个元素的总高度，包括可见内容的高度、内边距（padding）、滚动条的高度（如果存在）以及边框（border）的高度。

而我们这里只需要可见的高度，就可以用到另一个属性了clientHeight。

clientHeight是指元素的可见内容区域的高度，不包括滚动条的高度和边框的高度。它仅包括元素的内部空间，即内容加上内边距。

当然这也只是继续使除数为0，然后得到结果为NaN，不过bug已经暴露出来了，后面就是一些其他的优化啦～

总结 + 复习（盒模型 box-sizing）

发现没有，offsetHeight和clientHeight的区别，就像盒模型中的标准盒模型和怪异盒模型的区别:

box-sizing: content-box(默认，标准盒模型)：宽度和高度的计算值都 不包含 内容的边框（border）和内边距（padding）。添加padding和border时， 会 使整个div的宽高变大。

box-sizing: border-box（怪异盒模型）：宽度和高度的计算值都 包含 内容的边框（border）和内边距（padding）。添加padding和border时， 不会 使整个div的宽高变大。

这样讲是不是加深一下对这两种属性的印象

^ - ^

在此之前我是自由职业者，满打满算一年空窗期，在被动收入不稳定，心想还是需要一份收入来维持日常生活开销，再去考虑打造自己的额外收入。

前前后后从准备到上岸历时一个半月，今天从三个方面分享这个过程我做了什么？

心态

做事情之前，心态很重要，我遇事很少否定自己，在我看来，别人可以做到的，自己也可以，虽然一年空窗，基本上不接触技术，写代码量远不如以前，但又不是要上天或者造原子弹，取决于谁执行力强，谁付出的时间多，仅此而已。

换作以前，相信大部分的同学去找半个月都可以入职自己期望的岗位，看了一下网上的情绪，行情在这个环境下的确蛮消极的，很多人找了几个月都没有上岸的，当然我自己也有感受到，简历丢出去之后没有声音，并且在各大招聘网站上坑位也减少了，相比两三年前如日中天的行情，难免会有这类情绪。

但我没有那么焦虑，为什么呢？其一是我心态比较好，其二是跟我的定位有关。

定位

第一个是我要找的岗位定位为中高级开发，而这类人在市场上来看一直都是稀缺资源，其他行业也如此。

第二个是薪酬范围定位在20k-25k范围，给不到我会觉得工作没劲，累点没关系，主要还是相信自己可以胜任。

第三个是前期投几个低于期望值的试试水，了解一下目前行情顺便找找感觉。

所以，接下来我只需要把目标定位在寻找中高级开发岗位即可，完善自己达到这个能力要求，下面是行动计划，细看下来你会发现这又是个PDCA。

计划

我把计划分为这几个模块：

1. 简历优化

我一开始是不会写简历的，因为中间没有跳过槽，也没定时更新，所以就随便拿了以前的模板改了改时间和项目就开始投了，简历回复少不说，即使有机会面试了也没有把简历提到的讲清楚，结果可想而知。

后面想想不行，虽然没写过，但是我会看简历啊，之前带团队有时候一天要看上百份简历，大概知道面试官青睐哪些人才，优化之后断断续续才有面试。

其次是我在面试过程结束时问面试官哪些地方还需要提升的，不少也会反馈简历问题，诸如：

• 管理工作内容太笼统了，看不出具体做了什么


• 没有说清楚空窗期做了什么


• 没有体现出你在项目中做了什么


• ......

知道自己问题之后，前后迭代了大概十几个版本，越到后面的质量越高，直至我入职之后，还有一个目标企业发来邀请。

2. 技能要求

前端领域涉及到这么多技能，需要有方向进行准备，分享一下我是如何分类：

基础：

• 前端三大件：HTML、CSS、JS


• 主流框架：Vue2/Vue3、React


• 状态管理：Vuex、redux、mobox


• 构建工具：webpack、Vue-cli、Vite、gulp


• 前端安全：xss、csrf、cors 常见问题和防御措施

进阶：

• JS运行机制、事件轮询机制、浏览器运行原理


• 前端性能监控、前端异常监控如何做？


• 前端工程化体系包含哪些


• 前端性能优化手段：页面性能、构建性能、代码性能


• Vue、React核心原理


• 基础算法数据结构


• Http协议

面对上面的技术基础类，主要是刷官方文档+常见面试题，这些更多是概念性的东西，在这里就不多说了，相信大家手上多少都有八股文资料，如果没有可以私信我。

而面对进阶类，首先总结自己项目中用到了哪些，吃透它。其次，面对不太熟悉的板块如HTTP网络，我会通过专栏学习或者一些讲得好的课程来弥补。

除了上面的方法，还有一种我常用的技巧来覆盖知识盲区，就是下面要说的模拟面试，几乎适用于任何技能面试。

3. 模拟面试

这里要说的模拟面试并不是找一些大佬一对一模拟训练，而是换位思考（当然能够模拟面试效果更好啦~）。

即把自己想象成面试官，在考察某一个知识点的时候，你会问自己什么问题呢？

举2个栗子🌰

对于用Vue的同学，我会问：

• vue diff 与 react diff有什么区别？


• 为什么v-for中建议带:key，有什么情况下是可以不带的？


• 写过组件或者插件吗，有什么注意点？


• vue-router原理是什么

结合一些热门的话题，我会问：

• vue2与vue3对比，你觉得主要区别是什么？


• vue2与vue3在性能优化做了什么？两者的构建产物有什么区别？


• 如果你去学vue3，你会从哪里开始，怎么学？

除了以上我给自己虚构的问题之外，还有诸如vue生命周期啊、组件通信啊等等基础肯定是要会的，我会刷文档或虚构题目，这些比较简单，搞懂就行了。

对于设计模式，我也问了自己几个问题：

• 你知道的设计模式有哪些，知道他们的应用场景吗（解决了什么问题）？


• 在工作中用到的设计模式有哪些？说说它们的优劣势


• Vue中用了哪些设计模式?


• 观察者和发布订阅有什么不同？

基本上这个薪酬范围的设计模式，搞懂了以上问题大差不差。

再来说说这种方式有什么优势？

首先，问题是通过我们自身思考提出并主动寻求解决的，这本身已经存在闭环了，有利于我们理解一个知识点。其次，我们思考提出某个问题，意味着大脑🧠的神经元网络中有存在某些游离神经节点，它没有被连接到一起，随着提出并解决的问题越多，连接起来的网络就越大，这就形成了所谓的知识网络，相比没有目的刷题，它的持久性更强，更能抗遗忘。

总结

结束之前，再分享面试过程中的一个小插曲，当时面了一家小企业，终面的时候面试官问我期望薪酬，就报了18k，但是面试官说给不到，17k考不考虑？我当时没有回绝，就说回去考虑一下。

回去考虑一番之后，我根据当时岗位给到的薪资范围，加上当时家里事情比较多，想先稳定下来再考虑其他的，打算接了这个offer准备上班，突然闹了个乌龙，HR说老板那边重新定了价，只能给到16k，我说还能这么操作？这不明摆着欺负老实人嘛？

想了想如果接了这个offer，岂不是比之前离职时更低，更别说对比以前的同事了。心里忍不下这口气，以至于那两周，每天都撸到一点钟，功夫不负有心人，最后顺利上岸了！

分享几点个人觉得比较关键的：

• 永远相信自己，心态很重要，不仅仅面试，它贯穿人的一生


• 简历真实，不玩心思，例如空窗期这种，如实说明


• 吃透简历内容，不留疑点


• 面试过程中不着急回答问题，可以先澄清问题动机，不要为了回答而拼凑答案


• 前面几次不通过没关系，但一次要比一次好

以至于如何备战高级开发，等我升级了再来分享~

最后，祝愿所有航海者都能够顺利靠岸！！！

注：由于最近比较多朋友私信我咨询简历优化建议或者八股文，可以加我的微信followJavaScript，丢简历过来即可，备注“掘金”。

把两个月前 钱江边的聚会小酌 成功移到余杭塘河。三巡五味后，一行三人在偌大的校园走着聊着。在滨江某知名支付公司的测试经理，感叹管理层间人浮于事站队排位;在阿里的前端程序员，困顿于今年未能升P竞争压力山大。而我，定位为服务端却在走全栈路线，也在纠结更换技术栈，看不清寻不到一个更满意充满想象力的未来。

似乎吐槽和患得患失，多过幸福和豪气干云。而回想这一切刚开始时的忐忑不安踌躇满志，绝没想到，会在一个雨过方晴的深夜，有这样一番对话。

4年前的今天，我离开家乡，从济南坐上一节南下的橙皮车。当慢慢悠悠走过十余个小时，从微山湖夕阳落下到寒山寺晨钟响彻，我来到了曾一见倾心风云际会的魔都，一只怯怯什么也不会的菜鸟，正式开启了必将色彩斑斓的职业生涯。

此前几天，第一次用58找房，还不知有那么多套路。我发了100多条短信，大多如泥牛入海不见回声。偶有的几条，也是中介答复:“便宜的前几天租出去了，还有套价格贵一些的”。我终在豆瓣小组，在车来到济宁时收到了这条回复。满是欣喜打开，充满失望关闭。

此前几个月，我放弃割舍许多，不曾随我的相当多数同学，去那几家中字头央企，也不曾青眼相向，可以一辈子安稳无虞的公务员事业编，而选择了一家未曾听闻的“互联网”公司。我知道，当我听到这三个字，郁结于胸口怏怏不乐的大石顿被粉碎，我知道，我的第一家公司，不会再有其他。然而回宿舍后我做的第一件事，是查证这家公司是否为诈骗组织皮包公司。我也在暗暗忧心，空有一腔热爱，就真能做得好吗？兴趣真的可以打败科班无视专业？

我在仙霞路工程技术大学的国家级创业园，度过了终生难忘的两年，也完美回答了上面的疑惑。又在两年前魔都落户安家周折太巨，选择如候鸟，随潮离沪来杭。

四年里，我以平均一年一家的频率，换过四家公司，薪资较最初翻转500%。四年前，创新创业之风荡涤全国，o2o风云乍起，p2p方兴未艾。而今，内外部趋势交织，猪从风口跌落，独角沦为毒角。我也面临职业和薪资门卡:我是否还能心平静气在一家单位多呆几年，沉淀而不颓废？我如何还能保持在基数较大的情况下，使薪资以较高速率增长？我有哪些要学哪些要放，我要走哪条职业路线？…

实在有太多要学，我给自己的目标是:除去工作所用，还要试图从数学和物理角度，理解背后机理;要紧跟潮流，对新出现的技术和事物保有热切好奇;要外语足够优秀，能无障碍阅读英语文档。…

从没想过，有一天“学习”也会成为甜蜜负担。但我清楚，并不是所有的职业，所有的从业者，都有我们这样可以不断学习不断提高，如果愿意可以练就一身本事的机会。我会在无边学海中偶尔迷失，但却清楚，一样技能可以一陈不变从生到死，那会让我因无成就感和提高的满足而生不如死。

我的感触是，从毕业到30岁，真的太短太短了。只有夜以继日只有目不见睫。几年里，太多的熬夜让我皮肤不复当年紧致滑腻，太多的久坐让我发福增重，或许还有双眼疲劳颈椎酸痛。…我会注意保重，但当解决一个问题，当当搞懂一样东西，那种感觉，像一个木匠做出一件工艺品，抖落浑身木屑站起时的满足。所有的疲乏，所有的周折劳累，都将烟消云散。

回瞰这几年，我总会在他们看不见的地方，感谢B哥L哥H哥，但我还想感谢并告诫自己:我很勇敢，也因而幸运，在一个几百年不遇的信息时代，如果我还因循守旧患得患失，畏葸不前混吃等死，那既是对自己得辜负，也是对时代得辜负。

自我介绍

我的家乡是浙江-宁波-余姚，是一名就读于一所位于宁波-慈溪（学校：笑死，这就我一所大学，你直接报我名字得了）的双非独立学院的软件工程专业的23年应届生，7到10月有在南京实习，现在是孤身一人在杭州实习的社恐前端实习生，前端练习时长一年半，擅长唱、跳、rap... 还只擅长Vue的渣渣前端程序猿，有兴趣可以关注我的公众号程序猿青空，23年开始我会时不时分享各种优秀文章、学习资源、学习课程，探索初期，还请多多关照。这篇文章会是我公众号的第一篇文章，主要对我这一年来的经历做一个简单的流水账总结，涉及到恋爱、租房、学习、工作等各方面内容，希望这份经验对你也能有所帮助。

学习

大二下半年的时候分流，自主报名到了我们学校的产业学院——企业和学校联合创办的培养应用型人才的学院。我文科相当薄弱，埋头考研会相当痛苦，也很清楚自己做不来官僚主义那一套，公职也不是适合我的职业（没错我对公职有偏见），很坚定就业这条路。因为还没有毕业，我的身份归根结底就是一个双非下流本科的一名大学生，为了避免自己毕业即失业，看当时产业学院的宣传也不错就去了。

事实上因为产业学院刚创办不久，而且并不是所有人来到这里都是为了就业的，也有可能是为了学分、助学金等其他方面的原因，课程设计、师资力量、同学质量等各方面都良莠不齐、鱼龙混杂。每门课程的期末大作业基本都是一个小项目，大三一年里两个期末都有为了大作业通宵的几天，再加上1500💰凑活过的生活费，死贵的电费和食堂伙食费，在这里学习和生活有时候还蛮辛苦的。好在我很清楚自己应该做什么，天赋不够，努力来凑，本来起跑线就低，更应该比别人卷一点。当然我也不是那种能够没日没夜卷的人（👀），关注了鱼皮，加入了他的知识星球，在星球天天学习健身（没错我还健身💪）打卡的flag没两个礼拜就立不住了，知识付费的事咱也没少干，就是说能一直坚持下来的着实不多，咱也明白咱就是个普通人，逆袭这种事确实还是很难做到的，我这人还是比较佛系的。

大三这一年我用一年的时间从零学前端，自认为还算是没有辜负自己，这一年时间的学习也还算有成果，虽然没法和卷王们争第一，也能跟在他们后面做个万年老二（😭呜呜呜）。下半年开始实习后更别说了，新的技术栈的学习基本就停滞了。实习前我还天真的以为能有更多的时间学习，正相反，比在学校学的更少，因为下班到家七八点，生活琐事会比在学校里多得多，而且我下班后还要花一个多钟头健身，再加上忙碌一天后更无心学习，只想躺平。

下半年做过的最卷的事也就参与了字节青训营，课题选择了前端监控平台，可惜的就是没能在青训营期间完成（😭呜呜呜，队友都摆烂了），当然也就没有结营证书。但我也不甘心就这样算罢，这个项目我就自己拉出来，作为我的毕业设计去完成它。解决实习期间学习效率低的最好办法就是在公司学习一些对公司业务有关或者优化公司项目的知识，名正言顺地摸鱼。我是Vue入门的，这一年里也一直守着Vue，来年第一季度目标就是学习React和Nest，开发一个自己的数据聚合的网站，能变现就最好了（😎欸嘿）。

生活&实习

大三下，也就是今年上半年，为了冲刺暑期实习，也就没去做兼职了，感叹本就艰难的生活的同时，殊不知这是为数不多还能自己自由掌控的日子了（😥我哭死）。其实我开始准备实习还是挺晚了，再加上期末没有太多时间，准备并不是太充分，没有太多自信心，投了几家大厂，不是没回应，就是笔试挂，就有点望而却步。

在我一个大佬同学的介绍下，面试了一家南京的小厂，过程很顺利，实习薪资给的也很可观，当时就没考虑那么多，就选择接受offer了（后来在杭州实习认识了几个小伙伴，才学了没几个月，暑假就面试进了独角兽企业，我那个时候确实应该再多投一投的）。刚开始的想法是第一次出门实习，有份经验就可以，在什么城市没关系，然而事实是工作上确实没什么关系，生活上关系可大了。7月13日第一次一个人拎上行李，义无反顾地去了南京，以为自己终于能够大展拳脚，再不济也能够在公司有所贡献，然而现实总是没那么理想。

因为一个人前往外地工作，第一件事情便是租房，为了省点钱就托南京实习公司的一个同事看房子，因为他的房租到期也要找房子就顺便可以租在一起，有个照应。然而实际上因为是第一次出远门工作和生活，一切和自己的理想差距显然大了许多：因为不是自己实地看的房，而且也是第一次租房，虽然房租只有850💰，但是也可能因为是夏季大家都开空调，差不多50多💰一个礼拜的电费和其他乱七八糟的费用，一个月光租房子就差不多得1200💰，并不算贵，但是性价比极低；我的房间没地方晒衣服，只能晒在那个同事的房间的阳台，作为一个社恐患者，每次去都要做很多心理斗争（他会不会睡了，他会不会在忙....🙃）；桌上只能堪堪放下我的显示器和笔记本，鼠标活动范围极小；床应该是睡过好几个租客了，明显的不舒服；吃的方面因为有点水土不服不能随便乱吃，同时也是为了省钱所以选择自己做饭，因此还得购置很多厨具调味品等等，一次性的开销💰不小；回学校的频率比我想象的高，因此来回车费也成为一大负担；当时租房合同是同事代签的，他签了一年，我那时候也不懂也没问，再加上当时换工作离开的比较急，没时间找转租，违约金直接血亏1700💰。

生活的种种问题都还能接受或者解决，然而工作方面，因为进入公司的时间段比较特殊再加上疫情影响，在南京实习的三个月里，我始终没有能够在技术上得到足够的提升，再加上与公司和领导的气场不合，使得我在公司整天如坐针毡，甚至有点无所事事（总之就是过的很不开心），虽然有不低的实习薪资，但是我始终没法在那里躺平。因此在中秋决定参与秋招，开始寻找第二份实习工作。

然而今年找工作并不简单，因为频繁发作的疫情，再加上互联网行业这些年的发展，行业的形势非常的严峻，各大公司都削减了HC（head count，人头数，就是最终录用的人数，肯定有小伙伴不懂这个词，我一开始就不懂🤏），作为一个民本23年应届生，在今年的秋招着实很难找到一份理想的工作。那段时间的想法就是尽快找到下一份工作（急急急急急急，我是急急国王），找到一份离家近、工资高、平台大至少满足两个的工作。从9月10日中秋就开始投出第一份简历，到10月19日确定来到杭州的一家四五百人的SaaS公司，这期间投出过几百份简历，得到的回应却寥寥无几，这是一段非常难忘的经历。

这一个月里每一天都在为找工作烦恼，一开始专注于线上面试，却始终的得不到理想工作的认可，持续的碰壁使得开始怀疑自己这些年的学习，自己的选择是不是错了，是不是自己能力确实没法满足他们的要求（被ktv了），后来也决定不放过线下面试的机会，顶着疫情在南京、杭州、家、学校几地频繁奔波，在杭州线下面试的那一天还是顶着自己身体上的各种不适（持续拉肚子，全身酸痛，萎靡不振），仍然要拿出饱满的精神去面对面试，好在当时就获得了面试官也是现在的leader的认可，简直就是久旱逢甘霖，虽然并不是直接发的offer，但是也是十分有信心。杭州比起南京的工作，实习薪资低了很多，但是因为线下面试，对于当时感受到的公司的氛围十分的心动，也就放弃了其他小公司更高薪资的offer，决定了自己的第二份实习工作。

换工作又是换城市，所以又需要租房搬家，购置各种必需品，又是一大笔开销，在还没进公司前始终在担忧自己先择了薪资更低的工作，到时候会不会付出了这么多，结果又远不如预期让自己更痛苦。不过在经过了一个月左右实习后，我在杭州的公司工作的感受让我相信自己的选择没有错。

10月23日我再一次拖着一大堆行李开始了迁徙，本来打算先简单看房子，先回家住几天再自驾，拖着行李回来看房子签合同，所以我把被子等一些大件的行李都寄回家了，但是这次进入杭州后就黄🐎了（之前几地来回跑黄都没黄一下），只能多看几套房子然后就签下来，好在当天就看到一个自己满意的，10几平，押一付一，一个月算上水电差不多也就1300💰，不至于睡大街，但是我没有被子，当时杭州刚开始降温，温度也就个位数，但是买被子太亏了，之后用不上，就买了床毛毯，多盖几件衣服，凑活过了两天（真的凑活，冷的雅痞）。

11月1日正式入职，正式开启了在杭州的工作生活，有条不紊的入职手续，时长1周的实习生培训，认识了许多和我一起实习的小伙伴，刚进来还赶上公司的双十一活动，让我对未来的工作生活充满希望。

第一月开始接触了一些简单的业务，重新开始了健身，第二个月就参与开发了一个简单的项目，还封装了公共组件、开发了简单的提高开发效率的脚手架工具，我终于能够继续有条不紊运转了。

在南京实习的期间除了参加了字节青训营和准备面试而巩固基础外，专业上可以说是没有丝毫提升，不过生活经验确实收获满满，坚定了自己的目标，职业生涯规划更加清晰，为了达到目标去学会自律。这几个月的开销给自己和父母都增添了不小得负担，好在现在稳定下来勉强能够在杭州自给自足，生活重新步入正轨，比起在南京，杭州的生活更加得心应手。但是并不是说南京不好，南京是一个非常优雅的城市，这里有他躺在超市里超乖的猫猫，超治愈

离开南京前我也花时间去好好游玩了两天（去了一些免费的博物馆，景点）。

比起杭州，我认为南京更适合生活，我只是去到了一个不适合我的公司和因为经验不足吃了不少亏才离开了这个城市。我很珍惜在杭州的这份工作，也非常享受现在忙碌充实的生活，我也希望自己的能力能够不断得到认可，继续探索自己的人生价值。

感情

呜呜呜，鼠鼠该死啊，鼠鼠长了个恋爱脑，但是好在现在穷的雅痞，我还社恐，可以心无旁骛地工作学习（搞💰）。出来实习没几个礼拜就跟在一起一年的女孩子分手了，其实在上半年因为我们对未来规划的分歧就吵过架，她想留在慈溪，而我更向往大城市（当然不止这一点原因啦），那个时候我就很清楚这段感情肯定没法坚持很久，下半年又异地，在各自的城市实习，天天吵架，自然而然就吵分了，累觉不爱。我深知自己不是啥好男人（男人没一个好东西），还没有资本，毕业前绝对要水泥封心（做杭州第一深情）。

其实我家离学校很近，但是从念大学开始还是很少回家了，在学校里没有什么感觉，直到独自出门在外工作才知道在家真好，爸爸妈妈真好（我是妈宝男，呜呜呜😭），看这篇文章的小伙伴不要再随便跟爸爸妈妈撒气了哦。家里的老人只剩下奶奶独自在乡下了，以后一定要多打电话。

展望

在未来的一年中，希望自己能够吸收已经犯过的错误的经验，保质保量地完成未来的各项工作，作为一名程序员最重要的最重要的就是自我驱动，持续学习，通过不断学习才能够在未来的工作中创造更多的价值，以下是我23年的一些计划

学习

• 这个月先抓紧时间把自己的毕设解决，写复盘的分享博客，之后顺利毕业


• 上半年学习React，Nest，开发一个数据聚合分享平台，同样做分享


• 运营自己的博客和各平台账号，不说多少粉丝，能坚持不凉就行，争取每周一个博客


• 每季至少阅读一本书，学习一个技术栈


• 坚持自己的每日计划和每月复盘总结（包含年中和年终总结）

工作

• 因为现在常态化了，不知道今年的就业形势会是什么样的，着实不想再像去年那样被支配了，所以还是希望得到自己满意的薪资的前提下在这里转正，但愿不要出什么幺蛾子吧


• 继续卷进部门更深层业务，目标负责6个项目


• 学习更多优化开发效率和质量的技术栈，明年就简单定个两个的目标吧，要求不高

生活

• 我真的超级想买机车的，但是杭州主城区禁摩，所以先23年下半年花时间考个D照，看情况决定买个机车还是电驴


• 3月份房租到期了，看房肯定又要放进日程了，看看到时候有没有合租的小伙伴吧，如果有人有兴趣到时候可以分享一下杭州租房经验


• 健身肯定是要继续的，有一说一我肉体确实没啥天赋（也可能是吃得不够多），健身更多的是一种生活态度吧


• 我是一个很不喜欢打电话的人，尤其是和长辈，感觉没话聊，但是老人家接到自己孩子的电话，知道孩子过得不错，真的会很开心。明年定个小目标，一个月给奶奶打一通电话。

2022年好像所有人都过的很艰难，或许所有人都想离开浪浪山，但是也不要忘记看看浪浪山的风景，让我们一起加油吧。最后再打个广告，关注公众号程序猿青空，免费领取191本计算机领域黑皮书电子书，更有集赞活动免费挑选精品课程（各个领域的都有），不定期分享各种优秀文章、学习资源、学习课程，能在未来（因为现在还没啥东西）享受更多福利。

我是一个容易焦虑的人，工作时候想着跳槽，辞职休息时候想着工作，休息久了又觉得自己每天在虚度光阴毫无意义，似乎陷入了一个自我怀疑自我焦虑的死循环了。我想我该做的点什么去跳出这个循环。。。

自我叙述

我相信，每个人都有一个自命不凡的梦，总觉得自己应该和别人不一样，我不可能如此普通，自己的一生不应该泯然众生，平凡平庸的度过。尤其是干我们it这一行业的，都有一个自己的程序员梦，梦想着，真的能够用 “代码改变世界”

入行回顾

你们还记得自己是什么时候，入行it行业的吗

我今年已经28岁了，想起来入行，还挺久远的，应该是2016入行的，我也算是半路出家的，中间有过武术梦 歌唱梦 但是电脑什么上学那会就喜欢玩，当然是指游戏，

武术梦

来讲讲我得第一个·梦，武术梦，可能是从小受到武打演员动作电视剧的影响，尤其那个时候，成龙大哥的电影，一直再放，我觉得学武术是很酷的一件事情，尤其那会上小学，还是初中我的体育还是非常好的，

然后我们家那个时候电视还是黑白的，电视机。哈哈哈😀电视台就那么几个，放来放去，有一个台一直重复放成龙电影，还有广告， 都是 学武术就到 xxxx学校， 我被洗脑了吧

于是真的让我爸，打电话质询了一下，可是好像他们这种武术学校都是托管式的，封闭式学习，听说很苦，，，，当然这不是重点，重点每年学费非常的贵，en~，于是乎我的这个梦想终止了，。。

歌唱梦

为啥会有唱歌想法，你猜对了，是被那个时候的好声音给影响了，那个时候好声音是真的很火，看的时候我一度以为我也可以上好声音，去当歌手然后出道，当明星，什么的。

不过不经历打击，怎么会知道自己的下线在哪里呢

我小学换了两到三个学校，到初中，再到高中，你们还记得自己读高中那会吗，高中是有专业选择的，入学军训完以后。

我们代班主任，和我们说有三个专业方向可以选择，艺术类，分美术，和唱歌，然后是文化类，然后艺术类就业考大学分数会低很多，然后一系列原因，哈哈哈，我就选择了歌唱班。

我最好伙伴他选择了，美术类就是素描。这里我挺后悔没有选择 美术类。

到了歌唱班，第一课就是到专业课有钢琴的教室，老是要测试每个同学的，音色和音高，音域
然后各自上台表演自己的拿手的一首歌，。我当时测试时候就是跟着老师的弹的钢琴键瞎唱，

表演的歌曲是张雨生《大海》 也就唱了高潮那么几句。。 😀现在想起来还很羞耻，那是我第一次在那么多人面前唱歌，

后面开始上课老师说我当时分班时候音色什么还不错，但学到后面，我是音准不太行，我发现。再加上我自己的从小感觉好像有点自卑敏感人格，到现在把，我唱歌，就越来越差，

当然我们也有乐理。和钢琴课，我就想主助攻乐理和钢琴，

但是我很天真

乐理很难学习，都是文科知识需要背诵，但是他也要有视唱，也就是唱谱子，duo，re，mi，fa，suo，la，xi，duo。。等，我发现我也学不进去

后面我又开始去学钢琴，但是钢琴好像需要一定童子功，不然可能很难学出来，于是我每天早上6点钟起来，晚上吃完饭就去钢琴教师抢占位置， 还得把门堵着怕人笑话，打扰我，

结果你们也猜到了，音乐方面天赋很重要，然后就是性格上面表演上面，要放得开，可是我第一年勉强撑过去了，后面第二年，专业课越来越多了，我感觉我越来越自卑~，然后成绩就越来越差，老师也就没太重视，嗯~好不容撑到了第二年下半年，放暑假，

但是老师布置任务暑假要自己去外面练钢琴，来了之后要考试，我还花钱去外面上了声乐课和钢琴课，哎，我感觉就是浪费钱，，，，，因为没什么效果，性格缺陷加上天赋不行，基本没效果，那段时间我也很痛苦的，因为越来越感觉根本容入不进去班级体，尤其是后面高二，了专业课很多大部分是前面老师带着发生开嗓，后面自由练习，我也不好意思，不想练习，所以
到后面，高二下学习我就转学了，，，，

当然我们班转学的，不止我一个，还有一个转学的 和我一个寝室的，他是因为音高上不去，转到了文科班， 还有一个是挺有天赋，我挺羡慕的，但是人家挺喜欢学习，不喜欢唱歌什么，就申请转到了，文科班。 不过她转到文科班，没多久也不太好，后面好像退学了，，我一直想打听他的消息，都在也没打听到了

玩电脑

我对电脑的组装非常感兴趣，喜欢研究电脑系统怎么装，笔记本拆装，台式机拆装，我会拿我自己的的笔记本来做实验，自己给自己配台式机，自己给自己笔记本增加配置，哈哈哈哈。对这些都爱不释手。

这还是我很早时候，自己一点一点比价，然后去那种太平洋电脑城，电脑一条街，那种地去找人配置的。想想那时候配置这个电脑还挺激动，这是人生的第一台自己全部从零开始组装配的电脑，