蓝宝坊主

30 道 Vue 面试题，内含详细讲解（涵盖入门到精通，自测 Vue 掌握程度） 前言 本文以前端面试官的角度出发，对 Vue 框架中一些重要的特性、框架的原理以问题的形式进...

蓝宝坊主

base.css文件内容 html{ font-size:100px; } body{ font-size:.12rem; } 将除了base.css的body fontsi...

蓝宝坊主

在手机连接上电脑的同一个wifi后，项目npm run serve，得到下图 terminal得到上图，手机输入network地址，调整相应样式和功能即可

蓝宝坊主

输入框设置内边距记得使用box-sizing：border-box padding：0 16px

蓝宝坊主

span是黏在一起的，类似于同排的标签， div独占一行的元素。 虽然有时候可以互相替换但要注意这个小区别。

蓝宝坊主

方法一 template部分代码： {{item.icon}} script部分代码： exportdefault{ name:'BottomBar', setup(){ c...

蓝宝坊主

.iconsBar_item{ width:20%; img{ //优先级别问题，上一级是class选择器，优先于这个的div元素选择，先把占宽度1/5的定下 //再设置大小...

蓝宝坊主

什么是图片抖动？--比如当前div是图片，下一个div是文字，加载页面时候图片应该出现的位置没出现图片，先出现下一个div的文字，接着图片加载成功在原设定位置弹出，于是文字被...

蓝宝坊主

例如，使用sass。在src目录下的style文件夹，创建一个scss文件：index.scss，内容为导入当前目录所需引入的样式文件，css，scss等。 在main.js...

蓝宝坊主

iconfont选图标添加到iconfont项目，项目打包下载， 取css文件放入到vue项目的style中，记得main.js要引入 css文件需做出如下修改： iconf...

蓝宝坊主

computed有缓存，data不变则不用重新计算，比起method每次计算节省资源。 computed要注意的点，跟v-model绑定xxx时，computed的xxx要用...

蓝宝坊主

区别 是通过dispaly 控制显示隐藏的，如display:none隐藏。 v-if 是组件真正的dom节点销毁和渲染， 使用场景：频繁切换状态用v-show 否则用v-if

蓝宝坊主

父组件向子组件传值主要是给到子组件一个props属性，并将该属性按类型设置为默认值（0或者空）。例子，父组件页面注入的子组件标签中加上 :这是子组件中props添加的值="这...

蓝宝坊主

在两组件元素的父元素中css使用display：flex，这个缺点：即使固定元素大小，仍会被挤占无法维持固定大小。 方法二改善，同行可固定大小。 父级样式 padding-r...