- 博客(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 373
原创 头像:可上传以及绑定登录状态下的头像状态(手机端可拍照)
<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 239
原创 在使用select下拉选框时,如果全屏后或者复用组件时不显示的解决方法
我在首页做了一个点击事件会出现遮罩层,此时上面会覆盖一个弹出框,而里面在复用组件<registerlog class="register-log"/>时,组件里面的select下拉选框点击没有生效<div class="all"> <!-- 遮罩层 --> <!-- 注册登录遮罩层 --> <div class="mask" v-show="maskShow" @click="setMaskShow"></div
2022-04-26 19:34:36 1273 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 830
原创 登录表单验证
这里用的是Vue框架做的登录表单验证,登录页面一定会和数据库的用户信息进行交互,我们一可以在项目包里引入axios,代码如下npm install axios我们装好需要的项目包后可以在项目里面建立一个Login.vue组件,在设置好router后,我们可以进入Login.vue,这里的注册登录用的是手机号,与密码,代码如下<template><div><input type="text" placeholder="手机账户" maxlen
2022-04-21 20:00:25 2429 3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人