-

WEB前端

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

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前端工程师常见的面试题。
阅读原文 »

基于Vue的验证码插件vue2-verify

WEB前端

在我们Web项目开发中,验证码是一种比较常见的区分用户是计算机还是人的手段。主要是为了保证项目的安全。现在Vue开发的项目很多,基本都是前后端分离的。给大家推荐一个基于Vue比较好用的验证码插件vue2-verify。但是大家要注意一点,单纯前端的验证是不安全的,因为可以直接通过接口请求。下面雷雪松就详细的给大家介绍一下基于Vue的验证码插件vue2-verify。
阅读原文 »

Node版本管理工具之NVM

WEB前端

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

页面分步引导组件Driver.js

WEB前端

Web开发的时候,无意中发现了一下页面分步引导组件Driver.js。Driver.js是一个轻量级(约4kb gzip),并且无任何依赖,但功能强大的JavaScript引擎。Driver.js可以提高用户对页面的关注度,,也可以创建强大的分部引导介绍功能,号召性用语组件,焦点移位器等。更重要的是Driver.js支持所有的主流浏览器。下面雷雪松就详细的介绍一下页面分步引导组件Driver.js的用法。
阅读原文 »