阿乐のBlog - aqingya.cn

问题相信很多人在用Vue使用别人的组件时，会用到 Vue.use() 。例如：Vue.use(VueRouter)、Vue.use(MintUI)。但是用 axios时，就不需要用 Vue.use(axios)，就能直接使用。那这是为什么呐？答案因为 axios 没有 install。什么意思呢？接下来我们自定义一个需要 Vue.use() 的组件，也就是有 install 的组件，看完之后就明白了。定义组件生成模版 vue init webpack-simple custom-global-component custom-global-component 为新建的文件夹名称然后一路回车 cd custom-global-component 进入该文件夹 npm install 安装本次需要的模块 npm run dev 运行项目如果能正常打开，进行下一步这是当前项目目录： 1.创建如下图中的文件夹和文件 2.在 Loading.vue 中定义一个组件 12345<template> <div class="loading-bo ...

关于Vue.use()

发表于2021-04-27|Vue|Vue| 条评论

出现原因运行 npm i 安装依赖，报错 ERESOLVE unable to resolve dependency tree 错误原因等依赖项中存在无法解决的冲突，npm@7 现在尝试安装它们，而npm@6没有。解决方案使用 npm i --legacy-peer-deps 参考点击前往

ERESOLVE unable to resolve dependency tree

发表于2021-04-27|Vue|npm•VueCli| 条评论

html页面如何实现中英文切换Demo.js如下： 1234567891011121314151617181920212223242526272829303132333435363738394041<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>中英转换</title> <script type="text/javascript" src="js/language.js&q ...

HTML页面实现中英文切换

发表于2021-04-25|HTML|HTML•中英文切换| 条评论

ButtonInline12This is my website, click the button {% btn 'https://butterfly.js.org',Butterfly %}This is my website, click the button {% btn 'https://butterfly.js.org',Butterfly,,outline%} This is my website, click the button Butterfly This is my website, click the button Butterfly Block123This is my website, click the button {% btn 'https://butterfly.js.org',Butterfly,far fa-hand-point-right,block larger %}This is my website, clic ...

butterfly主题的外挂标签

发表于2021-04-19|Hexo|Hexo•butterfly主题| 条评论

hover时背景颜色从内向外辐射改变css，代码如下。 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</t ...

hover时背景颜色从内向外辐射改变css

发表于2021-04-19|CSS|CSS•CSS3| 条评论

js自动生成手机扫描二维码就可以实现自动下载apk的二维码js自动生成手机扫描二维码就可以实现自动下载apk的二维码代码如下： 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko"><head> <title>Javascript 二维码生成库：QRCode</title> <meta ...

js自动生成手机扫描二维码就可以实现自动下载apk的二维码

发表于2021-03-11|app开发|app开发•二维码| 条评论

uni-app的基本使用课程介绍：基础部分：环境搭建页面外观配置数据绑定 uni-app的生命周期组件的使用 uni-app中样式学习在uni-app中使用字体图标和开启scss 条件注释跨端兼容 uni中的事件导航跳转组件创建和通讯，及组件的生命周期 uni-app中使用uni-ui库项目：黑马商城项目 uni-app介绍官方网页uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉）等多个平台。即使不跨端，uni-app同时也是更好的小程序开发框架。具有vue和微信小程序的开发经验，可快速上手uni-app 为什么要去学习uni-app？相对开发者来说，减少了学习成本，因为只学会uni-app之后，即可开发出iOS、Android、H5、以及各种小程序的应用，不需要再去学习开发其他应用的框架，相对公司而言，也大大减少了开发成本。环境搭建安装编辑器HbuilderX 下载地址 HBuilderX是通用的前端开发工具，但为 ...

发表于2021-01-25|uni-app开发|uni-app开发| 条评论

WXML123456789<swiper class="swiper_container" vertical="true" autoplay="true" circular="true" interval="1000"><block wx:for="{{msgList}}"><navigator url="/pages/index/index?title={{item.url}}" open-type="navigate"><swiper-item><view class="swiper_item">{{item.title}}</view></swiper-item></navigator&g ...

微信小程序弹幕轮播

发表于2021-01-02|微信小程序|微信小程序•轮播弹幕| 条评论

本文将简单介绍如何实现微信小程序的下拉刷新将要使用的api： wx.showNavigationBarLoading(Object object) wx.showLoading(Object object) wx.hideLoading(Object object) wx.hideNavigationBarLoading(Object object) wx.stopPullDownRefresh(Object object) wx.request(Object object) 1234567891011121314151617181920212223242526272829303132//刷新onRefresh(){ //在当前页面显示导航条加载动画 wx.showNavigationBarLoading(); //显示 loading 提示框。需主动调用 wx.hideLoading 才能关闭提示框 wx.showLoading({ title: '刷新中...', }) ...

微信小程序实现下拉刷新

发表于2020-12-21|微信小程序|微信小程序•小程序下拉刷新| 条评论

一、微信小程序简介1、微信小程序，小程序的一种，英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用，它实现了应用触手可及”的梦想，用户扫一扫或搜一下即可打开应用。 2、微信小程序，之前叫应用号，2017年正式上线 3、学习微信小程序之前，强烈建议先学习vue.js，学了之后再学超级快 4、微信小程序优点：微信有海量用户,且粘性很高，在微信里开发产品更容易触达用户推广app或公众号的成本太高开发适配成本低容易小规模试错,然后快速迭代跨平台二、微信小程序环境准备2.1 申请帐号进入小程序注册页根据指引填写信息和提交相应的资料，就可以拥有自己的小程序帐号你也可以管理你的小程序的权限，查看数据报表，发布小程序等操作。通过登录小程序后台，可以在菜单 “开发”-“开发设置” 看到小程序的 AppID 了（记得保密） 2.2 安装开发工具前往小程序开发工具下载页面，根据自己的操作系统下载对应的安装包进行安装 2.3 编译预览这里推荐用vs code编辑，小程序开发工具预览 vscode 小程序开发插件（一）minapp。支持微信小程序 ...

微信小程序学习笔记（详细汇总）

发表于2020-12-01|微信小程序|微信小程序| 条评论

数据库加载中