来到字节跳动实习的四个月,我学到了些什么?
从1月22日入职起计算,不知不觉间,我已经作为一名前端实习生在字节跳动实习了四个半月。迫于深圳疫情以及学校学业压力,请了三周的实习生长假返校。 期间有诸多体会和一些零碎的思考,一直没有太多时间记录(其实还是我懒🤣🤣🤣)。 长假在此,借此机会整理下自己的一些琐碎的思考。 整体体验 生活体验,其他的帖子说的已经够多了,包括三餐加无限零食和下午茶。 硬件…
我的2020技术总结和学习回顾
老早以前就想着要写一篇2020的年度总结了,奈何虽是元旦佳节,期末,实训,实习面试加身,终未能得闲。 所幸一切都快划上了句号,总算能暂时喘口气了。有很多话想说,就慢一点点地讲吧。 技术部分如下,生活部份和其他八卦闲鱼就暂时不贴了(想看就联系我hhh)。 技术学习 回顾2020这一年,可能最大的收获就是在这个方面吧。 学习Linux 2020/1/1…
实现一个异步并发调度器
笔者字节一面的时候遇到了下面这个面试题: //支持并发的调度器, 最多允许2两任务进行处理 const scheduler = new Scheduler(2) scheduler.addTask(1, '1’); // 1s后输出’1' scheduler.addTask(2, '2’); // 2s后输出’2' scheduler.addTas…
【普及向】给学妹讲讲什么是web安全
一、从“Web安全”关键词讲起 web安全,从语法上判断,这是一个合成词。 web——万维网,是一个透过互联网访问的,由许多互相链接的超文本组成的系统,也是互联网的基石。 安全——可以控制特定已被识别的危害,使风险在一定可接受的水准以下,因此也可以减少一些造成健康或经济损失的可能性。 二、聊聊浏览器及其安全攻防策略 2.1 同源协议 同源策略是由N…
【练习小demo】使用React+TS实现一个拖动换位置效果(同时应用节流)
本练习demo旨在练习ts的使用,同时熟悉drag相关的事件 1.思路分析 mouse拖拽事件,通常有三个非常重要的过程:onMouseDown(鼠标按下) onMouseMove(鼠标拖动) onMouseUp(鼠标松开),通常我们在使用mouse拖拽这一事件的过程中,大概就是在这三个事件中进行相应的处理 我们最终要实现的demo效果,就是在鼠标…
【js手写】防抖和节流函数
防抖和节流 1.防抖 1.1 防抖的概念 防抖:当某个事件触发的频率过高时,为了避免不必要的性能开销,我们规定这个事件触发后,需要等待一段时间再执行其绑定的逻辑代码,如果在这一段时间内,该事件没有再次触发,就执行这个事件对应的逻辑,否则就重新进行计时等待,确保该事件不被过于频繁的触发。 比如我们为鼠标的移动绑定一个事件,显然这个事件会被过于频繁的触…
《人人都是产品经理》 读后感
《人人都是产品经理》 读后感 ​ 武汉近来的天气真是糟糕透顶,阴雨绵绵。难得上天垂怜,得见久违的晴空。心情也如天空一样秋高气爽。难得的见到阳光的午后,我独自坐在图书馆里,带上耳机,放上一首轻音乐,随着旋律,翻开了这本书的第一页。 ​ 读到这本书,原本只是软件需求课程老师的安排和推荐,毕竟课后作业压身,不得不做。但是在翻开书后,我却没有想象之中的抗拒…
【js系列】如何手写一个call,apply以及bind
如何手写一个call,apply以及bind 首先我们对于call,apply以及bind三个函数的区别已经做了分析,具体请查看前文 函数 参数形式 返回值 call 第一个参数为this要指向的对象,后面的参数同函数保持一致即可。 立即执行,返回值即函数返回值。 apply 第一个参数为this要指向的对象,第二个参数为组织成数组形式的函数参数列…
【JS系列】如何模拟实现一个new效果
如何模拟实现一个new效果 对于一个new,它做了如下四件事情 new主要做了以下四件事情* 创建一个新对象 将该对象的__proto__挂载到函数的prototype属性上 将函数的this指针绑定到该对象上 执行函数 如果函数返回值不是一个引用类型 那就返回这个新对象 否则返回函数自身的返回值 function newFactory(func,…
【js系列】this的四种指向和三种改变方法
this的四种指向和三种改变方法 一、this指针: 下面是MDN上关于this指针的表述: 当前执行上下文(global、function 或 eval)的一个属性,在非严格模式下,总是指向一个对象,在严格模式下可以是任意值。---MDN 从字面上的意思,this也就是当前对象主体的一个代指。 二、this指针在JavaScript中的四种指向:…