近期做项目，写页面的 css 写的太多了，基本上都要用到 flex 布局， 而我所用到的 flex 布局中的属性很有限， 基本只会用到flex-direction, justify-content, align-items这三个容器属性， 最多涉及图片被挤压了， 使用一下子项的 flex-shrink: 0;来防止图片被挤压。

就当我一边听着音乐一边没有感情的敲打着justify-content: space-between;的时候, 我的脑袋瓜子好像有两个小人在吵架：Jerry: 就不能用一下其他没用过的 flex 属性吗！Tom: 又不是不能用！一把梭多快乐！Jerry: 朽木不可雕也！Tom: 朽木仍可灼！Jerry: ...

回过神来，Tom 貌似觉得 Jerry 说的有些道理， 多个方式多条路， 实在不行写出来让别人琢磨去（看不懂，<-_<-）。

平常代码编程中我们会碰到一些交互问题 or 团队间的合作问题，需要处理链接跳转之间的问题，假如我们作为提供方，需求方来自不同的业务团队，甚至有时来自第三方。当然不仅限于此，还有很多令人脑壳疼的场景，这时候我们可以提供一个中间页作为对接桥梁，在此页面去揽下所有对接的活。但针对过渡页的合理使用和一些注意事项，我这里想单独拎一篇小文章出来说说，继续看看吧。

正则表达式，大家都很熟悉，说白了就是一堆约定俗成的匹配规则，包含模式和可选的修饰符。

首先简单说一下业务场景：在一个管理后台的列表页有着多条数据，数据之间存在着顺序，现在需要每条数据能够拖拽排序。需求看上去很简单，只涉及到一个排序接口，难点在于对列表数据进行拖拽。

我们日常遇到拖拽类需求开发的时候，当然要看看有没有合适的轮子使用了。以前开发中我使用过 vue-draggable 做过两个容器之间数据的拖拽。但是这个列表数据拖拽没有那么复杂 ，有点大材小用。这个时候另一个轻量级的 js 插件走进了我的眼帘：SortableJS。

vscode在前端届是现在越来越普及的开发工具了，因为其开箱即用的特性让人爱不释手，但也因为这个特性让我们开发者对它本身或者其很多提效的设计理念知之甚少，这也是本系列文章出现的原因。

熟悉 ES 语法数据结构的朋友一定很清楚，原生对象数据结构并不支持 obj.keys()、obj.values()和 obj.entries() 方法，数组与 map、set 等数据结构才支持。但仍可以通过 Object.keys(obj)、Object.values(obj)、Object.entries(obj)获取原生对象中可遍历的属性组成数组类型数据结构。

官网上对于 rolup 插件的介绍几乎都是英文，学习起来不是很友好, 例子也相对较少，但目前针对 rollup 插件的分析与开发指南的文章已经不少见，以关于官方英文文档的翻译与函数钩子的分析为主。

关于 vue3，虽然之前很早就看过了，但是也只是简单的了解一番写了几个小 demo，而且我司的主要技术栈也是 vue, 近期趁着这股学习的劲，赶紧向上申请了一个内部项目，想着用 vue3 实践一波，希望这一篇总结对一些小伙伴提供一些帮助。

以下主要会从两部分去做总结,一部分是可能混淆的点 or 一些常见的问题，另外一部分是实践过程中遇到的坑点/注意点。

让我们一起来看看几个有趣的算法，包括：根据身份证号码计算出性别、年龄，动态规划，贪心算法等。

医学检查影像显示里边，调窗是一个基础的常用操作：通过滑动鼠标来改变窗宽窗位的大小，窗宽（宽度）、窗位（中心点）其实就是一个像素数值的区间，图像的所有像素点的像素值在这个区间的就显示，不在区间的就不显示。

【vue3源码分析】讲透响应式原理。

最近看了一点《js 高级程序设计》中变量和内存的章节，对变量和内存问题做了总结整理，其中包含了面试中一些老生常谈的问题，并且穿插了一些看似简单却一不小心就掉坑里的小代码题。

前几天偶尔看到一篇 webassembly 的相关文章，对这个技术还是挺感兴趣的，在了解一些相关知识的基础上，看下自己能否小小的实践下。

今天我们就好好聊聊鉴权三剑客cookie、session、token，本文系统的讲述了它们的发展历程 ，区别与关联，以及鉴权的工作流程。

前面我们已经找到了我们的目的：让 CSS 更加好看！那么好看的目的是什么呢？是让人喜欢。让我们在需求开发时不抗拒去修改原有的代码。那么这就引出了一个问题：什么样的代码让人抗拒去修改？

最近在做保险相关的项目，由于医保局的监管要求，用户购买保险的流程必须可以回溯。这样在用户与保险公司之间产生纠纷时，就可以有迹可循。