2021年12月07日：注意这是一篇发布于2018年的老文章，因网友提到上篇文章有个链接失效的问题，故将当时写的文章迁移过来（文章之前存于上家公司的FE内部提交，离职已久，正好借机迁移，避免丢失，也算是终结这几篇PostCSS的学习笔记）。当然这么多年PostCSS发展迅猛，变化也很大，故这套教程也仅供参考），以下是原文内容：

最近发现Path Autocomplete有点小问题，我在官方issues提了一下，虽然可以解决，但是我最终还是换回了老牌插件Path Intellisense，之前之所以没有用这个老牌插件是因为作者多年没更新了，不过今年作者发力，开始更新了，下文提供的方案，该插件基本也能实现。可以尝试一下噢。

就在昨天，Bracket Pair Colorizer作者宣布不再更新了，因为官方已经有了非常完善的取代方案了，并将方案的设置方法教给了大家，这一神级插件正式下台，大家可以不必安装了，并按照VSCode的设置开启彩色括号配对即可，在此也默默对原作者表示感谢，你们为VSCode和全世界的开发者做了巨大的贡献。

我做了个小工具（站点访问点击热力图查看工具），这个小工具通过Webpack进行打包，工具中用到了Webpack的动态导入（Dynamic Imports）功能，本地测试运行良好，上线成功！撒花🎉。

我用MacOS开发，这个npm的scripts是可以很好的执行并行或者串行的脚本的，比如我们来看下我这个在MacOS下的正常执行的scripts代码段：

最近研究api设计，顺便研究了下mongodb，教程没有仔细看过，所以使用过程中也遇到了一些诡异的现象。 比如我使用中发现，我创建的模型名称，在对应数据库的collections内的名称不一致。我很纳闷，比如我创建的如下： {代码...} 当我将一条数据写入后，用工具Robo 3T发现，名称居然变成了people。 后来查了相关资料，原来...

或许也不需要root了，我最近用mi10pro（Android 10）进行抓包调试，直接charles安装好证书就可以了。如果还是不行，可以尝试阅读以下内容。

偶然有需求了解别人的小程序实现方法，网上相关资料很多，顺便了解了一下，做个总结，没啥技术含量，分享出来。 要求 安装Nodejs 一台root后的安卓手机或者装有可以打开微信小程序的安卓模拟器 一个敢于折腾的耐心 看起来很简单的样子 准备 安装反编译工具 【推荐】方法一：你可以通过git clone将它存在本地 {代码...} ...

因某些特殊情况，项目cdn做了防盗链，然后本地开发也收到了限制，在cdn设置了一些本地ip的白名单，居然对端口支持不好，结果有时候可以访问cdn资源，有时候又不行，无奈，和运维、后端商量讲开发地址暂时改成80端口，以便正常开发~

简单描述一下：做Vue项目的时候，有时候我们预先设置了一个主题样式文件（_variables.scss），存放大量的定义的SASS变量，需要在不同的组件中使用，默认是无法使用的，除非每个组件内都引入这个_variables.scss文件，十分麻烦，这里提供几种方案。

今天要说的是一个困扰我好几个月的问题，Visual Studio Code（下文简称VSCode）在使用中突然增高，风扇开始狂转，温度骤增，影响心情的故障原因。

我在使用egg.js时，他用的模板引擎是Nunjucks，其中有个地方需要用到正则，可是官方文档基本上写了跟没写一样，官方的正则表达式。于是我便去找例子了。

0:28 - What Is In This Guide?（指南主要内容介绍）1:24 - Basic Software & Tools（基本开发软件和工具）3:43 - HTML & CSS（HTML和CSS）5:06 - Responsive Layout（响应式布局）5:55 - Basic Deployment（部署介绍）7:35 - Sass Pre-Processor（Sass预处理器）8:38 - Vanilla JavaScript（原生Javascript）10...

如果有人使用了阿里云的Node.js 性能平台，这个项目会在不同的开发环境下有不同的效果。比如，我在egg.js项目中有用到这个阿里云的Node.js性能监控，我在项目中配好了各项参数，在监控里也是可以看到当前活跃项目的一些性能状态。

从官方下载的Visual Studio Code默认是英文的，一般开发者可能需要调整为中文，这里需要一个插件叫做Chinese (Simplified) Language Pack for Visual Studio Code，也称之为适用于 VS Code 的中文（简体）语言包，本以为安装完插件就万事大吉。重启VSCode发现还是英文。。。这是啥毛病。

JavaScript的并发模型基于"事件循环"(Event Loop)。这个模型与像C或者Java这种其它语言中的模型截然不同。它永不阻塞，处理I/O通常通过事件和回调来执行，所以当一个应用正等待IndexedDB查询返回或者一个XHR请求返回时，它仍然可以处理其它事情，如用户输入。【参：并发模型与事件循环】

项目使用ElementUI，挺好用的，页面中有些地方的帮助提示通过使用组件Tooltip和el-icon-question来展示，代码如下：

做Vue项目的时候, 提交数据基本上都是用Axios, 之前做过的表单方面的提交, 并没有过多关注客户端和服务器之间的通信过程. 所以一直对HTTP的head请求头, body内容之类的不明不白, 为了短期(是的估计过半年又忘了😂)解决这个疑惑, 再次复习了一遍. 顺便总结了Vue中使用Axios处理包含上传文件的表单提交

前不久我装上了黑苹果，那么为了快速转移开发环境，我使用了VSCode(Visual Studio Code下面简称VSCode)的插件Settings Sync来同步个人设置和其他常用插件，如果不熟悉Settings Sync的可以参考之前我写的一篇文章《Visual Studio Code 设置同步到github的插件介绍及使用方法(Settings Sync)》来使用。

最近项目使用了Nuxt, 不过由于考虑到项目需要快速上线, 放弃了SSR, 直接采用单页面SPA模式进行开发, 也是本人第一次使用Nuxt来进行项目开发, 以下是我开发中对于鉴权这块的研究和总结, 因为官方给了一个鉴权示例是基于Server端的, 所以我就又写了一篇Client端的鉴权总结~文章分为很多篇, 会逐步完善更新, 请耐心等待...

在Vue-CLI安装完成后, 如果需要用到一些ES6语法编写代码, 有时候报错的话, 可能是缺少编译插件, 比如我在看Vuex文档和部分教程的时候, 有类似这样的代码

基于Vue-CLI下的非跨域请求模拟数据接口的解决方案 前几天一直在研究Mockjs, 不记得从哪里看到这个工具axios-mock-adapter, 配合了Mockjs在Vue-cli下可以模拟数据接口, 也不存在跨域问题了. 特点 无需额外开启一个mockjs的server 不存在跨域问题 能够快速实现接口更新 模拟虚假的随机数据 配置 需要用到的主要组件包括 a...

看到一篇Implementing an Infinite Scroll with Vue.js, 觉得挺实用的就看了下, 顺便简单翻译了一下给需要的人参考.从这个项目中可以加深对Vue的生命周期的理解, 何时开始axios请求, 如何结合Vue使用原生js来写scroll事件等等, 我这里主要是对原文的重点提取和补充

前阵子做的一个小项目, 引入了Vant的UI库, 外加自己写的很多样式, 在开发环境下测试完美, 直接就build出来上正式环境, 发现竟然有多处样式未生效的问题! 还好是新项目, 尚未推广, 因此除了内部同事测试发现, 没有造成恶劣影响, 不过以后还是要注意下, 开发环境看着没问题, 但是生产环境一定还是要再过一遍.

其中的van-button的确宽度变成600px了, 而这个van-button__text却没有反应. 似乎一下子就傻眼了. 去掉scoped才有效果, 可是为啥要把这个作用域去了才行. 这个不符合我们需求, 因为这样会造成全局污染. 我仅仅是想要在这个页面中的按钮文本字体发生改变!

想来想去还是想试试把我的博客转成Jekyll, 一方面为了git管理, 另一方面实在是感觉请求过多速度太慢, 可改造性太差. 经过迁移后, 默认主题, 速度杠杠的, 显示时间不到500ms哦~

图解PostCSS的插件执行顺序 文章其实是一系列的早就写完了. 才发现忘了发在SegmentFault上面, 最早发布于[链接] 这次我继续研究PostCSS的插件的执行顺序。 之前有研究过做过假设，在插件列表中，PostCSS的插件执行顺序自上而下，一切看起来似乎是没有任何问题的。 我也看过有关PostCSS解析器的相关文章，有以下一些收获...

习惯Webpack + PostCSS后, 通常PostCSS都是直接对CSS文件进行处理, 但是大部分习惯SCSS/SASS/LESS的朋友也许不适应了. 我专门研究了一下, 在Visual Studio Code编辑器下如果配置相关代码和设置达到CSS文件完美编写SCSS的办法, 其他语法类型原理相似, 这里以SCSS为例.

最近研究ES6, 正好ES6也有正则方面的内容, 看看有什么新特性, 顺便又把精通正则表达式拿出来粗看了前面几章节, 于是给自己出了几道题. 还做了一点总结.

原文参阅: Building a static blog using Gatsby and Strapi或[链接]. 本篇主要是对其精华内容进行翻译, 以及实操过程中遇到的问题解决和探索. 一些具体的操作步骤和细节, 我将忽略, 结合原文一起阅读效果更佳!注: 本文操作环境是Linux VPS, CentOS 6 64bit