雷雪松的个人博客

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

Vue.js

Vue.js是一套用于构建用户界面的渐进式框架。Vue.js的核心库只关注视图层，Vue.js是非常小巧的一个JS库。Vue.js可以让你不用操作Dom对象，只关注业务逻辑，用很少的代码实现更多的功能。Vue.js也可以很方便的做单页面，Vue.js也有很多组件，可以快速的开发项目。

2023年强烈推荐优秀的Vue3 UI组件库

WEB前端

Vue 2将于2023年12月31日停止维护，全面拥抱Vue3 的时代正式来了。随着Vue3 的不断更新发版，稳定性大大提升，已最为很多企业新项目的首选。在之前写了过一篇《强烈推荐优秀的Vue2 UI组件库》文章，总结当时优秀的Vue UI组件库。现在我也根据使用的情况、文档详情程度、组件数量、项目的更新维护频率等方面整理出一份2023年强烈推荐优秀的Vue3 UI组件库。下面雷雪松就详细的给大家介绍下2023年强烈推荐优秀的Vue3 UI组件库。
阅读原文 »

如何在ElementUI组件传递其他参数?

WEB前端

在一个Vue的前端项目中，有一个页面共用了一个表格。当ElementUI表格单选后，除了能获取到当前这一列的数据，还希望能传自定义参数来区分当前哪个Tab。下面雷雪松带大家看一下如何在ElementUI组件传递其他参数。
阅读原文 »

富文本编辑器vue-quill-editor

WEB前端

vue-quill-editor 基于 Vue 和 Quill的富文本编辑器，支持服务端渲染和单页应用，只支持IE10+浏览器。vue-quill-editor非常小巧易用，支持Quill的扩展。下面雷雪松给大家分享一下富文本编辑器vue-quill-editor。
阅读原文 »

JS如何将字符串转化为数字数组

WEB前端 、

在使用Vue的时候，我们需要注意数据的类型。比如，Elment select 组件选中的值是有字符串和数值之分的。很多时候，明明给了一个一样的数字，却不能选中就是因为这个原因。那么就需要将字符串数字转换成数字或者将数字转换成字符串。下面雷雪松给大家介绍一下JS如何将字符串转化为数字数组。
阅读原文 »

Vue中重置data的数据为初始状态

WEB前端

在 Vue 开发的过程中，需要重新使用data中的数据，但是data中的数据已经被赋值改变了，那么怎么重置data的值为初始状态呢？通常有两种方法，一是：一个个直接赋值是肯定可以的，第二种：使用this.$options.data()获取初始data的值，Object.assign()复制对象。下面雷雪松详细的介绍一下Vue中重置data的数据为初始状态的方法。
阅读原文 »

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

WEB前端

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

基于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。
阅读原文 »

TortoiseSVN全局忽略文件或文件夹

WEB前端 、

在我们做VueJS的前端项目开发时，经常会使用npm intsall安装依赖，这个命令执行完以后会在项目的根目录生成一个node_modules文件夹。node_modules文件很多，占用空间比较大。一般node_modules这个文件夹我们不用提交到SVN中做版本控制。这个项目文件很多，很大。而且有的时候别人电脑环境不一样，下载下来也不能正常使用。下面雷雪松就详细的讲解一下TortoiseSVN如何全局忽略文件或文件夹。
阅读原文 »