- 博客(117)
- 资源 (27)
- 问答 (3)
- 收藏
- 关注
原创 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 194
原创 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 2188 7
原创 android 自定义提示弹窗
效果预览:调用方式:SmileDialog dialog = new SmileDialogBuilder(activity, type) .setTitleText(R.string.app_name) .setTitleText("弹出提示") .setContentText("这里是提示内容!") .setConformButton("确定") .
2021-11-08 16:53:45 1061
原创 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 1085
原创 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 9742
原创 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 2130
原创 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 5397 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 636
原创 vue本地开发微信公众号(测试号)--获取code
在使用vue开发微信公众号的过程中,我们不可避免的需要测试,每次改动一点点就要打包上传服务器?那也太鱼唇了,那么vue怎么在本地测试呢?如何能够做到npm run serve就可以直接进行公众号调试呢?在开始之前需要有一下几个条件:申请一个微信测试号 下载微信开发者工具,(要想获取code换取openid必须使用微信浏览器,微信开发者工具可以调试网页) 使用natapp申请一个免费的内网穿透通道 搭建一个本地服务器(我这里使用的xampp集成环境)下面是我自己整理的详细步骤:1、申请na
2020-11-05 15:38:22 1901
原创 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 13153 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 507 1
原创 vue实现局部页面缓存+返回上一页传参
问题说明:在使用vue开发的过程中难免会遇到这种问题:1、当我们需要前往另一个页面去做其他操作后,返回上一个页面,上一个页面的状态会被刷新,我们需要让上一个页面的状态保留。2、当我们返回上一页的时候如何把参数传回上一页。解决思路:1、使用keep-alive:include="caches"来实现页面状态的保留,通过动态修改caches来达到局部页面缓存,include会缓存包含的页面。所以你可以将需要缓存的几个页面放在caches中,当退出这几个页面的时候再取消缓存。2、通过lo.
2020-09-02 15:20:59 2655
原创 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 1757 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 831
原创 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 472 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 597
原创 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 1017 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 348
原创 微信小程序自定义组件---日历打卡组件
最近需求要求实现一个用日历显示用户打卡记录的功能,百度google了微信小程序的组件,都没有找到合适的,索性就懒得找了,自己动手,丰衣足食。下面先来看看日历组件的效果吧:设计要求:1、能够折叠日历组件2、能够标记日期3、能够根据左右滑动切换月份,并且刷新数据。设计思路:1、折叠可以通过添加移除class实现动画折叠。2、每个日期都是一个格子,可以放时间,也可以放图标,只需要根据wx:if来控制是否显示图标和样式。3、使用微信的原生组件swiper来实现左右滑动的.
2020-06-05 16:53:34 4856 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 2753
原创 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 3810
原创 支付宝小程序获取手机号码的的详细流程。(配置开发设置,具体流程)
支付宝小程序获取手机号码跟微信小程序的不一样,所以获取的流程也有很多的不同,所以第一步并不是直接写代码。流程如下:一、登录支付宝小程序开发管理平台 ->开发中心->小程序应用->选择你的小程序(点击查看)->设置->开发设置上图中的接口加签方式、IP白名单、应用网关、接口内容加密方式都需要设置。二、接口加签方式,点击后需要授权短信验证码验证身份,然后如下图:这里我模拟使用官方提供的支付宝密钥生成器生成密钥就行,步骤如下:1.下载安装密钥生成器:.
2020-05-12 13:32:35 10383 3
原创 支付宝小程序问题汇总
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 1073
原创 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 306
原创 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 215
原创 UKEY开发,vue+websocket实现用户登录UKEY认证
首先,在开始开发之前,先了解一下UKEY的用户登录流程,我前面整理了一些登录的流程:点这里查看登录流程:传送门OK,了解了登录流程,我们来开始看看在vue中是怎么样进行实际的开发的。首先你需要在导航收尾中初始化websocket的连接:router.beforeEach((to, from, next) => { // 初始化后后能够监听UKEY拔插事件 ...
2020-04-24 10:31:12 10213 16
原创 UKEY开发 用户登录流程
UKEY版本:UKEY2000D最近公司接了一个开发项目,需要开发一个使用UKEY进行用户身份认证的功能,看了一些开发文档和资料后自己整理了一下用户登录的流程。下面先介绍一下UKEY的内部结构,也就是那个像U盘一样的东西,通常叫他加密锁、加密狗。下面就是加密锁的内部结构:如图所示,在加密锁内部有各种算法,这些算法都是开发商设置在加密锁内部的固话算法,不同的开发商应该会设置不同的算法...
2020-04-10 11:23:57 14073 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 9617
原创 微信小程序自定义组件---生成小程序分享海报分享到朋友圈
在开发微信小程序的过程中免不了要使用到分享功能,然而现在微信官方还没有开放小程序分享到朋友圈的功能,这时候我们只能使用其他方法分享到朋友圈了。效果图如下:组件文件:js文件:// components/rwj-poster/index.jsComponent({ /** * 组件的属性列表 */ properties: { }, /** ...
2020-01-14 11:01:30 2214
原创 微信小程序自定义组件---loading组件
在开发微信小程序的过程中,经常会使用到loading动画,微信自带的wx.showLoading()与wx.showToast()在使用上非常的方便,但是这个接口也是一个坑,在安卓真机上运行,经常会出现wx.hideLoading()无效的情况,结果就导致loading动画一直存在,看到微信官方说的是不在onShow和onLoad中调用,还有就是加个延时setTimeout,然而这两个我都试过了,...
2020-01-03 15:11:56 4735 3
原创 uniapp如何引入阿里云矢量图标库
最近搞了下uniapp的开发,写一下关于引入阿里云矢量图标库的方法:首先说下我走过的坑吧,我直接把图标zip包下下来放在static里面,在App.vue的style中引入,保存,后面查了下,微信小程序不允许使用本地字体图标,没办法,改一下,直接引用阿里云的在线链接,还是保错,微信小程序无法引入远程网络样式。最后把样式下载下来,更改字体图标的引入:复制此链接到浏览器将样式下载下来新...
2019-12-22 15:11:24 4582 1
原创 微信小程序bug记录
1、bug--开启下拉刷新不能自动回弹说明:微信小程序开启下拉刷新后,开发者工具上可以自动回弹,android上不能回弹,基础库2.9.4解决:在onPullDownRefresh监听函数中动态关闭回弹,代码://index.json"enablePullDownRefresh": true,//index.jsonPullDownRefresh: function(){...
2019-12-17 10:56:48 741
原创 微信小程序自定义组件-自定义底部菜单栏(tabbar)
在做小程序开发的时候,客户给出一个底部菜单栏的效果图,要求中间的一个菜单呈圆形突出,也就是下面的效果:小程序的原生的tabbar是不行了,我就自己写了一个tabbar的组件。前言:目前还存在一些问题待完善,例如跳转未加载过的页面时闪烁的问题。配置:首先是开启自定义tabbar设置: app.json->"custom": true,这里为了方便我就直接在app.jso...
2019-12-12 11:03:18 4076 2
原创 写一个工具函数,指定位数的随机字符串(开头不为数字)
闲来无事,写个工具函数记录一下:function randomStr(num){ const firstStr = 'abcdefghijklmnopqrstuvwxyz_'; const strLibrary = 'abcdefghijklmnopqrstuvwxyz0123456789_'; let str = ""; for (let i = 0, le...
2019-12-06 10:49:44 135
原创 微信小程序swiper切换特效
如果觉得微信小程序的切换太过生硬,可以看看下面我的方法:wxml:<swiper indicator-dots="true" autoplay="true" interval="{{interval}}" duration="{{duration}}" circular="true" current="{{bannerCurrent}}" bindchange="bannerCha...
2019-12-03 13:12:03 2226 1
原创 微信小程序开发---使用IntersectionObserver实现懒加载
微信小程序提供了一个很好用的api,IntersectionObserver 对象,监听目标元素与其祖先或视窗交叉状态的手段。其实现原理在于监听目标元素与参照区域相交(参照区域可以为页面显示区域、指定一个元素节点);这里实现懒加载的原理就是如此,监听需要加载的图片,给图片数组添加一个showState:false的字段,当使用IntersectionObserver 监听到图片进入参照区域...
2019-12-02 11:31:47 1611
微信小程序自定义组件-打卡日历组件
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关注的人