效果 鼠标触碰按钮，出现水墨风格动画 屏幕自适应 一份html文件，一份css文件，无javascript，上手程度：很简单 笔记 :root 这个 CSS 伪类匹配文档树的根元素。对于 HTML 来说，:root 表示元素，除了优先级更 ...

在我们的开发中常听到BFC这个词，当要让我说出BFC 是什么，却不能很好的却解释，似懂非懂。反正就是没有清晰的理解，是这两天仔细阅读了相关资料加深自己对BFC理解。 什么是BFC BFC:块格式化上下文（Block Formatting C ...

对于前端来说，最重要的莫过于用户体验了，这次我们聊一聊骨架屏 - Skeleton Screen 我们平常对于需要请求加载的内容，可能用的比较多的是loading动画，比如在内容区域放一个菊花图，当请求结束，并且render tree构造完 ...

postcss-loader 应该是 Webpack 配置中不可或缺的一个 CSS loader。它负责进一步处理 CSS 文件，比如添加浏览器前缀，压缩 CSS 等。 配置 postcss-loader 时，可以在 webpack.con ...

说白了，浏览器端渲染获取的是数据，需要在页面上通过html结构展示出来；而服务器端渲染获取的是带有数据的html结构，直接能够被浏览器所解析浏览器端(客户端)渲染B(C)SR Browser(Client) ...

PM2使用手册 PM2是什么？ PM2（Process Manager 2 ）是具有内置负载均衡器的Node.js应用程序的生产运行时和进程管理器。 它允许您永久保持应用程序活跃，无需停机即可重新加载它们，并促进常见的Devops任务。 特 ...

Visual Studio Code (推荐) Visual Studio Code（以下简称vscode）是一个轻量且强大的代码编辑器，支持Windows，OS X和Linux。内置JavaScript、TypeScript和Node.j ...

Markdown是什么？ Markdown是一种纯文本格式的标记语言。 通过简单的标记语法，它可以使普通文本内容具有一定的格式。 可以通过简单、易读易写的文本格式生成结构化的HTML文档。 基本语法 标题 # 这是一级标题 ## 这是二级标 ...

刚刚看了Vue.js作者在VueConf 2019上海的演讲视频，学习到了很多的东西。了解了vue在全球的影响力、活跃的社区以及核心开发团队，更主要的是vue2当前的一些问题和在vue3中的一些进步。下面我总结了从中学习到的几点。 vdo ...

首先开篇之前先提个问题： 为什么Flex box跟Grid box的是以start、end为排列规则，而不是常规的top 、right 、bottom 跟left？ 先不要急着往下翻，大家先思考一下。 这个问题的答案，鱼头会在文章中给出，欢 ...