Yakima Teng的文章

控制台提示：Avoid replacing instance root $data. Use nested data properties instead 原因：代码里写了this.$data = this.$options.data();。 修改方案： Object.assign(this.$data, this.$options.data());

有个不用装Chrome插件的方法。 1、打开开发者工具（按快捷键组合【Command + Option + I】）。 2、按快捷键组合【Command + Shift + P】调出控制命令条。 3、输入screenshot，在下拉框里选择【Capture full size screenshot】。 然后浏览器就会自动截图并下载了。

下面介绍如何在宝塔面板里配置免费的SSL证书（有效期3个月，到期前记得续签SSL证书）。需要注意的是，下面的方法只是我平时用起来觉得操作上比较方便的操作方式，并非唯一操作方式。 言归正传，登录宝塔面板后点击左侧菜单里的【网站】，然后在右侧网站列表里选择要添加/续期SSL证书的网址，点击对应的网站名。

电脑型号：Apple M1。 通过nvm安装了node v14.15.5，启动vite项目时，终端报错： FATAL ERROR: wasm code commit Allocation failed - process out of memory

访问google时Chrome浏览器提示了下面的信息： 您的连接不是私密连接 攻击者可能会试图从 www.google.com 窃取您的信息（例如：密码、通讯内容或信用卡信息）。了解详情 NET::ERR_CERT_AUTHORITY_INVALID

最近优化了一个webpack4的项目，如果将代码的圈复杂度简化定义为代码中if、for、while、case、catch、&&（和）、||（或）、?:（三元运算符）的数量的话，这个项目业务代码的圈复杂度接近14000，属于不大不小的项目。优化的思路和以前优化webpack3项目（圈复杂度40000+，相对大部分公司的项目而言，这已经算大型项目）差不多，但是配置的写法上有一些地方不一样，另外也发现了一些webpack4开始才有的东西，在此记录一下方便以后查找。

一、市场因素 市场供需会直接影响到我们的招人成本，不只是金钱上的成本，也包括时间上的成本。我们一起来粗略地看下Vue、React、Angular三者的市场需求——用他们的名字作为关键词在招聘网站（前程无忧）上看搜索结果数量如何。 不限制月薪...

如果你要从头开始搭建一个新的前端项目，你会考虑哪些方面呢？本文视图以实际创建一个前端项目所经历的时间线为行文顺序，讲讲我一般会考虑的点，不权威，仅供参考。 一、技术选型 见《前端技术选型可能会考虑的一些点》。 二、项目设计时要考虑的问题 这...