很多场景下，我们会使用 bool 值来描述实体状态，通常用实体的一个属性来表示。对于多个 bool 状态标记，我们可以使用位标记来替换它，仅使用一个属性来表示实体下所有的 bool 状态。这样做的好处是，一方面减少实体的属性，代码层面会更简洁；另一方面，单标记比多标记更节省空间，在数据存盘时能节约大量磁盘空间。

Nuxt服务端渲染解决了Vue单页应用SEO的痛点，但是在权限认证上也带来了一些麻烦。Nuxt项目中，用户切换路由时请求页面和在页面中触发ajax请求数据的的路径是不同的。本文介绍一下两种请求统一进行身份验证的方法。

CSS变量可以用来优化代码，比如相同的颜色值散落在代码各处，使用CSS变量可以将颜色值收敛起来，将来发生调整可以很简单地一键替换。除此之外，还有一些场景也特别适合使用CSS变量，比如前端主题化（深色模式等）、响应式布局等。 本文简单介绍一下CSS变量的一些使用。

el-table的height属性可以方便地实现表格固定，但是这个值该设置为多少以适配屏幕大小呢？设置过小，则可能出现可视区域内有空白位置，但是表格内却出现滚动条；设置过大，则在一些小屏幕设备上浏览时，页面本身和表格内部都可能会出现滚动条。两种情况体验都是极差的，为了解决这个问题，我们需要动态地计算页面空白区域的高度，然后设置到height属性，即根据页面大小，动态计算height属性。

自己做测试用的一个小项目，虽然仅有三四个页面，因为服务器带宽太小了，加载时间过长的问题尤为明显，于是采用了路由懒加载和gzip压缩的方式优化了一下，访问速度得到了显著提升。

通常下载文件可以通过a标签的download属性直接下载，但是这仅仅针对没有权限验证即可访问的文件。如果文件接口需要验证权限，我们该怎样下载文件？本文即介绍了需要验证权限的文件的下载方法。

使用Vue做前后端分离项目时，通常前端是单独部署，用户访问的也是前端项目地址，因此前端开发人员很有必要熟悉一下项目部署的流程与各类问题的解决办法了。Vue项目打包部署本身不复杂，不过一些前端同学可能对服务器接触不多，部署过程中还是会遇到这样那样的问题。本文介绍一下使用nginx服务器代理前端项目的方法以及项目部署的相关问题。

前两天给个人网站添加了一个小功能，就是在文章编辑上传图片的时候自动给图片加上水印。给网页图片添加水印是个常见的功能，也是互联网内容作者保护自己版权的方法之一。本文简单记录一下借助了canvas在前端实现图片添加水印的实现方法，canvas元素其实就是一个画布，我们可以很方便地绘制一些文字、线条、图形等，它也可以将一个img标签里渲染的图片画在画布上。

今天遇到个问题，需求是字符串压缩：给定输入为英文字母组成的字符串，对字符串进行压缩，'abbbcc'压缩为‘ab3c2’，即统计连续相同字符个数，将字符连续出现2次及以上的子串压缩为“字母+出现次数”的形式。

replace是JS字符串处理函数中最常用的函数之一，由于有正则表达式的支持，replace功能非常强大。同时，使用replace函数对于学习正则表达式非常重要，可以说，熟练掌握了replace函数，JS的正则就很简单了。