收获满满的一个月

2021-03-31

手写用 ES6 proxy 实现 arr[-1] 的访问

https://github.com/lgwebdream/FE-Interview/issues/36#issuecomment-809936411

滴滴公司的面试题

2021-03-30

手指、拇指和手腕腱鞘炎的原因和治疗 – 骨往筋来的文章 – 知乎

https://zhuanlan.zhihu.com/p/32937541

乱语:打游戏居然都能打出腱鞘炎,游戏水平很高了,但是也到了退役的时候。

2021-03-29

分享一个 typescript 小技巧,如果我们想把某个变量的类型限制为某个对象的 key 值,我们可以用 keyof 关键字来配合实现。具体的细节有一点点可以查看链接。 比如:

let obj = {a:1, b:’2′} function fn<T>(a:T, b:keyof T) {   console.log(a, b) } fn(obj,’a’)

https://blog.csdn.net/u013910340/article/details/105545638

2021-03-28

浏览器将CORS请求分成两类:简单请求(simple request)和非简单请求(not-so-simple request)。 只要同时满足以下两大条件,就属于简单请求。

(1) 请求方法是以下三种方法之一:HEADGETPOST

(2)HTTP的头信息不超出以下几种字段:

具体看链接

https://www.ruanyifeng.com/blog/2016/04/cors.html

乱语:高频面试题,得熟悉。

2021-03-27

高频率面试题:ts 中 interface 和 type 有什么区别? 相似之处:都可以描述对象和函数,都可以配合 extends 关键字使用。 不同:interface 可以将同名类型合并;type 可以声明基本类型/联合类型/元祖等等

https://juejin.cn/post/6844903749501059085

乱语:我写 ts 的时候写了很多 any(写了很多 any,还不如不用 ts),很多类型不会写,学习之后,发现 type 可以满足我的需求。

2021-03-26

重新看了《那些年,我们一起追的女孩》,电影刚上映的时候,我们正读高中,讲了一个刚好是我们那个年龄段的故事。转眼就 9 年过去了,女生们也到了沈佳宜结婚时的年纪。男生比那个时候同龄的女生幼稚,女生更成熟,没法和她们在同样的情感高度下共鸣。想一想错过了很多女生诶,其实也不是错过,只是不懂去把握。 有时候还挺想知道这些问题的答案,但是有问题答案的人可能心境不在这里了。那就这样吧。

https://www.ixigua.com/6928294554676232718

2021-03-25

鬼压床是什么原因,有什么方法可以避免? – 小陆老师的文章 – 知乎

https://zhuanlan.zhihu.com/p/85079885

乱语:网上查阅了一些资料,这种现象似乎对身体无害。

2021-03-24

转载 一个函数秒杀 2Sum 3Sum 4Sum 问题

2021-03-23

我们是福晟滨江花园商品房开发楼盘的购房业主。今天,我们怀着极其愤怒和痛苦的心情,向您反映福建福晟集团有限公司以及湖南和达投资集团有限公司停建滨江花园一二期商品房建设项目,多次推诿、欺骗、愚弄业主,不仅已经逾期交房,形成事实违约,而且面临再次延期的严重后果,给全体业主造成极大的经济损失,带来一系列的家庭灾难和社会不稳定的可怕后果。

标题:湖南省湘潭九华经济技术开发区福晟滨江花园一、二期全体业主维权诉求书

内容来自曾小乱的blog:https://zengxiaoluan.com/petition/

2021-03-22

线程和进程的区别是什么? – 知乎

https://www.zhihu.com/question/25532384

乱语:一个面试题,需要背下来。

2021-03-21

前端开发工程师最应该看哪 2 本书

2021-03-20

第一次献血在 2012 年 10 月,到现在我已经累计献血 5 次,共 1500ml 了,只能感叹时间太快,大家保持健康。

2021-03-19

什么是强缓存和协商缓存?

如果 cache-control 设置为 max-age=3600,这时静态资源会强缓存 3600 秒,在这个时间内刷新会使用浏览器 memory cache 或者 disk cache;如果 cache-control 设置为 no-cache,就会进入协商缓存,这时下次刷新会对比 last-modified 时间值或者 etag 值,etag 值优先,他们对应的首部分别为 If-Modified-Since 和 If-None-Match。 我理解的对吗?

https://segmentfault.com/a/1190000021661656

2021-03-18

  • HTML文档结构层次尽量少,最好不深于六层;
  • 脚本尽量后放,放在 body 前即可;
  • 少量首屏样式内联放在标签内;
  • 样式结构层次尽量简单;
  • 在脚本中尽量减少DOM操作,尽量缓存访问DOM的样式信息,避免过度触发回流;
  • 减少通过JavaScript代码修改元素样式,尽量使用修改class名方式操作样式或动画;
  • 动画尽量使用在绝对定位或固定定位的元素上;
  • 隐藏在屏幕外,或在页面滚动时,尽量停止动画;
  • 尽量缓存DOM查找,查找器尽量简洁;
  • 涉及多域名的网站,可以开启域名预解析

https://segmentfault.com/a/1190000010298038

乱语:文章有点长,直接记住结论

2021-03-17

转载 TCP的 “三次握手” 和“四次挥手”,到底是什么鬼?

2021-03-16

由于CSRF的本质在于攻击者欺骗用户去访问自己设置的地址,所以如果要求在访问敏感数据请求时,要求用户浏览器提供不保存在cookie中,并且攻击者无法伪造的数据作为校验,那么攻击者就无法再运行CSRF攻击。这种数据通常是窗体中的一个数据项。服务器将其生成并附加在窗体中,其内容是一个伪随机数。当客户端通过窗体提交请求时,这个伪随机数也一并提交上去以供校验。正常的访问时,客户端浏览器能够正确得到并传回这个伪随机数,而通过CSRF传来的欺骗性攻击中,攻击者无从事先得知这个伪随机数的值,服务端就会因为校验token的值为空或者错误,拒绝这个可疑请求。

乱语:采用 referrer 的方案也可行。

2021-03-15

The first step to optimising your webpack build speed, is to know where to focus your attention. https://github.com/stephencookdev/speed-measure-webpack-plugin

乱语:使用 Speed Measure Plugin 这个插件可以查看出 webpack 各个环节的打包时间,对于 webpack 的打包性能有个直观的分析。得找个时间试一试。

2021-03-14

事件流:捕获 -> 目标节点 -> 冒泡;第三个参数设为 true 会在捕获阶段触发事件,父节点比子节点先响应监听。

https://codepen.io/zengxiaoluan/pen/abBMNda

乱语:这是一个 2017 年就有的疑惑,今天终于解决了,只怪自己太懒,心中留下的疑惑太多。人类的疑惑越来越少,这个世界估计也更进步了。

2021-03-13

DNS-prefetch is an attempt to resolve domain names before resources get requested. This could be a file loaded later or link target a user tries to follow.

https://developer.mozilla.org/en-US/docs/Web/Performance/dns-prefetch

<link rel=”dns-prefetch” href=”” >

乱语:终于去查了一下,是提前把域名查询为 ip

2021-03-12

这个链接的前端面试题目都值得实现多次然后背下来,面试官经常问。

https://juejin.cn/post/6859026583533912072

2021-03-11

怎样把网站升级到http/2 – 李银城的文章 – 知乎

https://zhuanlan.zhihu.com/p/29609078

乱语:准备把我的网站升级成 h2,体验一下多路复用等特性,如果没有成功,今晚将又会是一个不眠之夜。

2021-03-10

来来来,了解一个新的 API:IntersectionObserver,这个 api 可以做图片懒加载和 infinite scroll,比 getBoundingClienRect 好用。

https://www.ruanyifeng.com/blog/2016/11/intersectionobserver_api.html

乱语:要学习的好多啊。只能日积月累了。

2021-03-09

The idea of Micro Frontends is to break down the frontend monolith into smaller, more manageable pieces. 

https://itnext.io/11-micro-frontends-frameworks-you-should-know-b66913b9cd20

乱语:你需要知道的 11 个微前端框架。国内的公司做前端微服务用 qiankun 框架的多一点吧,又是一个新概念。

2021-03-08

梦到自己驾驶民用飞机坠毁了。

为什么埃隆马斯克这样的科技大佬想着送人去火星,而没有互联网科技巨头推动新能源小飞机的大面积民用化,像大家驾驶汽车一样,学个飞行执照,方便日常飞行。

有一家飞行出行领域的小米公司,实现了物美价廉的飞机普及,做到了飞行领域的千元机。

让城市的高房价,地域歧视,户口等落后腐朽的旧社会问题,通通见鬼去,变革到一个崭新平坦的新世界。

2021-03-07

怎么避免买到烂尾房

2021-03-06

互联网公司中所谓中台是怎么定义的? – 三节课的回答 – 知乎

https://www.zhihu.com/question/57717433/answer/719218827

乱语:中台似乎是个很流行的概念,互联网人喜欢讲。还是要多贴合自己公司的业务实际情况。

2021-03-05

什么是大 O 表示法?

大O表示法就是将算法的所有步骤转换为代数项,然后排除不会对问题的整体复杂度产生较大影响的较低阶常数和系数。

https://www.jianshu.com/p/59d09b9cee58

乱语:这几天有点懒,没有学习。

2021-03-04

2021-03-03

缺失 2 天

2021-03-02

分享一个阿里钉钉前端笔试题。

实现一个信号灯(交通灯)控制器,要求: 1. 默认情况下,  1.1. 红灯亮20秒,并且最后5秒闪烁  1.2. 绿灯亮20秒,并且最后5秒闪烁  1.3. 黄灯亮10秒  1.4. 次序为 红-绿-黄-红-绿-黄 2. 灯的个数、颜色、持续时间、闪烁时间、灯光次序都可配置,如:lights=[{color: ‘#fff’, duration: 10000, twinkleDuration: 5000}, … ]

https://codepen.io/zengxiaoluan/pen/WNoJzWg

2021-03-01

缺失 3 天

作者: 曾小乱

喜欢写点有意思的东西

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据