butterfly主题的外挂标签
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 ...
hover时背景颜色从内向外辐射改变css
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 ...
js自动生成手机扫描二维码就可以实现自动下载apk的二维码
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 ...
uni-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是通用的前端开发工具，但为 ...
微信小程序弹幕轮播
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 ...
.JPG)
微信小程序实现下拉刷新
本文将简单介绍如何实现微信小程序的下拉刷新将要使用的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: '刷新中...', }) ...
微信小程序学习笔记（详细汇总）
一、微信小程序简介1、微信小程序，小程序的一种，英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用，它实现了应用触手可及”的梦想，用户扫一扫或搜一下即可打开应用。
2、微信小程序，之前叫应用号，2017年正式上线
3、学习微信小程序之前，强烈建议先学习vue.js，学了之后再学超级快
4、微信小程序优点：
微信有海量用户,且粘性很高，在微信里开发产品更容易触达用户
推广app或公众号的成本太高
开发适配成本低
容易小规模试错,然后快速迭代
跨平台
二、微信小程序环境准备2.1 申请帐号
进入小程序注册页根据指引填写信息和提交相应的资料，就可以拥有自己的小程序帐号
你也可以管理你的小程序的权限，查看数据报表，发布小程序等操作。通过登录小程序后台，可以在菜单 “开发”-“开发设置” 看到小程序的 AppID 了 （记得保密）
2.2 安装开发工具前往 小程序开发工具下载页面 ，根据自己的操作系统下载对应的安装包进行安装
2.3 编译预览这里推荐用vs code编辑，小程序开发工具预览
vscode 小程序开发插件（一）minapp。支持微信小程序 ...
![JSON文件[“USINGCOMPONENTS“][“VAN-BUTTON“] 未找到](https://cdn.jsdelivr.net/gh/wuzhiguang1/bolgfile@2.0/photo/vm76op.jpg)
JSON文件[“USINGCOMPONENTS“][“VAN-BUTTON“] 未找到
错误信息.json: [“usingComponents”][“van-button”] 未找到或者.json: [“usingComponents”][“van-button”]: “path/to/vant-weapp/dist/button/index” 未找到
解决
右击在外部命令行打开
执行
1npm init
一路回车确定
1npm install --production
然后执行
1npm i vant-weapp -S --production -verbose
点击菜单栏–》工具 –》构建npm,下图是项目的本地设置
重新定义路径
https://blog.csdn.net/Fine_Cui/article/details/107395182
如何在微信小程序开发中正确的使用vant ui组件
微信小程序终于可以支持npm导入第三方库了（https://developers.weixin.qq....），但是这种导入模式和使用模式有别于我们使用的npm调用。今天我按照有赞新出的vant小程序ui库来讲解如何导入npm资源。
第一步：
在小程序工程的根目录下执行：
1npm i vant-weapp -S --production
第二步：
保证当前你的微信开发者工具是最新版本，然后点击执行“构建npm“
构建成功后会提示：
同时项目根目录中会多出一个目录“miniprogram_npm”，这个就是小程序可以识别的npm第三方库。
第三步：
这时候当我们需要在一个页面中调用vant组件，那么就要在对应的页面json中添加类似如下配置：
123456{"usingComponents":{ "van-button":"/miniprogram_npm/vant-weapp/button/index" }}
接着你就可以在wxml中直接调用这个ui组件了。
...
使用git提交新项目到gitee
1、本地安装git环境下载安装包安装即可
2、初始化git项目，生成 .git 配置目录进入项目根目录,右键 git bash here打开控制台 ，输入git init即可完成
3、将项目加入本地git仓库 git add . （此处add后面有空格 和点号）
git status
touch README.md （可不要）
git add README.md （可不要）
git commit -m “first commit”
4、在git、码云建好云端项目，生成git url (建好项目，在项目的克隆下载处复制url即可)
5、连接云端仓库,将本地仓库代码提交到云端仓库连接云端仓库 ==>git remote add origin https://gitee.com/xxx/xxx.git
为解决本地与云端版本冲突，加上-f参数，push文件
git push –set-upstream origin master -f
之后会提示输入云端仓库的用户名，密码，验证成功开始上传并完成，实测码云可通过
不加f会提示错误：
! [rejected] mas ...
