摘要:
使用webpack管理项目 新建项目文件夹,使用npm init -y创建 package.json文件 在项目中安装webpack npm install webpack webpack-cli -D 在项目中配置webpack // 根目录下新建 webpack.config.js module 阅读全文
摘要:
【方式一:】通过命令行工具开启本地服务 # 1. 全局安装 npm i -g serve # 2. 进入指定的目录 cd dist # 3. 打开命令行工具 serve # 可以通过 http://localhost:3000 进行访问 3000 为端口号,以允许后面板中提示为准 【方式二:】win 阅读全文
摘要:
VSCode 前端编码IDE VSCode:是一款免费的、开源的、高性能的、跨平台的、轻量级的代码编辑器,同时,在性能,语言支持、开源社区方面也做的很不错! VSCode 下载地址 Beyond Compare 文件对比工具 Beyond Compare是一款最好的专业级文件及文件夹对比工具!使用该 阅读全文
摘要:
超炫背景粒子插件particlesjs 基于html5 canvas的轻量级炫酷js粒子动画库插件。该js粒子动画库插件可以设置粒子的形状、旋转、分布、颜色等属性,还可以动态添加粒子,效果非常酷。 IE9+ particlesjs-GitHub 在线Demo预览 CND 安装 npm install 阅读全文
摘要:
前端文件下载的几种方式 // 1. 直接下载 (针对一些浏览器无法识别的文件格式,直接在地址栏上输入URL即可触发浏览器的下载功能) window.location.href = URL; window.open(URL); // 2. 直接下载 使用A标签download属性 <a href="f 阅读全文
摘要:
引导页效果 Driver.js -Demo 是一个指南性质的库 访问GitHub Driver 的使用 1、安装依赖包 npm install driver.js 或 yarn add driver.js 2、main.js 引入并将方法挂载到 vue 原型上 // 导入文件 import Driv 阅读全文
摘要:
方式一: 在标签上设置属性 当数据为空时,通过 expty-text 设置空数据提示文本 <vxe-table expty-text="没有更多数据了" :data="tableData"></vxe-table> 方式二:通过在标签内使用 插槽的方式自定义提示语 <vxe-table border 阅读全文
摘要:
表格翻页选记录 场景:从多页表格中选择一些项,把选中的项数据拿出来 问题:由于每次翻页的时是重新从请求并更新表格数据,所以一旦翻页,当前页已选中的数据丢失了。 保留选中的数据,需要设置 row-id 和 checkbox-config 中的 reserve 属性 <vxe-grid row-id=" 阅读全文
摘要:
vxe-grid高级表格:是一个包含表单、工具栏、vxe-table基础表格、分页等全功能的组件 数据代理: 通过配置 proxy-config 启用数据代理将不需要再主动发送请求,由表格代理增删改查的相关调用逻辑,只需要配好了对应的接口即可自动渲染 通过配置 pager-config参数开启分页功 阅读全文
摘要:
vxe-table 介绍 一个基于vue的PC端表格组件库,支持增删改查、虚拟滚动、懒加载、表单校验、树形结构、打印导出、表单渲染、数据分页等 v3.0 基于 vue2.6+,支持现代浏览器并兼容IE11 v4.0 基于 vue3.0+, 只支持现代浏览器,不支持IE 仓库、示例、文档入口 vxe- 阅读全文