自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(5)
  • 收藏
  • 关注

原创 canvas来制作验证码

验证码是用来防止机刷的,它肯定用到了ES6新技术canvas画布来进行绘画背景,里面的杂乱的背景点和斜杠肯定都是随机坐标,如果想要方便编写最好先存好变量以及他们的所需要的值。不多说,上代码!<template> <div class="s-canvas"> <canvas id="s-canvas" :width="contentWidth" :height="contentHeight" @click="handleClick"></canvas

2022-04-26 19:49:54 360

原创 头像:可上传以及绑定登录状态下的头像状态(手机端可拍照)

<template> <div class="head-img"> <input type="file" id="upload" style="display: none" accept="image/gif,image/jpeg,image/png,image/jpg" @change="freshImg" /> <div class="border" @click="upl.

2022-04-26 19:42:25 233

原创 在使用select下拉选框时,如果全屏后或者复用组件时不显示的解决方法

我在首页做了一个点击事件会出现遮罩层,此时上面会覆盖一个弹出框,而里面在复用组件<registerlog class="register-log"/>时,组件里面的select下拉选框点击没有生效<div class="all"> <!-- 遮罩层 --> <!-- 注册登录遮罩层 --> <div class="mask" v-show="maskShow" @click="setMaskShow"></div

2022-04-26 19:34:36 1258 2

原创 使用localStorage来保持登陆状态

我们用Vue保存状态,肯定是在vuex里面实现的,我们可以通过sessionStorage来防刷新,我在这里重点介绍localStorage来保持登录状态。import Vue from "vue";import Vuex from "vuex";Vue.use(Vuex);export default new Vuex.Store({ // 用于定义存在vuex中的状态信息 state: { isLogin: false, phone: localStorage.g

2022-04-21 20:13:51 820

原创 登录表单验证

这里用的是Vue框架做的登录表单验证,登录页面一定会和数据库的用户信息进行交互,我们一可以在项目包里引入axios,代码如下npm install axios我们装好需要的项目包后可以在项目里面建立一个Login.vue组件,在设置好router后,我们可以进入Login.vue,这里的注册登录用的是手机号,与密码,代码如下<template><div><input type="text" placeholder="手机账户" maxlen

2022-04-21 20:00:25 2425 3

空空如也

空空如也

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

TA关注的人

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