- 博客(117)
- 资源 (27)
- 问答 (3)
- 收藏
- 关注
RSS订阅原创 window安装mysql
右击计算机->属性->高级系统设置->环境变量，找到path变量，添加安装目录到path变量：D:\mysql\bin。重新设置密码：set password for root@localhost = password(‘root’);打开终端，键入：mysqld --initialize命令，这是创建data文件夹。创建服务后可以使用：net start mysql命令启动mysql服务。创建mysql服务：mysqld --install。登入mysql:mysql -u root -p。
2023-08-01 14:28:10
159
原创 jquery日历插件，可自定义日期内容
效果图：使用：<link href="static/css/raoCalendar.css" rel="stylesheet" type="text/css"><script src="static/js/jquery.min.js"></script><script src="static/js/raoCalendar.js"></script><script> var data = [ .
2022-05-31 17:13:24
1958
7
原创 android 自定义提示弹窗
效果预览：调用方式：SmileDialog dialog = new SmileDialogBuilder(activity, type) .setTitleText(R.string.app_name) .setTitleText("弹出提示") .setContentText("这里是提示内容！") .setConformButton("确定") .
2021-11-08 16:53:45
1032
原创 css实现波浪进度条动画
效果图代码<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <style> *{ margin: 0; padding: 0; box-sizing: border-box;.
2021-09-18 13:47:59
1001
原创 vue实现一个简单的下拉选择框组件
效果图：组件代码：<template> <div class="select-container"> <div class="input-container"> <input class="input" v-model="searchValue" type="text" :placeholder="placeholder" :readonly="!isSearch" @focus="inputFocus"
2021-07-13 17:33:53
9428
原创 div+css实现圆形loading动画，渐变拖尾动画
先来上个效果图：思路：使用渐变背景色来实现渐变拖尾，再使用两个圆形div来实现圆弧，拖尾最前端的圆形是用的一个圆形定位到固定位置实现的。全部代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0".
2021-02-26 17:29:20
1989
原创 layui多选级联选择器的实现
在做项目的过程中经常会遇到要使用级联选择的时候，级联选择器如何实现多选呢？先来看看效果：源代码如下：<html lang="en"> <meta charset="utf-8"> <title>LayUI RC-Cascader</title> <link rel="stylesheet" href="./js/layui-v2.5.6/layui/css/layui.css"> <style> html,
2021-02-23 11:02:15
5144
2
原创 android拍照并按照时间保存至本地
android开发，调用摄像头拍照，并按照当前日期时间保存图片。无损保存原图package com.lotaai.showcase.activity;import com.lotaai.showcase.R;import com.lotaai.showcase.comm.ResourceConfig;import com.lotaai.showcase.comm.WebSettingConfig;import android.annotation.SuppressLint;import a
2020-12-24 14:23:21
557
原创 vue本地开发微信公众号（测试号）--获取code
在使用vue开发微信公众号的过程中，我们不可避免的需要测试，每次改动一点点就要打包上传服务器？那也太鱼唇了，那么vue怎么在本地测试呢？如何能够做到npm run serve就可以直接进行公众号调试呢？在开始之前需要有一下几个条件：申请一个微信测试号 下载微信开发者工具，（要想获取code换取openid必须使用微信浏览器，微信开发者工具可以调试网页） 使用natapp申请一个免费的内网穿透通道 搭建一个本地服务器（我这里使用的xampp集成环境）下面是我自己整理的详细步骤：1、申请na
2020-11-05 15:38:22
1851
原创 vue transition的理解
最近开发的过程中用到了vue的transition组件，写一下自己的心得体会。transition的作用首先我的理解是transition是作为元素切换时的过渡动画，例如在一个div进行v-if,v-show的时候，他的显示与隐藏分别进行怎样的变幻，都可以由transition进行控制。transition的属性v-enter：元素显示/插入前的效果，例如：transform:translateX(-200%); v-active-enter：元素显示/插入的过渡时间和函数，例如：tra.
2020-09-09 17:44:55
13014
2
原创 纯div+css实现翻书loading
效果图：话不多说，直接上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>纯css3实现翻书效果</title> <link href="reset.css" rel="stylesheet" type="text/css"> <style> *{
2020-09-03 17:48:23
456
1
原创 vue实现局部页面缓存+返回上一页传参
问题说明：在使用vue开发的过程中难免会遇到这种问题：1、当我们需要前往另一个页面去做其他操作后，返回上一个页面，上一个页面的状态会被刷新，我们需要让上一个页面的状态保留。2、当我们返回上一页的时候如何把参数传回上一页。解决思路：1、使用keep-alive:include="caches"来实现页面状态的保留，通过动态修改caches来达到局部页面缓存，include会缓存包含的页面。所以你可以将需要缓存的几个页面放在caches中，当退出这几个页面的时候再取消缓存。2、通过lo.
2020-09-02 15:20:59
2591
原创 vue3部署高德地图js api，如何将高德地图infoWindow交互事件挂载到vue实例上
首先要想使用高德地图js api，需要先在高德开放平台注册成为开发者，注册后，可以新建一个应用，获取你应用的key。获得Key之后，我们就可以需要在项目中添加JS API 的入口脚本标签，这里我选择添加到public/index.html中：<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值"></script> 添加之后，你就可以在你的组件
2020-08-24 17:37:46
1653
5
原创 js 操作canvas绘制写轮眼旋转动画
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style media="screen"> body {text-align:center} canvas{ margin: 0 auto; background:white; border: 2px solid #e2e2e2; margi.
2020-08-20 15:17:11
782
原创 js canvas制作动画，旋转的太极
最近对于canvas有些兴趣，对于一些大神制作的优秀的h5动画心生向往，开始研究了canvas之旅，下面是练手之作。效果：源码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style media="screen"> body {text-align:center}
2020-08-20 09:51:59
462
1
原创 vue插件--仿微信小程序showModel实现模态提示窗
效果图：下面是源码：index.jsimport Vue from 'vue';import model from './model.vue';export default { install(Vue) { const defaults = { show: false, mask: true, title: '提示', content: '这是正
2020-08-19 11:42:37
567
原创 vue插件--仿微信小程序showToast实现弱提示
效果图：根据参数分别有4种样式：success，info，warning，error，none开发者可以根据自身需要替换对应的图标即可。下面是代码：index.jsimport Vue from 'vue';import toast from './toast.vue';export default { install(Vue) { const defaults = { show:false,
2020-08-19 11:31:59
972
3
原创 jquery手写一个插件组件
先看下效果吧：插件代码：(function(){ $.fn.indexBanner = function (options) { //2.将调用时候传过来的参数和default参数合并 options = $.extend({}, $.fn.indexBanner.defaults, options || {}); //3.添加默认值 var target = $(this); target.e.
2020-06-18 17:19:55
337
原创 微信小程序自定义组件---日历打卡组件
最近需求要求实现一个用日历显示用户打卡记录的功能，百度google了微信小程序的组件，都没有找到合适的，索性就懒得找了，自己动手，丰衣足食。下面先来看看日历组件的效果吧：设计要求：1、能够折叠日历组件2、能够标记日期3、能够根据左右滑动切换月份，并且刷新数据。设计思路：1、折叠可以通过添加移除class实现动画折叠。2、每个日期都是一个格子，可以放时间，也可以放图标，只需要根据wx:if来控制是否显示图标和样式。3、使用微信的原生组件swiper来实现左右滑动的.
2020-06-05 16:53:34
4635
5
原创 vue+mintUI实现移动端tabbar左右滑动切换
思路使用transition组件实现切换动画，使用watch监听route来实现切换的方向。效果实现方法<template> <div class="layout-container"> <div class="header-layout"> <my-header :title="headerTitle"></my-header> </div> <d
2020-05-22 10:54:48
2722
原创 vuex在action中提交commit异步事件问题
在开发过程中遇到一个问题，就是在action中提交的commit执行是异步事件。先看代码：// action.jssign_in({ commit }, user) { // 触发登录状态 commit({ type: 'sigin_in', payload : { user } }); console.log("++++++");},// mutations.jsasync sigin_in
2020-05-20 11:41:49
3700
原创 支付宝小程序获取手机号码的的详细流程。（配置开发设置，具体流程）
支付宝小程序获取手机号码跟微信小程序的不一样，所以获取的流程也有很多的不同，所以第一步并不是直接写代码。流程如下：一、登录支付宝小程序开发管理平台 ->开发中心->小程序应用->选择你的小程序（点击查看）->设置->开发设置上图中的接口加签方式、IP白名单、应用网关、接口内容加密方式都需要设置。二、接口加签方式，点击后需要授权短信验证码验证身份，然后如下图：这里我模拟使用官方提供的支付宝密钥生成器生成密钥就行，步骤如下：1.下载安装密钥生成器：.
2020-05-12 13:32:35
9944
2
原创 支付宝小程序问题汇总
1、input组件没有readonly属性支付宝小程序的input基础组件没有readonly属性 2020.05.06解决方法：如果只是想要显示数据的话使用view模拟一下就行：<view a:if="{{value.length==0}}" class="placeholder">请输入用户名</view ><view a:else>...
2020-05-06 14:13:43
1020
原创 vue封装axios
在VUE开发过程中免不了使用axios，官方的axios使用在项目中使用起来还是不怎么方便的，例如对于异步的处理并不完美、请求参数的加密等。话不多说，直接上代码：import axios from "axios";import store from "store/";import qs from "qs"; // 序列化传参，以&符号连接import md5 from "m...
2020-04-28 11:08:26
276
原创 ES6的Object.assign()
ES6新增了很多语法，今天我们来详细了解一下Object对象的新方法assign();使用方法：我们之前需要拷贝一个对象的属性的时候是这样的：var a = { aa: "123" };var b = { bb: "456" };var c = { cc: "789" };c.aa = a.aa;c.bb = b.bb;// 结果： c = {cc: "789", ...
2020-04-24 15:16:57
199
原创 UKEY开发，vue+websocket实现用户登录UKEY认证
首先，在开始开发之前，先了解一下UKEY的用户登录流程，我前面整理了一些登录的流程：点这里查看登录流程：传送门OK，了解了登录流程，我们来开始看看在vue中是怎么样进行实际的开发的。首先你需要在导航收尾中初始化websocket的连接:router.beforeEach((to, from, next) => { // 初始化后后能够监听UKEY拔插事件 ...
2020-04-24 10:31:12
9391
16
原创 UKEY开发 用户登录流程
UKEY版本：UKEY2000D最近公司接了一个开发项目，需要开发一个使用UKEY进行用户身份认证的功能，看了一些开发文档和资料后自己整理了一下用户登录的流程。下面先介绍一下UKEY的内部结构，也就是那个像U盘一样的东西，通常叫他加密锁、加密狗。下面就是加密锁的内部结构：如图所示，在加密锁内部有各种算法，这些算法都是开发商设置在加密锁内部的固话算法，不同的开发商应该会设置不同的算法...
2020-04-10 11:23:57
13452
5
原创 vue报错：Loading chunk * failed，vue-router懒加载出错问题。
在改一个项目的过程中，与到一个问题，route.push()的时候报错：Loading chunk * failed。在网上找了一大堆解决办法，虽然没有直接的解决问题，但还是得到了一些启发。作者这里提供了三种解决方式：一、不用懒加载，直接使用组件import Foo from "@/views/foo"const router = new VueRouter({ routes...
2020-04-01 15:25:20
8921
原创 微信小程序自定义组件---生成小程序分享海报分享到朋友圈
在开发微信小程序的过程中免不了要使用到分享功能，然而现在微信官方还没有开放小程序分享到朋友圈的功能，这时候我们只能使用其他方法分享到朋友圈了。效果图如下：组件文件：js文件：// components/rwj-poster/index.jsComponent({ /** * 组件的属性列表 */ properties: { }, /** ...
2020-01-14 11:01:30
2172
原创 微信小程序自定义组件---loading组件
在开发微信小程序的过程中，经常会使用到loading动画，微信自带的wx.showLoading()与wx.showToast()在使用上非常的方便，但是这个接口也是一个坑，在安卓真机上运行，经常会出现wx.hideLoading()无效的情况，结果就导致loading动画一直存在，看到微信官方说的是不在onShow和onLoad中调用，还有就是加个延时setTimeout，然而这两个我都试过了，...
2020-01-03 15:11:56
4537
3
原创 uniapp如何引入阿里云矢量图标库
最近搞了下uniapp的开发，写一下关于引入阿里云矢量图标库的方法：首先说下我走过的坑吧，我直接把图标zip包下下来放在static里面，在App.vue的style中引入，保存，后面查了下，微信小程序不允许使用本地字体图标，没办法，改一下，直接引用阿里云的在线链接，还是保错，微信小程序无法引入远程网络样式。最后把样式下载下来，更改字体图标的引入：复制此链接到浏览器将样式下载下来新...
2019-12-22 15:11:24
4527
1
原创 微信小程序bug记录
1、bug--开启下拉刷新不能自动回弹说明：微信小程序开启下拉刷新后，开发者工具上可以自动回弹，android上不能回弹，基础库2.9.4解决：在onPullDownRefresh监听函数中动态关闭回弹，代码：//index.json"enablePullDownRefresh": true,//index.jsonPullDownRefresh: function(){...
2019-12-17 10:56:48
702
原创 微信小程序自定义组件-自定义底部菜单栏(tabbar)
在做小程序开发的时候，客户给出一个底部菜单栏的效果图，要求中间的一个菜单呈圆形突出，也就是下面的效果：小程序的原生的tabbar是不行了，我就自己写了一个tabbar的组件。前言：目前还存在一些问题待完善，例如跳转未加载过的页面时闪烁的问题。配置：首先是开启自定义tabbar设置： app.json->"custom": true，这里为了方便我就直接在app.jso...
2019-12-12 11:03:18
3959
2
原创 写一个工具函数，指定位数的随机字符串（开头不为数字）
闲来无事，写个工具函数记录一下：function randomStr(num){ const firstStr = 'abcdefghijklmnopqrstuvwxyz_'; const strLibrary = 'abcdefghijklmnopqrstuvwxyz0123456789_'; let str = ""; for (let i = 0, le...
2019-12-06 10:49:44
125
原创 微信小程序swiper切换特效
如果觉得微信小程序的切换太过生硬，可以看看下面我的方法：wxml：<swiper indicator-dots="true" autoplay="true" interval="{{interval}}" duration="{{duration}}" circular="true" current="{{bannerCurrent}}" bindchange="bannerCha...
2019-12-03 13:12:03
2170
1
原创 微信小程序开发---使用IntersectionObserver实现懒加载
微信小程序提供了一个很好用的api，IntersectionObserver 对象，监听目标元素与其祖先或视窗交叉状态的手段。其实现原理在于监听目标元素与参照区域相交（参照区域可以为页面显示区域、指定一个元素节点）；这里实现懒加载的原理就是如此，监听需要加载的图片，给图片数组添加一个showState：false的字段，当使用IntersectionObserver 监听到图片进入参照区域...
2019-12-02 11:31:47
1575
微信小程序自定义组件-打卡日历组件
2020-09-09
vue移动端项目基础模板
2020-08-05
微信小程序自定义组件--日历组件
2020-06-05
微信小程序-海报生成组件
2020-01-14
微信小程序自定义组件-loading.rar
2020-01-03
微信小程序组件---授权信息弹窗
2019-12-20
微信小城程序组件---折叠面板
2019-12-20
paging.rar
2019-11-27
xampp-windows-x64-7.3.10-0-VC15-installer.exe
2019-10-11
swiper+jquery制作的移动端日期选择器
2019-02-26
百度地图api js在移动端画多边形的解决方法
2018-07-09
TA创建的收藏夹 TA关注的收藏夹
TA关注的人