记 Vue 3 的几个坑
作为一个从写 Mixin 到 HOC 再到 Hooks 过来的人,一直以来最推崇的是 React,尤其是学会用 Hooks 以后,更是只喜欢写 Hooks,看见 Class 就烦,逢人必安利 Hooks。但是现在在用了 Vue 3 几个月以后,我变得再也不想用 React 了。所以,请允许我简要安利一下 Vue 3。 Composition API + Setup Script 可以让我们使用像 Hooks 一样的函数组合写法来书写组件逻辑,和 Hooks 一样具有任意的抽象灵活度。同时对象深响应的能力又摆脱了 Vue 2 必须用 data 浅对象的尴尬问题,可以说是直接摆脱了 Redux、…
自签 TLS 双向证书配置
首先生成根证书私钥,很多教程都会教你用 RSA 的密钥,但是其实 RSA 已经过时了。它越来越被认为不安全, 因此需要越来越长的密钥。而当下最为推荐的是 ECC 即椭圆曲线的非对称算法,它在同样的密钥长度下被认为安全性高于 RSA 数十倍,在同样的安全性下运算效率远高于 RSA。在众多椭圆曲线中,实现最安全简单,被工业标准认可,最受广泛支持的是 prime256v1 曲线。 然后生成根证书请求文件,注意默认的 SHA1 算法已经不再安全,需要手动指定 SHA256 签名算法,以下都是。此处会要求填写一些东西,可根据自己的喜好填写, Country Name (2 letter code) […
前端年后面试真题,会80%直接进大厂
前端基础 javascript 原型链(点击这里查看) 继承 作用域 闭包 变量提升 this的指向 立即执行函数 instanceof原理 bind的实现 apply和call 柯里化 v8垃圾回收机制 浮点数精度 new操作符 事件循环机制 promise原理 generator原理 css 盒子模型 CSS选择器 BFC position flex布局 CSS优先级 双飞翼/圣杯布局 CSS3新特性 CSS样式隔离 CSS性能优化 层叠上下文 div居中 浮动 html&浏览器 行内元素、块级元素 跨标签页通信 history和hash两种路由 DOM树 事件模型 缓存策略 浏览器架构…
Unicode 正规形式
之前遇到从某音乐网站上复制的歌名和其他网站上不相等的情况:像这样, 用肉眼看不出它们的区别,保存成文件名也会保存出两个不同的,通过 URL 访问也不会互相命中,很是让我困惑。 最近发现了原因,Unicode 定义了 4 种正规形式,分别是 缩写 名称 含义 NFC Normalization Form Canonical Composition 以标准等价方式分解,然后以标准等价方式组合 NFD Normalization Form Canonical Decomposition 以标准等价方式分解 NFKC Normalization Form Compatibility Composit…
Meta (Facebook) 前端面经
大概半个月前一个在 Facebook 的学长跟我说他们招人,就想到我了。我想想闲着也是闲着不如受点打击,就欣然发了我的简历。然后收到了一个小姐姐的邮件说她们前端团队招人,他们已经开始自称 Meta 了,说可以给我一个 Pre-screen 的电话面试。 HR 筛选 / Pre-screen 握手 How are you 现在方便吗,不方便我们可以改期 Front-end position People think we created react so we use react but we actually use vanillajs to do a lot Graduation date…
C++ 基础难点梳理
本文整理了个人认为 C++ 中比较难,经常混淆不清,但又是很基础的一些难点。供本人和大家参考学习。 本章中的示例输出全部使用 clang++ -std=c++17 命令编译。 const 修饰符 const 变量 C/C++ 中 const 修饰变量时表示这个变量初始化后其值不再改变。注意 const 变量是变量而非常量。在其他语言里类似的有 JavaScript 中的 const ,Rust 和 Swift 中的 let 。 const 指针 当说到指针的时候,事情就稍稍复杂了一些。这里就牵扯到我记不住的顶层 const 和底层 const 的问题。 底层 const: const…
Landing at an SE/SRE summer internship in the US
Greetings from Bittersweet. It has been a long time since I posted anything on the blog last time. It's not like that I don't want to write anything, but rather I'm not good at putting my thoughts into words... I really should practice that more often. After months of searching, coding, and intervi…
2021 前端实习面经
有个叫做“校招巴士”的公众号说 2021 年是找工作最容易的一年,很多大厂都在扩招。这次运气还不错,到目前为止,按时间先后拿到了美团、携程、阿里、小马智行的 offer call,挂了滴滴和腾讯,也算是成功上岸,总算可以松了口气。花了好多天时间,把经历整理了一下。因为我没有录音,全都是凭回忆整理的,可能会有很多遗漏,慢慢想起来了就补充。 认真对待,提早准备 一定要认真对待! 大三的时候我也找过一次实习,那次我开始的时候已经 5 月了,本来很多公司都不招了,然后也没去网上收集很多招聘的资料,我的学长们天天鼓吹我内推,结果给我一种想进很轻松的幻觉。结果我当时就面了阿里和字节跳动两家,然后阿里一面…
幸福甜蜜生活
这是我读过的最打动我的爱情故事,它无疑是触动灵魂的。无论是罗密欧与朱丽叶,梁祝,还是泰坦尼克号,与这一部相比都差之甚远。在这短短的 12 集中,我宛如看到一颗炫目的流星,燃着红莲般的烈焰,坠在这沧海横流的大地上,那感动,还有那伤痛,都让我久久地挥之不去,不能忘怀。 但这也是我读过的最不适合儿童的作品,极少有像这样的作品,对我的三观造成激烈的正面冲击。所以,如果你还没有足够成熟坚定,或者考察人性的黑暗面令你感到不适,不推荐你看这部作品。如果你想看,那就先去看再继续往下读吧,推荐语就到此为止了。 糖:这是爱吗? 盐:爱? 糖:关心别人,感觉被他们吸引,所以他们叫做爱。 盐:“我要你活下来,所以我…
《非暴力沟通》读书笔记
最近工作上遇到一些困难,一天在饭桌上,有同事为我推荐了这本《非暴力沟通》。本来我以为这本书讲的是谈判的技巧之类,抱着“了解一下”的想法去读了这本书。读了之后却发现,它对我的工作可能确实没有多大帮助,但着实让我受益匪浅,我愿意向所有身边的朋友推荐这本书,它改变的是一个人的生活,能够让我们生活得更幸福。 以下是读书笔记,对于没有读过原作的朋友,我希望还是有时间去品读一下原作。尽管我会把我认为灵魂的部分摘录下来,但跟原作相比难免缺失了许多血肉。以下正体部分是我的笔记,斜体是从书中摘抄的内容。 概述 本书作为一本介绍方法论的书,从形式到动机,再到内在本质,深入浅出透彻地阐明了什么是非暴力沟通,非暴力…