随笔分类 -  插件

无障碍工具条在前端项目中的使用
摘要：一、使用的工具 https://gitee.com/tywAmblyopia/ToolsUI 二、使用 VUE中使用 -1.拉取代码 -2.将canyou文件夹放到public目录下 -3.在public文件夹下的index.html文件中</head>标签前,引用v1.8以上的jquery.min 阅读全文
posted @ 2023-08-01 14:31 bignewbie 阅读(586) 评论(0) 推荐(0)
配置Vue中@符，出现路径提示
摘要：1.Vs code商店搜索 Path Intellisense 插件安装 2. 打开设置 - 首选项 - 搜索 Path Intellisense - 打开 settings.json ，添加： "path-intellisense.mappings": { "@": "${workspaceRoo 阅读全文
posted @ 2021-11-29 11:28 bignewbie 阅读(822) 评论(0) 推荐(0)
VUE中使用driver.js实现先手引导
摘要：简介 特色功能： 突出显示页面上的任何任何项目 锁定用户交互 创建功能介绍 为用户添加聚焦器 高度可定制 – 可在任何地方使用，可覆盖 界面友好 – 可通过按键控制 轻量级 – gzip 压缩后只有约4kb 在所有主流浏览器中保持一致的行为 免费用于个人和商业用途 安装 ### 使用 npm 或 y 阅读全文
posted @ 2020-03-23 21:19 bignewbie 阅读(3632) 评论(2) 推荐(0)
BScroll使用
摘要：简介 better-scroll 是一个移动端滚动的解决方案，它是基于 iscroll 的重写，它和 iscroll 的主要区别在这里。better-scroll 也很强大，不仅可以做普通的滚动列表，还可以做轮播图、picker 等等。 安装 ### 使用 npm 或者 yarn npm insta 阅读全文
posted @ 2020-03-01 23:08 bignewbie 阅读(1636) 评论(0) 推荐(0)
VUE使用screenfull实现全屏
摘要：简介 点击某按钮实现页面全屏 按下 Esc 键退出全屏 IE9以下无需兼容 安装 ### 使用 npm 或 yarn 安装 npm install --save screenfull 使用 ### 1.在需要使用的页面中引入 import screenfull from 'screenfull' # 阅读全文
posted @ 2020-02-29 23:03 bignewbie 阅读(1856) 评论(13) 推荐(6)
VUE打印功能
摘要：简介 vue项目中,HTML页面打印功能.在项目中,有时需要打印页面的表格 安装 ### 使用 npm 或 yarn 安装 npm install vue-print-nb --saveyarn add vue-print-nb 使用 ### 1.导入文件 import Print from 'vu 阅读全文
posted @ 2020-02-28 23:09 bignewbie 阅读(479) 评论(13) 推荐(6)
VUE中使用XLSX实现导出excel表格
摘要：简介 项目中经常会用导出数据的场景，这里介绍 VUE 中如何使用插件 xlsx 导出数据 安装 ## 1.使用 npm 或 yarn 安装依赖（三个依赖） npm install -S file-saver xlsx npm install -D script-loader 使用 ## 1.在项目的 阅读全文
posted @ 2020-02-26 23:04 bignewbie 阅读(3738) 评论(15) 推荐(5)
Vue中使用NProgress实现进度条
摘要：简介 NProgress是页面跳转或者发生异步请求是浏览器顶部的进度条 GitHub地址：https://github.com/rstacruz/nprogress 在线演示地址：http://ricostacruz.com/nprogress/ 效果如下： 安装 ## 1.使用 npm 或者 ya 阅读全文
posted @ 2020-02-25 23:01 bignewbie 阅读(5372) 评论(17) 推荐(7)
CDN&对象存储
摘要：概念 CDN是什么：名词解释不清，加快静态资源访问的技术 CDN原理：将静态资源缓存到用户所在城市 实现 步骤1：注册七牛云账号 https://portal.qiniu.com/signup?code=1hgfpqu1al36a 步骤2：创建xxx目录&uploads目录，再xxx目录下创建img 阅读全文
posted @ 2020-02-24 23:02 bignewbie 阅读(962) 评论(14) 推荐(6)
微信登录验证
摘要：1、步骤 2、实现 准备：打开测试账号页，搜索【授权】设置安全回调域名或ip 步骤1：组装url用来获取code （通过开发者工具访问） https://open.weixin.qq.com/connect/oauth2/authorize?appid=自己的APPID&redirect_uri=h 阅读全文
posted @ 2020-01-11 15:35 bignewbie 阅读(2983) 评论(0) 推荐(0)
Git版本管理工具使用
摘要：1.Git简介 Git(读音为/gɪt/。)是一个开源的分布式版本控制系统，可以有效、高速地处理从很小到非常大的项目版本管理。 Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。 2.安装Git 官方下载链接：https://git-sc 阅读全文
posted @ 2019-07-23 16:11 bignewbie 阅读(209) 评论(0) 推荐(0)
webpack
摘要：一、什么是 webpack？ webpack 是一个模块打包器。webpack 的主要目标是将 JavaScript 文件打包在一起，打包后的文件用于在浏览器中使用，基于 node 。 二、webpack 安装 /* 注意：以下命令均在 Windows CMD 下运行 */ 1. 运行`npm i 阅读全文
posted @ 2019-05-18 17:19 bignewbie 阅读(224) 评论(0) 推荐(0)
nrm 工具的使用
摘要：一、什么是nrm? 这是官方的原话： 开发的npm registry 管理工具 nrm, 能够查看和切换当前使用的registry, 最近NPM经常 down 掉, 这个还是很有用的哈哈 顾名思义，就是说nrm是一个管理npm的工具，如果你不知道npm是什么的话，请看下这里npm的是什么？。 二、n 阅读全文
posted @ 2019-05-18 00:14 bignewbie 阅读(693) 评论(0) 推荐(0)
轮播图制作
摘要：1.js实现轮播图 2.bootstrap实现轮播图（先导入bootstrap文件） 3.swipe实现轮播图（先导入文件） 4.swiper实现看轮播图（先导入文件） 详情：https://www.swiper.com.cn/ 阅读全文
posted @ 2019-05-04 20:34 bignewbie 阅读(344) 评论(0) 推荐(0)
fullpage 全屏插件
摘要：fullpage 全屏插件 全屏滚动效果，原生js也很好实现，主要是用 mousewheel 鼠标滚轮滚动事件， 来判断上滚动还是下滚动，之后设置每次滚动的高度为屏幕的高度即可。但是，虽然效果简单，但是兼容性很差，要做很多兼容处理及比较麻烦啦！ fullPage.js 是一个基于 jQuery 的插 阅读全文
posted @ 2019-04-11 22:58 bignewbie 阅读(403) 评论(0) 推荐(0)