-

WEB前端

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

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

WEB前端

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

Javascript Fetch教程

WEB前端

fetch()是 浏览器原生提供这个对象。fetch()是 XMLHttpRequest 的升级版,用于在 JavaScript 脚本里面发出 HTTP 请求。下面雷雪松详细介绍fetch的用法。
阅读原文 »

语义化版本规范SemVer讲解

WEB前端

在软件管理的领域,一个产品是不断迭代完善的。系统规模越大,增加的东西越多。如何管理产品版本就成为一个难题。SemVer 是语义化版本(Semantic Versioning)规范 的一个实现,目前是由 npm 的团队维护,实现了版本和版本范围的解析、计算、比较。下面雷雪松给大家讲解下语义化版本规范SemVer。

阅读原文 »

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

WEB前端

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

富文本编辑器vue-quill-editor

WEB前端

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

阿里统计图表库G2Plot

WEB前端

G2Plot中的 G2 即意指图形语法 (the Grammar of Graphics),同时也致敬了 ggplot2。G2Plot是阿里的一套简单、易用、并具备一定扩展能力和组合能力的统计图表 JS 库,基于图形语法理论搭建而成。G2Plot吸引我的优点有:一、代码简单易用。二、大数据展示更智能,避免文本的重叠遮挡、内容无法自适应、内容裁剪等问题。三、提供了多图表组合、叠加、联动,共同讲述一个数据故事的可能性。下面雷雪松带大家一起了解下阿里统计图表库G2Plot。
阅读原文 »

Node零配置服务器之http-server

WEB前端

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

npx 使用教程

WEB前端

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

ES6 Promise详解

WEB前端

Promise 是ES6 中一个 JS 的 Promise 类型对象,用来传递异步操作的消息。有了 Promise 对象,就可以将异步操作以同步操作的流程表达出来,避免了层层嵌套的回调函数。此外,Promise 对象提供统一的接口,使得控制异步操作更加容易。Promise 也有一些缺点。首先,一旦新建它就会立即执行,无法中途取消Promise。其次,Promise 内部抛出的错误只通过catch捕获。第三,当处于 Pending 状态时,无法得知进度。下面雷雪松就详细的讲解下 Promise 。
阅读原文 »

RxJS介绍

WEB前端

RxJS 是 Reactive Extensions for JavaScript 的缩写,是一个基于可观测数据流的响应式编程的库。它是基于订阅-发布模式、观察者模式与迭代器实现的,Vue项目中的 eventbus 就是基于订阅-发布实现的。响应式编程是一种面向数据流和变化传播的编程范式。这意味着可以在编程语言中很方便地表达静态或动态的数据流,而相关的计算模型会自动将变化的值通过数据流进行传播。下面雷雪松给大家介绍一下RxJS。
阅读原文 »