自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

小毛每天要顺毛的博客

一个bug的自我修养

  • 博客(18)
  • 资源 (1)
  • 问答 (1)
  • 收藏
  • 关注

原创 Vue 管理后台的增删改查

新建和编辑因为是用的同一个页面或同一个弹框,所以方法是一样的,需要传参区分;删除主要是让提示弹框显示,真正的删除再提示弹框的确定方法;查询可以不传参数。查询searchsearchData() { _this.currentPage = 1; _this.getList(); },getList() { _this.isShowLoading = true; let ob...

2021-05-12 11:37:11 1259

原创 关于谷歌浏览器视频有灰底的解决方法

video{-webkit-filter: brightness(99.5%);}数值越高,越白,有可能会覆盖原有的灰色。

2021-04-20 16:36:52 1434

原创 纯css 使元素像画卷一样展开或者横向展开

效果如图代码如下<!DOCTYPE html><html lang="en"><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"> .

2021-04-20 16:34:36 810

原创 页面滚动时显示动画 WOW.js+animate.css

wow官网:https://www.delac.io/wow/animate官网:https://animate.style/一、引用建议头部引用<head> <link rel="stylesheet" href="http://mynameismatthieu.com/WOW/css/libs/animate.css"> <script src="http://mynameismatthieu.com/WOW/dist/wow.min...

2021-01-20 15:40:44 483

原创 vue父子组件间传值,父子组件间调用方法

目录1.父组件向子组件传值父组件里子组件的应用父组件向子组件传值<LoginDialog:showMask="showMask" ></LoginDialog>showMask需要在data里定义子组件里接收父组件对的传值可以用watch监听父组件传来的值...

2021-01-07 16:58:44 297

原创 elementUI上传图片 先预览后上传 (上传还没弄)

我选的是element里面上传头像的那一串代码 然后做了一点修改<el-upload class="avatar-uploader" action="https://jsonplaceholder.typicode.com/posts/" accept=".png,.jpg,.jpeg,.gif" :show-file-list="false" :on-change="showLogo"> <img v-if="addForm.logo" :src="addForm.log.

2020-11-13 15:30:20 891

原创 一个样式控制两个元素变化

这样只需要用js控制控制li-active的有无了

2020-09-29 16:56:50 73

原创 media媒体查询从移动端到PC端的适配

第一种最开始用的从,修修补补成了这个样子,不能复用,但是很清楚/* 小于768 ipad*/@media screen and (max-width:768px) { html {font-size: 18px;}}/*小于 480px 手机*/@media screen and (max-width:480px){ html {font-size: 16px;}}/*768-1023*/@media screen and (min-width:769px) an

2020-09-29 16:30:12 2394

原创 导航缩放动画效果 纯css

最终效果原本我是看这个文章写的https://blog.csdn.net/xutongbao/article/details/82683582但是我后来发现,不需要这么麻烦,直接用transform就可以搞定缩放这是html布局这是其中一部分css样式,就是这个transform旋转属性以下是全部代码<!DOCTYPE html><html lang="en"> <head> <meta cha...

2020-08-20 11:56:48 303

转载 jQuery 按钮防抖函数debounce 立即执行和延后执行

最近在做轮播图,但是多次点击下一步会有bug,于是想到了防抖函数。但是看到的都是jquery延后执行的防抖函数,而且两种模式的防抖函数没有结合在一起,于是找了很久。防抖函数function debounce(func, wait,immediate) {//func是要执行的函数,wait是毫秒数,immediate是是否要执行的参数,true立即执行,false延后执行 let timerout; return function () {

2020-08-20 10:48:56 3088

原创 第一次项目总结经验(能力开放平台)

这个项目基本完工花了7天,前端页面2天,js部分2天,前后端联调1天,优化代码修改bug2天,到现在终于完工啦。这个项目里我总结的最大经验就是一段相同代码不要出现超过三次,要提炼成为公共方法或者公共样式。目录HTML部分CSS部分JS部分HTML部分1.<link rel="shortcut icon" href="../images/favicon.ico" />改变浏览器标签图标2.链接或者引用最好用下载下来,用本地的3.页面头部的导航和尾部

2020-08-12 16:56:23 260

原创 ie11的锚点失效

今天遇到一个很奇葩的兼容问题一个页面的锚点在其他浏览器都可以,但是在ie11中失效了找了很久,才解决那就是锚点id复杂一点,不要和a重复了,大小写不同也不可以!!!

2020-08-12 15:15:40 251

原创 document.write()使用时的注意事项

1.默认不会换行可以用+号,自己换行2.在HTML文档加载完成后,使用document.write()输出将会覆盖原有所有HTML;<html> <head> </head><body> <p>原本的HTML</p> <script type="text/javascript"> document.write("document方法") </script&

2020-08-03 13:39:06 1257

原创 jQuery个人学习笔记

jQuery就是一个封装了很多方法的js库,学习jQuery就是i学习方法的使用。使用jQuery:引入jQuery文件写一个入口函数2.1$(document).ready(function(){ });2.2.$(function(){ alert("jQuery") });jQuery版本:1.*** 支持老浏览器比如ie678 停止更新2.***不支持 停止更新3.***不支持

2020-07-28 10:37:51 180

原创 normalize.css下载

https://www.bootcdn.cn/normalize/右键 另存为

2020-07-28 10:36:54 5941

原创 前端小知识

1.z-index 只在定位里有用,relative不会改变布局,可配合使用2.尽量不要出现负数,提高优先级或者margin都优先使用正数3.iconfont的使用:

2020-07-28 10:35:46 85

原创 Vue个人学习笔记

属性data: 定义数据methods: 定义方法指令v-cloak: 能解决插值表达式(即{{message}})表达式闪烁问题v-text: 默认v-text是没有闪烁问题的;会覆盖元素中原本的内容,但是插值表达式只会替换自己的占位符,不会把整个元素的内容清空v-html: 编译变量的html的代码v-bind: 是vue中提供的用于绑定属性的指令;可以被简写为冒号(:);可以写...

2020-06-17 08:33:23 233

原创 Vue 跑马灯效果

Vue 跑马灯效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>...

2020-03-20 21:04:34 150

wow.min.js和animate.css

css动画效果 wow插件需要的wow.min.js和animate.css

2021-04-20

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

TA关注的人

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