雷雪松的个人博客

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

WEB前端

WEB前端包括HTML标签、CSS样式和JS编程等相关的知识。雷雪松的博客WEB前端栏目主要是分享作为WEB前端工程师在WEB前端开发的过程中WEB前端技巧，优秀的JS插件，有趣的JS效果，常用的CSS技巧以及HTML5最新技术。

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

WEB前端

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

JS 数组遍历总结

WEB前端

JS 数组用于在单一变量中存储多个值。在Web前端开发，数组的使用是非常普遍的，使用数组合理的设计，可以让业务更清晰，也会提高开发效率。而使用数组就避免不了使用遍历数组。下面雷雪松就总结一下JS 数组遍历。
阅读原文 »

VS Code技巧之大小写转换

WEB前端

在我们的Web前端开发的时候，经常会需要用到大小写切换。通常可以用Caps Lock来设置大小写。如何直接对选中的字母进行大小写切换呢？那就需要VS Code的键盘快捷键配置。VS Code在默认情况下没有大小写转换的快捷键, 需要自定义快捷键。下面雷雪松详细的介绍一下VS Code技巧之大小写转换。 阅读原文 »

Yarn常用命令

WEB前端

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

一段css让全站变灰

WEB前端

为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世通报的深切哀悼，国务院今天发布公告，决定2020年4月4日（明天）举行全国性哀悼活动。很多平台都把网页设置为灰色，表示哀悼。如果立即从设计修图、按设计图代码修改，那工作量是灾难性的。能不能用一段代码解决呢？答案是：有的，CSS3的filter。下面雷雪松带你一起看一下如何只通过一段CSS让全站变灰。
阅读原文 »

前端截图取色工具Snipaste

WEB前端

在Web前端开发中，在写页面CSS样式时经常要用工具去取色来设置字体颜色、背景颜色、边框颜色等等，以还原设计图的最佳效果。今天给大家推荐的取色工具是Snipaste。Snipaste 是一个简单但强大的截图工具，也可以让你将截图贴回到屏幕上！Snipaste 既可以截图也有吸色取色的功能。下面雷雪松就详细的讲解一下前端截图取色工具Snipaste。
阅读原文 »

Vue中使用provide/inject实现页面reload的方法

WEB前端

在实际的Web开发项目中，经常会遇到在列表删除一条数据或者新增数据之后需要重新刷新当前页面的需求，以获得最新的列表数据。通常可以使用window.reload()或者router.go(0)刷新整个URL让当前页面重新加载来实现，但是会有闪烁，体验不好。在Vue中，可以使用provide / inject 组合来实现刷新这个功能，原理就是用v-if销毁和新建组件，达到重新渲染的效果。下面雷雪松就详细的介绍Vue中使用provide/inject实现页面reload的方法。
阅读原文 »

webpack4知识点总结归纳

WEB前端

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

基于Vue的轮播组件Vue-Awesome-Swiper

WEB前端

Swiper是一个开源、免费、强大的触摸滑动插件。Vue-Awesome-Swiper是一个基于 Swiper4 和 Vue 的轮播组件，Vue-Awesome-Swiper也支持服务端渲染和单页应用。下面雷雪松给大家介绍一下Vue的轮播组件Vue-Awesome-Swiper。
阅读原文 »

Vue.js前端工程师常见的面试题

WEB前端

上半年换工作求职前端开发工程师（主要还是偏Vue.js）的时候，有一些互联网公司给了面试邀请，发现很多公司面试的知识点都大同小异。但是很多求职者平时开发都是没问题，能力也不错，可是再答一些面试题总是知道却说不清或者写不出来，往往面试发挥的不好。包括自己也是，在刚几次面试后就不断总结一些面试题，如今已经入职了心仪的公司。下面雷雪松给大家分享总结的Vue前端工程师常见的面试题。
阅读原文 »