记 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 集中，我宛如看到一颗炫目的流星，燃着红莲般的烈焰，坠在这沧海横流的大地上，那感动，还有那伤痛，都让我久久地挥之不去，不能忘怀。 但这也是我读过的最不适合儿童的作品，极少有像这样的作品，对我的三观造成激烈的正面冲击。所以，如果你还没有足够成熟坚定，或者考察人性的黑暗面令你感到不适，不推荐你看这部作品。如果你想看，那就先去看再继续往下读吧，推荐语就到此为止了。 糖：这是爱吗？ 盐：爱？ 糖：关心别人，感觉被他们吸引，所以他们叫做爱。 盐：“我要你活下来，所以我…
《非暴力沟通》读书笔记
最近工作上遇到一些困难，一天在饭桌上，有同事为我推荐了这本《非暴力沟通》。本来我以为这本书讲的是谈判的技巧之类，抱着“了解一下”的想法去读了这本书。读了之后却发现，它对我的工作可能确实没有多大帮助，但着实让我受益匪浅，我愿意向所有身边的朋友推荐这本书，它改变的是一个人的生活，能够让我们生活得更幸福。 以下是读书笔记，对于没有读过原作的朋友，我希望还是有时间去品读一下原作。尽管我会把我认为灵魂的部分摘录下来，但跟原作相比难免缺失了许多血肉。以下正体部分是我的笔记，斜体是从书中摘抄的内容。 概述 本书作为一本介绍方法论的书，从形式到动机，再到内在本质，深入浅出透彻地阐明了什么是非暴力沟通，非暴力…