自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(21)
  • 资源 (1)
  • 问答 (1)
  • 收藏
  • 关注

原创 vue3+ts 实现图标控制音乐播放

最近负责一个展示型项目 需要背景音乐 且 可以控制播放。 在vue3+ts的基础上 实现一个图标控制音乐播放的组件 简单可复用!

2022-09-01 11:49:54 736 1

原创 vue 发送验证码+倒计时组件

效果图组件代码<template> <el-button @click="getCodeFlag && getSecuntyCode()" :loading="getCodeLoading" >{{ codeText }}</el-button ></template><script>import { sendCode } from '@/api/user.js'export def

2022-04-06 00:04:04 1071

原创 Vue2中使用vue-croper插件实现图片上传裁剪--超详细

这类文章已经有人写了 但本人比较笨还是花费了大量的时间 这里写详细一点 希望有帮助参考文章史上最全基于vue的图片裁剪vue-cropper使用效果图安装npm install vue-cropper 或者yarn add vue-cropper封装一个CropperImage组件这里我对原文章的代码进行了修改 因为我这显示头像 不需要这么宽在样式的修改上 大家都可以去尝试<template> <div class="cropper-content"

2022-04-03 23:23:30 3194

原创 校验规则整理

重复密码var vaildateRePass = (rule, value, callback) => { if (value !== this.loginForm.password) { callback(new Error('两次输入密码不一致!')) } else { callback() } }电话号码var vaildatePhone = (rule, value, callback) => {

2022-03-25 20:05:24 332

原创 vue-router报错:Route with name ‘/articles‘ does not exist

<van-cell class="article-item" :to="{ name: '/article', params: { article_id: acticleInfo.art_id } }" >name里面的路径 开始不要加/<van-cell class="article-item" :to="{ name: 'article', params: {

2022-03-18 23:19:29 514

原创 解决Newline required at end of file but not found.

其报错的解决就是在代码末尾有个空行但我手动回车后 ctrl+s 会把空行取消掉解决方法=》安装安装完成后要在settings.json文件中加下面的代码“files.insertFinalNewline”: true

2022-03-04 00:18:17 514

原创 使用iframe框架后的子页面A跳转子页面B的问题

在子页面A的js文件中写以下代码$('iframe', window.parent.document).attr("src", "子页面B相对主页面的路径")

2022-02-20 22:34:45 557

原创 node环境安装

下载安装包https://nodejs.org/en/两个按钮都可以进行安装2. 安装3.检查是否安装成功-查看版本号

2022-02-20 11:08:56 273

原创 前端项目(html+css+js+bootstrap)编写过程-知识补充

为什么input框不用placeholder提示 而用labelhttps://www.cnblogs.com/ahutyaoyj/p/4453944.htmldisplay:none与visibility: hidden的区别如果给一个元素设置了display: none,那么该元素以及它的所有后代元素都会隐藏。隐藏后的元素无法点击,无法使用屏幕阅读器等辅助设备访问,占据的空间消失。给元素设置visibility: hidden也可以隐藏这个元素,但是隐藏元素仍需占用与未隐藏时一样的空

2021-11-01 19:20:30 477

原创 pink老师 黑马程序员 p215

世纪佳缘<head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>世纪佳缘</title> <style>

2021-09-22 21:58:08 240

原创 html+css 练习 制作快手首页

官网https://www.kuaishou.com/效果图

2021-08-25 15:08:02 602

转载 win10 mysql安装

https://www.cnblogs.com/xiaokang01/p/12092160.html

2021-08-23 21:52:54 64

原创 阿里巴巴矢量图 常规使用方法 以及::after、::before中使用方法

在官网中https://www.iconfont.cn/找的需要的图标 添加到购物车去购物车 下载代码解压后的目录将iconfont.ttf添加到自己的项目目录里 如打开将底部两段代码放入css中 路径要根据自身摆放路径确定常规使用::after、::before中使用方法h4::before{ content: '\e7c9'; font-family: "iconfont" !important; font-size: 16px; fo

2021-08-18 20:59:12 527

原创 黑马前端p296练习 品优购列表页 产品页

黑马前端p296练习 品优购列表页 产品页效果图代码(代码有待优化 欢迎指出)<div class="sk_bd"> <ul> <li> <img src="upload/list.png" alt=""> <h4 class="style_margin">Apple苹果iPhone 6s Plus

2021-08-04 10:34:51 155

原创 黑马前端 品优购 猜你喜欢模块

效果图图片素材代码(有待优化 欢迎指出)<div class="w like"> <div class="like-hd"> <h3>猜你喜欢</h3> <button>换一批</button> </div> <div class="like-bd"> <ul..

2021-08-03 08:49:34 463 3

原创 黑马前端p332 品优购 lifeservise 减图标制作

黑马前端p332 品优购 lifeservise 减图标制作效果图代码(代码还待优化 求指导)<div class="lifeservice"> <ul> <li class="li-discount"> <i></i><p>机票</p>

2021-08-02 09:45:54 138

原创 黑马前端p296练习 利用过渡制作小米效果图

黑马前端p296练习 利用过渡制作小米效果图效果图代码( 还可以优化的地方 希望指出)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=devi

2021-07-22 14:31:43 282 3

原创 db.properties 数据库配置

版本8.0.17jdbc.driver=com.mysql.cj.jdbc.Driverjdbc.url=jdbc:mysql://39.101.169.48:3306/man_yi?serverTimezone=GMT%2B8&useUnicode=true&characterEncoding=UTF-8characterEncoding=utf-8jdbc.username=rootjdbc.password=rootjdbc.driver=com.mysql.cj.jdb

2021-01-12 19:26:20 391

原创 Sqoop报警告hcatalog does not exist! HCatalog jobs will fail.accumulo does not exist! Accumulo imports w

Sqoop报警告hcatalog does not exist! HCatalog jobs will fail.accumulo does not exist! Accumulo imports will fail.报错内容解决方法注释以下内容#if [ -z "${HCAT_HOME}" ]; then# if [ -d "/usr/lib/hive-hcatalog" ]; then# HCAT_HOME=/usr/lib/hive-hcatalog# elif [ -d "

2020-10-19 17:03:00 2904

原创 微信小程序 教学质量问卷调查 小程序实现

微信小程序 教学质量问卷调查 小程序实现界面功能描述1.在首页获得openid后,填写按钮生效2.当未在填写页面提交数据时,在我的页面会提示先去填写3.对于必选选择题,未填写会提示并不提交数据4.当填写页面提交数据后,不可再次填写,可以在我的页面进行修改5.当填写页面提交数据后,我的页面会展示出曾经的填写数据,可以多次修改浏览小程序(体验版)...

2020-07-16 17:13:24 3172 1

原创 微信小程序-在wxml获得数组里的每个值

能获得数组指定下标的值 <wxs module="m2">var getEqual=function(array,number,string){ var equal=false; var a=array[number]; if(a==string){ equal=true;}return equal}...

2020-04-20 18:39:17 4055

Questionnaire.zip

微信小程序—教学质量问卷调查。 功能描述 1.在首页获得openid后,填写按钮生效 2.当未在填写页面提交数据时,在我的页面会提示先去填写 3.对于必选选择题,未填写会提示并不提交数据 4.当填写页面提交数据后,不可再次填写,可以在我的页面进行修改 5.当填写页面提交数据后,我的页面会展示出曾经的填写数据,可以多次修改

2020-07-16

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

TA关注的人

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