自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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 163

原创 node封装mysql操作工具

node封装mysql,express封装mysql,node连接mysql

2022-10-19 17:31:47 621 1

原创 纯js实现loading覆盖层

纯js实现loading覆盖层,可在任意div内添加覆盖层,调用很方便

2022-09-27 09:57:46 929 1

原创 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 2011 7

原创 centos7使用nodejs+express搭建web服务器

centos7使用nodejs+express搭建服务器

2022-01-22 17:21:01 829

原创 android客户端 Mqtt连接+定时发送+订阅消息

android客户端实现Mqtt的订阅与发布功能,以及定时发送消息

2021-11-20 14:05:52 4450

原创 android 自定义提示弹窗

效果预览:调用方式:SmileDialog dialog = new SmileDialogBuilder(activity, type) .setTitleText(R.string.app_name) .setTitleText("弹出提示") .setContentText("这里是提示内容!") .setConformButton("确定") .

2021-11-08 16:53:45 1040

原创 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 1015

原创 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 9492

原创 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 2026

原创 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 5200 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 567

原创 vue本地开发微信公众号(测试号)--获取code

在使用vue开发微信公众号的过程中,我们不可避免的需要测试,每次改动一点点就要打包上传服务器?那也太鱼唇了,那么vue怎么在本地测试呢?如何能够做到npm run serve就可以直接进行公众号调试呢?在开始之前需要有一下几个条件:申请一个微信测试号 下载微信开发者工具,(要想获取code换取openid必须使用微信浏览器,微信开发者工具可以调试网页) 使用natapp申请一个免费的内网穿透通道 搭建一个本地服务器(我这里使用的xampp集成环境)下面是我自己整理的详细步骤:1、申请na

2020-11-05 15:38:22 1854

原创 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 13051 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 470 1

原创 vue实现局部页面缓存+返回上一页传参

问题说明:在使用vue开发的过程中难免会遇到这种问题:1、当我们需要前往另一个页面去做其他操作后,返回上一个页面,上一个页面的状态会被刷新,我们需要让上一个页面的状态保留。2、当我们返回上一页的时候如何把参数传回上一页。解决思路:1、使用keep-alive:include="caches"来实现页面状态的保留,通过动态修改caches来达到局部页面缓存,include会缓存包含的页面。所以你可以将需要缓存的几个页面放在caches中,当退出这几个页面的时候再取消缓存。2、通过lo.

2020-09-02 15:20:59 2596

原创 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 1677 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 790

原创 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 463 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 570

原创 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 993 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 339

原创 微信小程序自定义组件---日历打卡组件

最近需求要求实现一个用日历显示用户打卡记录的功能,百度google了微信小程序的组件,都没有找到合适的,索性就懒得找了,自己动手,丰衣足食。下面先来看看日历组件的效果吧:设计要求:1、能够折叠日历组件2、能够标记日期3、能够根据左右滑动切换月份,并且刷新数据。设计思路:1、折叠可以通过添加移除class实现动画折叠。2、每个日期都是一个格子,可以放时间,也可以放图标,只需要根据wx:if来控制是否显示图标和样式。3、使用微信的原生组件swiper来实现左右滑动的.

2020-06-05 16:53:34 4684 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 2731

原创 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 3733

原创 支付宝小程序获取手机号码的的详细流程。(配置开发设置,具体流程)

支付宝小程序获取手机号码跟微信小程序的不一样,所以获取的流程也有很多的不同,所以第一步并不是直接写代码。流程如下:一、登录支付宝小程序开发管理平台 ->开发中心->小程序应用->选择你的小程序(点击查看)->设置->开发设置上图中的接口加签方式、IP白名单、应用网关、接口内容加密方式都需要设置。二、接口加签方式,点击后需要授权短信验证码验证身份,然后如下图:这里我模拟使用官方提供的支付宝密钥生成器生成密钥就行,步骤如下:1.下载安装密钥生成器:.

2020-05-12 13:32:35 10050 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 1029

原创 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 277

原创 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 201

原创 UKEY开发,vue+websocket实现用户登录UKEY认证

首先,在开始开发之前,先了解一下UKEY的用户登录流程,我前面整理了一些登录的流程:点这里查看登录流程:传送门OK,了解了登录流程,我们来开始看看在vue中是怎么样进行实际的开发的。首先你需要在导航收尾中初始化websocket的连接:router.beforeEach((to, from, next) => { // 初始化后后能够监听UKEY拔插事件 ...

2020-04-24 10:31:12 9611 16

原创 UKEY开发 用户登录流程

UKEY版本:UKEY2000D最近公司接了一个开发项目,需要开发一个使用UKEY进行用户身份认证的功能,看了一些开发文档和资料后自己整理了一下用户登录的流程。下面先介绍一下UKEY的内部结构,也就是那个像U盘一样的东西,通常叫他加密锁、加密狗。下面就是加密锁的内部结构:如图所示,在加密锁内部有各种算法,这些算法都是开发商设置在加密锁内部的固话算法,不同的开发商应该会设置不同的算法...

2020-04-10 11:23:57 13626 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 9105

原创 微信小程序自定义组件---生成小程序分享海报分享到朋友圈

在开发微信小程序的过程中免不了要使用到分享功能,然而现在微信官方还没有开放小程序分享到朋友圈的功能,这时候我们只能使用其他方法分享到朋友圈了。效果图如下:组件文件:js文件:// components/rwj-poster/index.jsComponent({ /** * 组件的属性列表 */ properties: { }, /** ...

2020-01-14 11:01:30 2188

原创 微信小程序自定义组件---loading组件

在开发微信小程序的过程中,经常会使用到loading动画,微信自带的wx.showLoading()与wx.showToast()在使用上非常的方便,但是这个接口也是一个坑,在安卓真机上运行,经常会出现wx.hideLoading()无效的情况,结果就导致loading动画一直存在,看到微信官方说的是不在onShow和onLoad中调用,还有就是加个延时setTimeout,然而这两个我都试过了,...

2020-01-03 15:11:56 4583 3

原创 uniapp如何引入阿里云矢量图标库

最近搞了下uniapp的开发,写一下关于引入阿里云矢量图标库的方法:首先说下我走过的坑吧,我直接把图标zip包下下来放在static里面,在App.vue的style中引入,保存,后面查了下,微信小程序不允许使用本地字体图标,没办法,改一下,直接引用阿里云的在线链接,还是保错,微信小程序无法引入远程网络样式。最后把样式下载下来,更改字体图标的引入:复制此链接到浏览器将样式下载下来新...

2019-12-22 15:11:24 4538 1

原创 微信小程序bug记录

1、bug--开启下拉刷新不能自动回弹说明:微信小程序开启下拉刷新后,开发者工具上可以自动回弹,android上不能回弹,基础库2.9.4解决:在onPullDownRefresh监听函数中动态关闭回弹,代码://index.json"enablePullDownRefresh": true,//index.jsonPullDownRefresh: function(){...

2019-12-17 10:56:48 709

原创 微信小程序自定义组件-自定义底部菜单栏(tabbar)

在做小程序开发的时候,客户给出一个底部菜单栏的效果图,要求中间的一个菜单呈圆形突出,也就是下面的效果:小程序的原生的tabbar是不行了,我就自己写了一个tabbar的组件。前言:目前还存在一些问题待完善,例如跳转未加载过的页面时闪烁的问题。配置:首先是开启自定义tabbar设置: app.json->"custom": true,这里为了方便我就直接在app.jso...

2019-12-12 11:03:18 3984 2

原创 写一个工具函数,指定位数的随机字符串(开头不为数字)

闲来无事,写个工具函数记录一下:function randomStr(num){ const firstStr = 'abcdefghijklmnopqrstuvwxyz_'; const strLibrary = 'abcdefghijklmnopqrstuvwxyz0123456789_'; let str = ""; for (let i = 0, le...

2019-12-06 10:49:44 127

原创 微信小程序swiper切换特效

如果觉得微信小程序的切换太过生硬,可以看看下面我的方法:wxml:<swiper indicator-dots="true" autoplay="true" interval="{{interval}}" duration="{{duration}}" circular="true" current="{{bannerCurrent}}" bindchange="bannerCha...

2019-12-03 13:12:03 2185 1

原创 微信小程序开发---使用IntersectionObserver实现懒加载

微信小程序提供了一个很好用的api,IntersectionObserver 对象,监听目标元素与其祖先或视窗交叉状态的手段。其实现原理在于监听目标元素与参照区域相交(参照区域可以为页面显示区域、指定一个元素节点);这里实现懒加载的原理就是如此,监听需要加载的图片,给图片数组添加一个showState:false的字段,当使用IntersectionObserver 监听到图片进入参照区域...

2019-12-02 11:31:47 1583

smiledialog.rar

将该文件解压到你的项目中

2021-11-08

layui多选级联选择器

使用layui实现的可以多选的级联选择器,无限级联选择

2021-02-23

微信小程序自定义组件-打卡日历组件

改组件为打卡日历组件,主要是作为一个日历显示,使用方法请查看该链接: https://blog.csdn.net/qq_41756580/article/details/106573280

2020-09-09

vue移动端项目基础模板

这是一个vue3.0的移动端项目基础模板,含有自定义组件tabbar,toast弱提示,checkbox,popup,自定义指令v-loading,多层级嵌套路由的实现,axios封装,less的引用,css变量应用,GPS定位的实现。vuex基础应用。

2020-08-05

微信小程序自定义组件--日历组件

这是自己编写的一个轻量级的微信小程序组件,将该组件解压到你的组件文件夹下,即可使用。该组件可以标记日期,自行更改标记图标即可,可折叠展开,可左右滑动切换月份

2020-06-05

vue+mintUI实现移动端tabbar左右滑动切换

下载并解压到项目文件夹下,使用npm install安装依赖,使用npm run serve命令启动项目。

2020-05-22

微信小程序-海报生成组件

直接下载组件到项目中,使用 this.selectComponent("#poster").drawPoster(options)生成海报图,其中参数请自行查看.

2020-01-14

微信小程序自定义组件-loading.rar

直接解压到自己的项目中即可,需要注意图片路径,在页面中使用this.selectComponent("#loading").show(); this.selectComponent("#loading").hide(); 控制显示隐藏

2020-01-03

微信小程序组件---授权信息弹窗

在开发小程序的时候需要获取用户信息权限和用户手机号码,该组件使用弹窗的方式让用户点击确认授权:使用showUserInfoPopup();显示用户信息授权弹窗,使用showPhoneInfoPopup();显示用户电话号码授权弹窗

2019-12-20

微信小城程序组件---折叠面板

微信小程序自定义组件,折叠面板组件,数据格式为[{foldTitle: "面板标题",foldState:"默面板打开还是隐藏",foldContent:"面板文字"}]

2019-12-20

微信自定义组件---标签式导航栏

微信小程序的自定义组件,支持自行定义item元素样式,横向滚动并且能够隐藏滚动条,监听item点击事件。

2019-11-29

微信小程序-页面配置-顶部导航栏背景色渐变

自定义tabBar页面的顶部导航栏,并保持导航栏的风格与其他tabBar页面导航栏风格统一,也就是导航栏标题文字排版统一。

2019-11-29

微信小程序-音频组件

直接下载解压到你的组件库当中便可以使用,注意引用路径。该组件只需传入一个音频的资源地址便可以使用了,非常轻简的一个音频组件。

2019-11-28

paging.rar

之间将压缩包解压到你的小程序项目中,注意引入路径就可以使用了,只需传入页码和钟页数就可以了,使用pagingChange函数监听页码改变事件,非常轻简的一个分页组件。

2019-11-27

xampp-windows-x64-7.3.10-0-VC15-installer.exe

最新版的xampp,集成了Apache/2.4.41、 (Win64) OpenSSL/1.1.1d、 PHP/7.3.10

2019-10-11

图片瀑布流实现.zip

使用vue自己封装的一个瀑布流图片布局的组件,可以自定义列。

2019-10-02

swiper+jquery制作的移动端日期选择器

自己制作的一个jquery插件。因为项目需要,制作了一个可以选择日期,月份,年份的日期插件。结合了swiper,在移动端适用。 注意:dateMonthYearPicker.js文件中的$("#datetime")需要改为obj

2019-02-26

win64OpenSSL_Light

用于帮助wamp3.0无法开启ssl_module的工具,下载后需要安装。

2019-02-14

jquery移动端日期选择器

适用于手机端的日期选择器,日期格式可自由选择,yyyy-mm-dd,yyyy/mm/dd,年/月/日

2019-01-10

jquery弹出层插件

使用方便,样式自由的一款弹出层插件,适用移动和网页。

2018-12-29

多图片上传预览控件

使用jquery类库编写,上传图片后将生成随机文件名,可选择上传多张图片并预览。

2018-10-24

webapp初始动画页

webapp的初始动画页,一共4个动画,运用html5+css3+jquery的语言编写。

2018-07-23

html5 3D旋转立方体

使用html5+css3+jquery组合,一个可以通过按键控制立方体旋转的demo,具有3D效果。

2018-07-19

图片上传预览并显示文件名,大小,类型

点击图片实现更换头像的功能,并且可以得到上传图片的文件名,大小,类型。

2018-07-16

纯css loading动画

纯css+div制作的loading动画,只有一个动画,只是提供一个制作css动画的思路。

2018-07-10

编写一个带日程的日历

如何从零编写一个日历,方法有很多种,这是一种新奇的实现方式,并且,他可以给指定日期添加日程。

2018-07-09

百度地图api js在移动端画多边形的解决方法

百度地图api js的DrawingManager类在移动端并不能很好的做到绘制多边形,因此,作者换了个思路,使用点击画线的方式,做到多边形的绘制功能。

2018-07-09

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除