-

WEB前端

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

前端截图取色工具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的用法。
阅读原文 »

网络分析可视化库Cytoscape.js

WEB前端

Web开发中,图形是很多数据分析和展示必不可少的组件。今天主要讲的是图与网络分析可视化库Cytoscape.js。在图与网络分析中对象用节点表示,对象之间的关系用连线边表示。用点、边的集合构成图。图是网络分析的基础,来研究有节点和边所组成图形的数学理论和方法。下面雷雪松给大家介绍一下网络分析可视化库Cytoscape.js的用法。
阅读原文 »

Windows EXE打包工具Inno Setup

WEB前端

Inno Setup 是一个免费的 Windows 安装程序制作软件。第一次发表是在 1997 年,Inno Setup 今天在功能设置和稳定性上的竞争力可能已经超过一些商业的安装程序制作软件。Inno Setup支持自2006年以来的每个Windows版本,包括:Windows 10,ARM 10上的Windows 10,Windows Server 2016,Windows 8.1,Windows 8,Windows Server 2012,Windows 7,Windows Server 2008 R2,Windows Server 2008和Windows Vista。(不需要服务包),支持x64,ARM64和Itanium体系结构。支持创建单个EXE以安装程序,以便于在线分发。标准Windows向导界面。支持密码和加密安装。支持多语言安装。下面雷雪松简单的介绍一下Windows EXE打包工具Inno Setup。
阅读原文 »