- 博客(5)
- 收藏
- 关注
RSS订阅原创 阿里图标库的使用方法
阿里图标库的使用方法一. 登录阿里图标库官网https://www.iconfont.cn/二. 搜索使用的图标这里需要注意，在下载图标之前需要注册登录账户三. 下载素材将图标添加入库，然后点击添加至项目，如果没有项目需要创建一个，然后选择下载至本地四. 操作打开本地下载目录(注意将解压后的文件保存到项目文件对应的目录当中)，打开demo_index.html文件，选择第二项按要求导入标签最后将图标名称以 icon-xxx的形式相结合，配置到页面当中...
2020-12-21 21:05:32
1430
原创 Vue创建项目的3种方式
Vue创建项目的3种方式前言：在创建Vue项目时需要安装vue脚手架，安装方法入下：打开终端-运行 npm i -g @vue/cli,安装完成之后运行vue -V查看相关信息一. 第一种方式(1) 打开终端输入vue create 项目名 回车(2) 在选择配置面板一般选择用户自定义配置(3) 选择配置内容，一般为babel,router,linter等空格键经行选择(4) 一般不建议使用历史模式(5) 推荐使用第一项或第三项(6) 选择第一项(7) 一般选择第一项，为的
2020-12-21 13:59:51
1089
1
原创 Vue实现懒加载(基于babel)
Vue实现懒加载(基于babel)一. 安装对应依赖两种方法：分别针对于终端和可视化窗口，第一种方式为：打开终端-输入npm i –-save-dev @babel/plugin-syntax-dynamic-import第二种方法为：打开可视化窗口-依赖面板-安装依赖-选择开发依赖-搜索安装@babel/plugin-syntax-dynamic-import插件二. 原理分析为达到优化文件体积，加快页面传输使用懒加载功能，懒加载即将不同的路由对应的代码块进行分离打包，优化了文件传输的效率三
2020-12-21 11:23:06
333
原创 Vue移除Console.log()
移除Console.log()一. 安装对应依赖两种方法：分别针对于终端和可视化窗口，第一种方式为：打开终端-输入npm i babel-plugin-transform-remove-console --save --dev第二种方法为：打开可视化窗口-依赖面板-安装依赖-选择开发依赖-搜索babel-plugin-transform-remove-console插件二. 原理分析在babel文件添加transform-remove-console字段，取除console.log输出，通过添加
2020-12-20 21:41:03
769
原创 Nprogress进度条
添加页顶进度条一. 安装对应依赖两种方法：分别针对于终端和可视化窗口，第一种方式为：打开终端-输入npm i nprogress –save nprogress第二种方法为：打开可视化窗口-依赖面板-安装依赖-选择运行依赖-搜索nprogress插件(一般为0.2.0版本)二. 进度条的使用原理对于nprogress包来...
2020-12-20 17:25:20
560
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人