liu0218的博客

前端基础面试题30题

vue路由传参的使用场景一般都是应用在父路由跳转到子路由时，携带参数跳转。传参方式可划分为params传参和query传参，而 params传参又可分为在 url 中显示参数和不显示参数两种方式，这就是vue路由传参的三种方式。

其中三个插槽名相同为default，在中写入的内容会同时渲染到名称相同的插槽，如果给插槽给上相应的name属性，就会避免这种情况。插槽(slot):是vue为组件的封装者提供的能力。允许开发者在封装组件时，把不确定的，希望由【用户指定】的部分定义为【插槽】在同一个组件中，我们有时需要多个插槽作为预留区域，此时，应该给每一个插槽取一个不同的name名称。这样就能把child2中的值传给child1，然后在将获取到的值渲染到列表中。插槽分为3类：默认插槽，具名插槽，作用域插槽。将内容渲染到指定插槽中。

设计的数据仓库，就是把各个组件公用的数据放到一个仓库里面进行统一的管理，这样既使得非父子组件间的数据共享变得简单明了，而且只要仓库里面的数据发生了变化，在其他组件里面数据被引用的地方也会自动更新。我们在组件中通过**Dispatch()**触发vuex中的action异步方法，中“add”为方法名，“this.sv”为数据。在src文件夹下创建store文件夹，并在里面创建index.js文件，在里面引入vuex，并创建。因为用原本的方式代码写出来后过于繁杂，所以我们用辅助函数来解决这个问题。

DOM(Document Object Model),文档对象模型。我们可以把网页中的所有的【东西】看成【对象】。DOM是w3c指定的网页标准或规则，而这个标准，在浏览器中，一【对象】的形式得以实现。DOM的官方定义：DOM可以使脚本动态的访问或操作网页的内容、外观、结构。

charAtcharCodeAtindexOf和lastIndexOfsubstringsubstrtoLowerCase 和 toUpperCasesplitslicereplacetrimconcat

1.1 字面量创建一个数组1.2 内置构造函数创建数组1.3 数组的 length1.4 数组的索引1.5 数组的遍历二、数组的常用方法2.1 push2.2 pop2.3 unshift2.4 shift2.5 splice2.6 reverse2.7 sort2.8 concat2.9 join三、ES5中常用的数组方法3.1 indexOf3.2 forEach3.3 map3.4 filter3.5 some3.6 every3.7 reduce

在编程世界里面，递归就是一个自己调用自己的手段递归函数： 一个函数内部，调用了自己，循环往复,利用递归求100的阶乘,编写一个递归函数dep(), 实现需求：一年薪资是10k，涨幅每年0.5%，那么50年后薪资多少钱？利用递归求斐波那契数列...

在有了作用域以后，变量就有了使用范围，也就有了使用规则变量使用规则分为两种，**访问规则**和**赋值规则**

作用域就是一个变量可以生效的范围变量不是在所有的地方都可以使用，而这个变量的使用范围就是作用域作用域分为全局作用域和局本作用域

一、编写一个函数，计算两个数字的和、差、积、商二、 编写一个函数，计算三个数字的大小，按从小到大顺序输出1. 方法一（基础）2. 方法二(冒泡排序)三、编写一个函数求一个数字是否是质数四、 编写一个函数，计算任意两个数字之间所能组成的奇数个数，数字必须是个位数五、 - 某个公司采用公用电话传递数据，数据是四位的整数，在传递过程中是加密的，加密规则如下：每位数字都加上5,然后用除以10的余数代替该数字，再将第一位和第四位交换，第二位和第三位交换，请编写一个函数，传入原文，输出密文.........

把可以重复使用的代码块，封装成独立的模块在JS中，函数就是把一段代码块放在一个**盒子**里面，在我想要让这段代码执行的时候，直接执行这个 **盒子**里面的代码就行

JS利用循环解决的一些问题、打印三角形，99乘法表、梯形、算1到20的阶乘等等

- 循环结构，就是根据某些给出的条件，重复的执行同一段代码- 循环必须要有某些固定的内容组成（四大要素） 1. 初始化 2. 条件判断 3. 要执行的代码 4. 自身改变

JS中输入年月日判断是该年的第几天

一、IF条件分支结构1.1 if语句1.2 if~else语句1.3 if else if 。。。语句二、三元运算符三、SWITCH 条件分支结构四、逻辑判断的优先级

1. ECMASCRIPT: 定义了javascript的语法规范,描述了语言的基本语法和数据类型2. BOM (Browser Object Model): 浏览器对象模型 - 有一套成熟的可以操作浏览器的 API，通过 BOM 可以操作浏览器。比如： 弹出框、浏览器跳转、获取分辨率等3. DOM (Document Object Model): 文档对象模型 - 有一套成熟的可以操作页面元素的 API，通过 DOM 可以操作页面中的元素。比如： 增加个 div，减少个 div，给 div 换

弹性盒子是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间，我们在一个盒子样式中设置以下代码，就能让盒子变为弹性盒子，从而控制子元素。...

动画是使元素从一种样式逐渐变化为另一种样式的效果，可以改变任意多的样式任意多的次数，百分比来规定变化发生的时间，或用关键词 "from" 和 "to"，等同于 0% 和 100%，0% 是动画的开始，100% 是动画的完成。...

2D和3D转换，进行位移，旋转，缩放等等

transition的过渡就是平滑地改变一个元素的样式，使元素从一个样式逐渐过渡到另一个样式，是一种动画转换的过程，如渐现、渐弱、动画快慢等。

css3渐变，有线性渐变，重复性线性渐变，径向渐变，重复性径向渐变

css3选择器，目标伪类选择器，UI状态选择器，否定选择器

scc3新增选择器，结构性伪类选择器

css3新增选中器，属性选择器

HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。HTML产生于1990年，1997年HTML4成为互联网标准，并广泛应用于互联网应用的开发。HTML5将Web带入一个成熟的应用平台，在这个平台上，视频、音频、图像、动画以及与设备的交互都进行了规范。...

一、语法二、表格的相关属性三、高级表格应用1.单元格间距2.合并相邻单元格边框3.无内容时单元格的设置4.显示单元格行和列的算法4.1 值为auto时(默认值)4.2 值为fixed时5.表格列标题6.表格标题设置表格标题的位置7.数据行分组8.数据列分组...

作用：将用户填写的信息发送给服务器，例如账号注册、个人资料修改等等。表单控件等等

一、宽度自适应二、高度自适应三、最小和最大宽度值四、最小和最大高度值

position的属性值有：static、absolute、relative、fixed、sticky。

JS中forEach与map的作用与区别。

块级元素常见有div、h1~h6、p、ul、dl、ol、form等。盒模型不能正常使用，上下失效，左右[生效]!内联元素常见有a、span、i、u、b等。none隐藏该元素，让浏览器不解析该元素。可以与其它内联标签，文字或图片在同一行。可以与其它内联标签，文字或图片在同一行。行内块常见的元素有img、input。inline-block行内块元素。inline行内元素。盒模型不能正常使用，可以与文字内容在一行。...

当我们在点击一个选项的时候，我们需要清空之前所点击的选项，首先我们先获取到所有选项卡的节点，然后利用循环给每个按钮添加事件，然后在里面嵌套一个循环，在点击这个按钮生效前一步清空之前的所有事件，保证只让当前点击的事件生效，从而实现排它！多个选项中无论如果只有一个会有样式，从而实现排它。......

一个函数可以接受多个参数，反复被调用，例，该技术被命名为函数柯里化。

原理事件响应函数在一段时间后才执行，如果这段时间内再次调用，则重新计算执行时间也就是说,在这个时间内,无论你怎么触发事件,我都不会执行,只有这段时间无操作后才会执行!

1.概念盒模型是CSS布局的基石，它规定了网页元素如何显示以及元素间相互关系。CSS定义所有的元素都可以拥有像盒子一样的外形和平面空间。即都包含内容区、补白（填充、内边距）、边框、边界(外边距)这就是盒模型。...

当父元素没设置足够大小的时候，而子元素设置了浮动的属性，子元素就会跳出父元素的边界（脱离文档流），当父元素没有给定高度时，并且父元素中又没有其它非浮动的元素时，父盒子的高度就会直接塌陷为零，我们称这是高度塌陷。...

字体属性字体大小字体样式 设置行高字体倾斜font的复合写法文本属性字体颜 检索或设置对象中的文本的大小写文本对齐方式文本修饰首行缩进字间距 词间距列表属性定义列表符号样式使用图片作为列表符号自定义列表符号的位置简写形式边框属性复合形式边框宽度边框颜色边框样式单独设置某个方向的边框属性背景图片的位置背景图的固定浮动属性定义清除浮动示例.....................

css选择器ID选择器类选择器通配符选择器标签选择器属性选择器后代选择器子元素选择器相邻兄弟选择器通用兄弟选择器交集选择器并集选择器动态伪类选择器权重

v-for中key的原理、拟DOM中key的作用、对比规则、用index作为key可能会引发的问题、开发中如何选择key