笔记
文章平均质量分 55
micoria
这个作者很懒,什么都没留下…
展开
-
input表单弹框提交不调取接口但还是编辑时的值,在外面进行保存
input表单弹框提交不调取接口但还是编辑时的值,在外面进行保存背景:当在弹框表单里面进行编辑,但是在提交的时候不调取接口,却要保留编辑的内容,在外部进行保存前提:首先在点击弹框编辑回填的时候不进行调取接口1,在弹框内部将编辑的数据抛出去2,在外部进行获取,并进行赋值问题:为什么在此处可以更改父组件传过来的值?如果传过来的值是对象类型(包括数组)的,那么可以在对象里面的值进行赋值...原创 2022-03-23 19:14:44 · 233 阅读 · 0 评论 -
解决 Vue 请求拦截器 无法执行
已将 请求拦截器 封装,然后引入到 main.js 里面。看似没有问题,但是请求拦截器无法进去。之后检查了一下,我在请求拦截器中二次使用 axios ,并没有执行。因为在上面我又给 axios重新定义了一个对象,所以下面的请求拦截器使用 axios 无法执行。解决后:...原创 2021-07-01 10:32:31 · 3131 阅读 · 0 评论 -
CSS3-新增内容总结、3D转换、浏览器私有前缀
6. 3D转换6.1 三维坐标系三维坐标系指立体空间,是由3个轴共同组成的。x轴:水平向右 注:x右边是正值,左边是负值y轴:水平向下 注:y下面是正值,上面是负值z轴:垂直屏幕 注:往外是正值,往里是负值6.2 3D位移 tranlate3D语法:transform: translateX() translateY() translateZ()属性描述translateX沿着X轴移动translateY沿着Y轴移动translateZ沿着Z轴移动原创 2021-02-01 22:49:12 · 95 阅读 · 0 评论 -
CSS3动画animation使用和属性及相关案例
5.2 动画过渡:鼠标经过和离开才可以触发。动画:可以自己自动触发。5.2.1 动画的基本使用先定义动画。在使用(调动)动画。用@keyframes 定义动画@keyframes move(动画名称) { 0% { /*起始状态*/ transform: translate(0,0); } 100% { /*中止状态*/ transform: translate(500px,500px) scale(1.3) rotate(180deg); }}调用动画原创 2021-01-31 19:37:55 · 535 阅读 · 0 评论 -
2D旋转transform
5.1 transform转换5.1.1 translate(x,y) 位移可以改变元素在页面中的位置,类似定位。经常和transition过渡配合做出相对应的效果。补充:现在可以将盒子移动的方式有哪些?定位 (相对定位不会影响其他盒子的位置)外边距(margin)2D转换区别:和以上两种方式不同的是,2D转换不会影响其他盒子的位置(可以和position组合进行盒子垂直居中定位,下面有案例)语法transform: translate(x , y);tr原创 2021-01-31 11:39:45 · 455 阅读 · 0 评论 -
如何将对象显示和隐藏?display、visibility和overflow的区别?应用?
显示和隐藏1. display 显示隐藏(重点){display: none}: 隐藏对象{display: block} :显示对象。注意:并不是只可以进行显示模式的转换。隐藏元素,并没有删除元素。不再占有原来的位置。2. visibility 可见性对指定的一个元素进行隐藏。{visibility: visible;} 元素可视{visibility: hidden;}元素隐藏隐藏元素,继续占有原来的位置。3. overflow 溢出隐藏(重点)语法:{ overflow: vi原创 2021-01-21 20:37:26 · 386 阅读 · 0 评论 -
字体图标的引入和优点
二、字体图标用于结构样式比较简单的小图标。优点:轻量级。图片小,渲染时间短,减少服务器请求。灵活性。可以随意更换大小、颜色等样式兼容性。几乎所有的浏览器总结:1.如果遇到一些结构和样式比较简单的小图标,就用字体图标。2.如果遇到一些结构和样式复杂一点的小图片,就用精灵图。使用步骤字体图标是一些网页常见的小图标,我们直接网上下载即可。 因此使用可以分为:1.字体图标的下载2.字体图标的引入 (引入到我们html页面中)3.字体图标的追加 (以后添加新的小图标)2.3原创 2021-01-21 20:28:54 · 387 阅读 · 0 评论 -
精灵图的作用
一、精灵图(sprites)1、作用(优点)当页面中有很多图片时,服务器就会频繁的接受和发送请求图片,造成服务器请求压力大,这将大大降低页面的加载速度。故,为了**减少服务器发送和接受请求的次数,提高网页的加载速度。**使用 CSS 精灵图(雪碧图)缺点:图片文件大放大和缩小失真一旦图片完成更换会很复杂2、使用核心:主要用在背景图,就是将许多小的图片放到一张大图片上,这样服务器只需要一次请求就可以。移动背景图片,需要background-position,背景位置移动的距离为原创 2021-01-21 20:27:46 · 906 阅读 · 0 评论 -
CSS3浮动的本质、如何设置浮动、清除浮动的几种方法
浮动1、传统网页布局的三种方式本质:用css摆放盒子。将盒子放到相应的位置。普通流(标准流/文档流)浮动定位2、标准流3、为什么选择浮动?浮动最典型的应用:可以让多个块级元素进行一行排列网页布局第一准则:多个块级元素纵向排列找标准流,多个块级元素横向排列找浮动4、浮动浮动原理:float属性用于创建浮动框,将其移动到一边,直到左边缘或者右边缘碰到包含块或另一个浮动框的边缘。float:left:左浮动float:right右浮动5、浮动特性元素加了浮动之原创 2021-01-12 16:51:52 · 733 阅读 · 0 评论 -
用列表和浮动如何实现导航栏nav
示例:<style> * { margin: 0; padding: 0; } ul, li { list-style: none; } a { text-decoration: none; } body {原创 2021-01-10 22:30:40 · 615 阅读 · 0 评论