micoria的博客

input表单弹框提交不调取接口但还是编辑时的值，在外面进行保存 背景： 当在弹框表单里面进行编辑，但是在提交的时候不调取接口，却要保留编辑的内容，在外部进行保存 前提：首先在点击弹框编辑回填的时候不进行调取接口 1，在弹框内部将编辑的数据抛出去 2，在外部进行获取，并进行赋值 问题：为什么在此处可以更改父组件传过来的值？ 如果传过来的值是对象类型（包括数组）的，那么可以在对象里面的值进行赋值 ...

已将 请求拦截器 封装，然后引入到 main.js 里面。看似没有问题，但是请求拦截器无法进去。 之后检查了一下，我在请求拦截器中二次使用 axios ，并没有执行。因为在上面我又给 axios重新定义了一个对象，所以下面的请求拦截器使用 axios 无法执行。 解决后： ...

6. 3D转换 6.1 三维坐标系 三维坐标系指立体空间，是由3个轴共同组成的。 x轴：水平向右 注：x右边是正值，左边是负值 y轴：水平向下 注：y下面是正值，上面是负值 z轴：垂直屏幕 注：往外是正值，往里是负值 6.2 3D位移 tranlate3D 语法： transform: translateX() translateY() translateZ() 属性 描述 translateX 沿着X轴移动 translateY 沿着Y轴移动 translateZ 沿着Z轴移动

5.2 动画 过渡：鼠标经过和离开才可以触发。 动画：可以自己自动触发。 5.2.1 动画的基本使用 先定义动画。 在使用（调动）动画。 用@keyframes 定义动画 @keyframes move（动画名称） { 0% { /*起始状态*/ transform: translate(0,0); } 100% { /*中止状态*/ transform: translate(500px,500px) scale(1.3) rotate(180deg); } } 调用动画

5.1 transform转换 5.1.1 translate(x,y) 位移 可以改变元素在页面中的位置，类似定位。 经常和transition过渡配合做出相对应的效果。 补充： 现在可以将盒子移动的方式有哪些？ 定位 （相对定位不会影响其他盒子的位置） 外边距（margin） 2D转换 区别：和以上两种方式不同的是，2D转换不会影响其他盒子的位置（可以和position组合进行盒子垂直居中定位，下面有案例） 语法 transform: translate(x , y); tr

显示和隐藏 1. display 显示隐藏（重点） {display: none}： 隐藏对象 {display: block} ：显示对象。注意：并不是只可以进行显示模式的转换。 隐藏元素，并没有删除元素。不再占有原来的位置。 2. visibility 可见性 对指定的一个元素进行隐藏。 {visibility: visible;} 元素可视 {visibility: hidden;}元素隐藏 隐藏元素，继续占有原来的位置。 3. overflow 溢出隐藏（重点） 语法： { overflow: vi

二、字体图标 用于结构样式比较简单的小图标。 优点： 轻量级。图片小，渲染时间短，减少服务器请求。 灵活性。可以随意更换大小、颜色等样式 兼容性。几乎所有的浏览器 总结： 1.如果遇到一些结构和样式比较简单的小图标，就用字体图标。 2.如果遇到一些结构和样式复杂一点的小图片，就用精灵图。 使用步骤 字体图标是一些网页常见的小图标，我们直接网上下载即可。 因此使用可以分为： 1.字体图标的下载 2.字体图标的引入 （引入到我们html页面中） 3.字体图标的追加 （以后添加新的小图标） 2.3

一、精灵图(sprites) 1、作用(优点) 当页面中有很多图片时，服务器就会频繁的接受和发送请求图片，造成服务器请求压力大，这将大大降低页面的加载速度。 故，为了**减少服务器发送和接受请求的次数，提高网页的加载速度。**使用 CSS 精灵图（雪碧图） 缺点： 图片文件大 放大和缩小失真 一旦图片完成更换会很复杂 2、使用 核心： 主要用在背景图，就是将许多小的图片放到一张大图片上，这样服务器只需要一次请求就可以。 移动背景图片，需要background-position，背景位置 移动的距离为

浮动 1、传统网页布局的三种方式 本质：用css摆放盒子。将盒子放到相应的位置。 普通流（标准流/文档流) 浮动 定位 2、标准流 3、为什么选择浮动？ 浮动最典型的应用：可以让多个块级元素进行一行排列 网页布局第一准则：多个块级元素纵向排列找标准流，多个块级元素横向排列找浮动 4、浮动 浮动原理： float属性用于创建浮动框，将其移动到一边，直到左边缘或者右边缘碰到包含块或另一个浮动框的边缘。 float：left:左浮动 float：right右浮动 5、浮动特性 元素加了浮动之

示例： <style> * { margin: 0; padding: 0; } ul, li { list-style: none; } a { text-decoration: none; } body {