FrankKai

正则表达式

2

- 正则表达式速查表 - JavaScript中的正则 - 工作中遇到的正则表达式

常用pm2、docker、k8s命令

3

- pm2 - docker - k8s

一些Linux知识点

4

也可以叫操作系统知识点。 - Controlling Terminal - recent CPU usage与elapsed CPU usage - kill 与 kill -9之间的区别是什么？ - bash是什么东西？

docker入门

9

知道docker这个词已经很久接近2年了，但是一直停留在“知”的层面，最近学习《玩转Spring全家桶》，刚好有一节讲Docker辅助开发，刚好从一台新机器上搭建多依赖的开发环境是一件很棘手的事，因此产生了这个issue。 - 基本命令 - docker run命令详解 - 如何在docker中运行mongodb和redis？ - dockerfile中的sed命令是什么？ - dockerfile中的ln -sv命令是什么？ - Dockerfile中的FROM, COPY, ENTRYPOINT instruction是什么？ - docker中的操作系统镜像怎么玩？ - 如何使用docker跑一个nodejs应用？ - 如何使用docker搭建多语言本地环境？

vue的重中之重之h(createElement)函数

3

> 大家都知道render函数在vue中非常重要，但其实本质上执行渲染工作的是h函数，本质上也就是createElement函数！ --哲华施沃硕德 下面来看个简单例子： 箭头函数： ```js h=>h(App) (function (h) { return h(App); }); ``` 调用了一个名为h的函数，并且返回对App的处理结果，但是不够直观，看个更加直观的例子： ```js var h = function(x){ console.log(x) }; (function (h) { return h('App'); }); console.log(h('App')); 结果：App...

- 初识calc() - calc()语法 - calc()笔记 - calc()常用语法 - 通过margin定位一个对象 - 自动填充容器 - 与CSS变量结合进行计算 - 与整数使用需要注意的 - 兼容性考虑 ### 初识calc() - 在声明一个CSS属性值时，calc()CSS函数可以对值进行计算 - 值类型可以是`,,,,,或` 常见calc()demo ```css width: calc(10px + 100px);...

简单理解CSS layout和Flex布局？

5

- CSS layout存在的意义是什么？ - CSS layout包含哪些东西？ - display - Normal Flow - Flexbox - css-tricks的flex指南

浅谈浏览器架构、单线程js、事件循环、消息队列、宏任务和微任务

6

 关键词： `多进程、单线程、事件循环、消息队列、宏任务、微任务` 看到这些词仿佛比较让人摸不着头脑，其实在我们的日常开发中，早就和他们打过交道了。 我来举几个常见的例子： - 我执行了一段js，页面就卡了挺久才有响应 - 我触发了一个按钮的click事件，click事件处理器做出了响应 - 我用setTimeout(callback, 1000)给代码加了1s的延时，1秒里发生了很多事情，然后功能正常了 - 我用setInterval(callback, 100)给代码加了100ms的时间轮训，直到期待的那个变量出现再执行后续的代码，并且结合setTimeout删除这个定时器 - 我用Promise，async/await顺序执行了异步代码 - 我用EventEmitter、new Vue()做事件广播订阅 - 我用MutationObserver监听了DOM更新 - 我手写了一个Event类做事件的广播订阅 - 我用CustomEvent创建了自定义事件 - 我······· 其实上面举的这些`click, setTimeout,...

发现算法之美-暴力遍历

3

暴力遍历是一个开发者们较容易想到的(开发速度快)、时间复杂度较高(耗性能)的算法，既有它的优点也有它的缺点。 这种解法常见于以下场景： 1. 进度时间短、重业务逻辑处理的代码 2. 性能要求低的代码（例如重渲染不重代码性能的前端、移动端） 3. 算法和数据结构薄弱，对自身代码质量认识不足，不求更优解只求不出bug的代码，直到出现性能问题 在这篇文章中，我将列举一些我在写前端和刷leetcode的过程中遇到的暴力遍历场景。 - 什么是暴力遍历？ - 初识暴力遍历 - 一个最简单的暴力遍历及算法图 - 前端开发中的暴力遍历场景 - 数组类：forEach、map、reduce - 对象类：Object.entries()和of - DOM类：querySelectorAll - Vue渲染同一个类型的节点：v-for - leetcode 暴力遍历 解法题目 -...

 - 前言 - 什么是CSSOM？ - 通过element.style修改行内样式 - 获得普通元素的计算样式 - 获得伪元素的计算样式 - CSSStyleDeclaration API - setProperty(),getPropertyValue()和item() - 使用removeProperty() - 获取和设置属性的优先级 - CSSStyleSheet Interface - 与Stylesheet Object一起工作 - 通过CSSOM获取@media规则 - 通过CSSOM获取@keyframes规则...