PostCSS学习指南终结篇

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

VSCode插件Path Autocomplete小技巧

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

高效前端开发 - Visual Studio Code

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

Webpack动态导入功能有BUG?部分资源竟没加载,来看看什么是webpackJsonp?

2019-09-04
阅读 3 分钟
19.1k
我做了个小工具(站点访问点击热力图查看工具),这个小工具通过Webpack进行打包,工具中用到了Webpack的动态导入(Dynamic Imports)功能,本地测试运行良好,上线成功!撒花🎉。

npm的scripts在Windows下无法并行或串行执行多命令的解决

2019-07-15
阅读 2 分钟
5k
我用MacOS开发,这个npm的scripts是可以很好的执行并行或者串行的脚本的,比如我们来看下我这个在MacOS下的正常执行的scripts代码段:

mongodb的model名称细节

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

安卓手机微信7.0.4调试小程序抓包https请求失败问题和解决

2019-04-18
阅读 4 分钟
12.9k
或许也不需要root了,我最近用mi10pro(Android 10)进行抓包调试,直接charles安装好证书就可以了。如果还是不行,可以尝试阅读以下内容。

通过安卓手机获取微信小程序包进行反编译方法

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

如何给Egg.js项目开启80端口访问

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

全局SASS/SCSS变量在Vue项目中应用解决方案

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

Visual Studio Code使用中CPU占用率异常暴增过高原因

2019-01-28
阅读 5 分钟
34.2k
今天要说的是一个困扰我好几个月的问题,Visual Studio Code(下文简称VSCode)在使用中突然增高,风扇开始狂转,温度骤增,影响心情的故障原因。

Nunjucks使用正则表达式示例

2019-01-15
阅读 1 分钟
3.2k
我在使用egg.js时,他用的模板引擎是Nunjucks,其中有个地方需要用到正则,可是官方文档基本上写了跟没写一样,官方的正则表达式。于是我便去找例子了。

【转】2019年Web开发指南

2019-01-02
阅读 3 分钟
3k
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...

【开发小技巧】Windows环境下配有Node.js 性能平台(alinode)的项目开发频繁报错

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

【开发小技巧】VSCode安装后,已装中文包还是显示英文的问题。

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

Javascript事件循环入门到“忘记”(一).md

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

ElementUI的Table组件中的renderHeader方法研究

2018-09-12
阅读 4 分钟
49.5k
项目使用ElementUI,挺好用的,页面中有些地方的帮助提示通过使用组件Tooltip和el-icon-question来展示,代码如下:

使用ElementUI和Axios以formData格式提交带有文件的表单的错误示范及分析解决

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

VSCode格式化代码功能失效的bug解决方法

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

Nuxt在SPA模式下的鉴权处理(1)

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

[新手坑] 03.Vue-CLI用ES6编码仍需要手动安装一些Babel插件

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

基于Vue-Cli的非跨域请求模拟数据(Mock)快速配置更新接口的解决方案

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

Vue下滚动到页面底部无限加载数据Demo

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

[新手坑] 02.Vue开发环境和生产环境样式不一致的问题

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

[新手坑] 01.Vue模板内引入的组件样式覆盖失效

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

Wordpress博客迁移至Jekyll过程总结

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

PostCSS自学笔记(二)【番外篇二】

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

VSCode下让CSS文件完美支持SCSS或SASS语法方法

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

正则表达式中[\b]和\b和\B的区别及匹配分析思路

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

用Gatsby和Strapi创建一个静态博客(翻译和自己探索过程中的经验总结)

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