1、前言 在日常的工组学习中，我们经常会看到Js代码中的export、import关键字，那它到底是什么用呢？今天我们就一起来看看。 2、关于export export中文意为“导出”，import中文意为“导入”，在Js的ES6规发布后，module成为标准，我们单个文件中的变量和接口（方法）需要使用export关键字导出后才能被其他文件调用。对…

1、前言 在前面的学习中，我们用到过var、let、const去定义变量，那么它们定义的变量之间到底有什么区别呢？今天我们就一起来看看。 2、快速开始 2.1、关于作用域 首先，var定义的变量是没有作用域的；但let和const定义的变量只能在当前块中使用。 {var a=1,b=2} // 块，块中var定义的变量可以在其他块和块外使用 fun…

背景 近期在开发质量分析平台的时候，我选择使用对后端友好的LayUI框架，但是在使用layui-card的时候，发现向其中插入一个loading的图标，这个图标是在左上角的，我想要将其居中。同时这个图标layui-icon-loading是静止的，我希望它能够动起来。 解决办法 1、图标居中展示 居中展示有很多种方法，可以使用原生的css来实现，但…

前言 最近在做质量分析平台的时候，需要用到echarts图表，那怎么样优雅的实现我们想要的效果呢？ 1、思路 首先，我们使用LayUI的格栅布局，在一个container中起一个行，然后将其66平分，各自使用card填充。然后为这两个card定义id。最后我们在js中对card进行初始化和渲染。 2、代码 2.1、card布局 如上，为两个card…

1、前言 之前，我曾经介绍过使用vue+LayUI+FastApi实现前后端分离的小demo，有同学单独跟我推荐说有专门适配vue的LayUI版本，它就是layui-vue，今天我们一起来体验一下。 2、快速开始 NodeJs的安装点这里：http://nodejs.cn/；安装完记得修改npm源。 2.1、创建vue项目 mkdir layvue…

前言 前面我们在学习 Vue 的时候都是将 Vue 的代码直接写在 html 文件的 script 中，但实际工作中，我们会使用工具（比如 vue-cli）创建完整的项目结构，同时将 vue 项目托管于 nodeJS 等 JS 运行时，实现前端服务的生产化部署。 NodeJS&NPM Node.js 是一个基于 Chrome V8 引擎的 …

1、关于它 我们都知道vuepress是一个基于vue的文档系统，我们可以用来做静态资源站点，个人博客等。相比Docsify，hexo等，vuepress在SEO和二次开发等方面拥有绝对的优势，今天我们就一起来入门vuepress。 2、快速开始 2.1、前置依赖 vuepress的使用依赖NodeJs环境，所以首先我们需要安装NodeJs，安装指…

前言 前面我们在学习Vue的时候都是将Vue的代码直接写在html文件的script中，但实际工作中，我们会使用工具（比如vue-cli）创建完整的项目结构，同时将vue项目托管于nodeJS等JS运行时，实现前端服务的生产化部署。 NodeJS&NPM Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境…

1、前言 已经掌握了vue3入门的同学，在实际学习和开发中用的最多的概念肯定会有响应式，今天我们就一起来复习下关于vue3的响应式用法。 因为实际工作中我们通常会使用脚手架创建项目，所以我们直接在脚手架项目中进行演示。 2、选项式Api和组合式Api 2.1、选项式Api 熟悉vue2的同学对选项式Api很熟悉了，vue也兼容选项式Api，在vue…

1、前言 接上节，我们初步体验了layui-vue的用法。相比其他ui框架，layui-vue的数据结构显得不是非常友好，但是经过数据拼凑也是能够成功运行的。 今天我们就主要介绍下在实际开发中最常用到的前后端接口交互。因为大多数时候前端为了高性能，对于后端接口的调用都会采用异步的方式。那该如何在vue3中使用异步请求渲染页面呢？ 2、快速开始 2.…