雷雪松的个人博客

雷雪松的博客，一个优秀的个人技术博客。
-

Nodejs学习

NodeJs是一个基于Chrome JavaScript运行时建立的平台， 用于方便地搭建响应速度快、易于扩展的网络应用。NodeJs使用事件驱动， 非阻塞I/O 模型而得以轻量和高效，非常适合在分布式设备上运行的数据密集型的实时应用。Nodejs学习主要讲解nodejs相关的学习和教程。

Node零配置服务器之http-server

WEB前端

http-server是一个简单的零配置Node环境下命令行HTTP静态服务器。在这之前一般常用的HTTP服务器有Apache和Nginx。http-server使用起来非常简单，功能也很强大。http-server可以用于本地调试和开发，也可以用于生产环境。下面雷雪松详细的介绍下Node下http-server的用法。
阅读原文 »

npx 使用教程

WEB前端

npx是execute npm package binaries的缩写，就是执行npm依赖包的二进制文件，简而言之，就是我们可以使用npx来执行各种命令。npm 从5.2版开始，增加了 npx 命令。npx 主要用于命令行的寻址等辅助功能上，而 npm 是管理依赖的。下面雷雪松给大家分享一下npx 使用教程。
阅读原文 »

CSS预处理工具Stylus简介

WEB前端 、

Stylus是一个CSS预处理器，提供一种高效、动态和富有表现力的方式来生成CSS。Stylus 比较激进，利用缩进、空格和换行来减少需要输入的字符。不过同时也兼容CSS语法。下面雷雪松详细的介绍一下如何使用预处理工具Stylus。
阅读原文 »

移除未使用 CSS 工具 PurgeCSS 详解

WEB前端 、

PurgeCSS 是一个能够通过字符串串对比，来决定移除不不需要的 CSS 的工具。PurgeCSS 通过分析你的内容和 CSS 文件，首先它将 CSS 文件中使用的选择器与内容文件中的选择器进行匹配，然后它会从 css 中删除未使用的选择器，从而生成更小的 CSS 文件。对于 PurgeCSS 的配置因项⽬目不不同⽽而异，它不不仅可以作为 webpack 的插件，还可以作为 postcss 的插件。下面雷雪松就详细得讲解一下移除未使用 CSS 工具 PurgeCSS。
阅读原文 »

Node企业级框架和应用Egg.js 入门

WEB前端

Egg.js 缩写为 Egg，是阿里开源的企业级 Node.js 框架，专注于企业级框架和应用而生。Egg特性：提供基于 Egg 定制上层框架的能力，高度可扩展的插件机制，内置多进程管理，基于 Koa 开发，性能优异，框架稳定，测试覆盖率高，渐进式开发。下面雷雪松带大家一起来快速入门Node 企业级框架和应用Egg.js 。
阅读原文 »

Yarn常用命令

WEB前端

Yarn是一个快速、可靠、安全的依赖管理工具，Yarn作用和npm差不多，但是有更多的优势。Yarn 速度超快。Yarn 缓存了每个下载过的包，所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率，因此安装速度更快。Yarn 超级安全。在执行代码之前，Yarn 会通过算法校验每个安装包的完整性。Yarn 超级可靠。Yarn 使用详细、简洁的锁文件格式和明确的安装算法，Yarn 能够保证在不同系统上无差异的工作。下面雷雪松就带大家一起学习一下Yarn常用命令。
阅读原文 »

webpack4知识点总结归纳

WEB前端

webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)，webpack4是webpack当前最新的主版本。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle。。在我们做vue的项目时，对webpack一定不陌生，在使用es6语法，打包项目的时候都使用到webpack。下面雷雪松给大家总结归纳一下webpack4知识点。
阅读原文 »

Node版本管理工具之NVM

WEB前端

已经2019年了，如果前端还不知道NodeJS和NPM。那注定是一名不合格的前端开发工程师。 众所周知，Node版本快速迭代，导致版本众多，由于项目需要或其他原因我们需要切换Node版本。雷雪松特意在Github上的搜索了一下Node版本管理器，star数量最多的两个nvm和nvm-windows。nvm主要是Mac/Linux下Node版本管理工具 ，而nvm-windows和主要为windows下Node版本管理工具今天。雷雪松就给大家介绍一下Node版本管理工具之NVM。
阅读原文 »

Ionic Framework安装教程

WEB前端

Ionic Framework是一个开源的前端UI工具包，使用Web技术（HTML，CSS和JavaScript）来构建高性能，高质量的移动和桌面应用程序。Ionic Framework专注于前端用户体验或应用程序的UI交互（控件，交互，手势，动画）。目前，Ionic Framework与Angular集成，但在Ionic4发布的时候官方会支持Vue和React 。下面雷雪松详细的介绍一下如何安装Ionic Framework。

阅读原文 »

Nativefier将web页面打包为桌面应用

WEB前端

有些特殊场景需要实现把任意一个网站打包成一个桌面可执行应用。手机端有PhoneGap等打包工具制作WebApp。今天给大家推荐一个很好的桌面应用打包工具-Nativefier。Nativefier可以只需要执行两行命令三分钟内就可以把任意一个网站打包成一个桌面应用。下面雷雪松详细讲解一下如何使用Nativefier将web页面打包为桌面应用。
阅读原文 »