2024年最新学习基础HTML、CCS、JavaScript 知识实现抽奖页面(2)，2024年最新42岁程序员面试

Vue 面试题

1.Vue 双向绑定原理
2.描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程？
3.你是如何理解 Vue 的响应式系统的?
4.虚拟 DOM 实现原理
5.既然 Vue 通过数据劫持可以精准探测数据变化,为什么还需要虚拟 DOM 进行 diff 检测差异?
6.Vue 中 key 值的作用？
7.Vue 的生命周期
8.Vue 组件间通信有哪些方式?
9.watch、methods 和 computed 的区别?
10.vue 中怎么重置 data?
11.组件中写 name 选项有什么作用？
12.vue-router 有哪些钩子函数?
13.route 和 router 的区别是什么？
14.说一下 Vue 和 React 的认识，做一个简单的对比
15.Vue 的 nextTick 的原理是什么？
16.Vuex 有哪几种属性?
17.vue 首屏加载优化
18.Vue 3.0 有没有过了解？
19.vue-cli 替我们做了哪些工作？

如果你觉得对你有帮助，可以戳这里获取：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

• CSS⽂字属性

font-family 字体类型 font-family：微软雅⿊,Arial,Times New Roman;

font-size 字体⼤⼩ font-size：16px;

font-weight 字体粗细 font-weight: normal/lighter/bold/bolder;

font-style 字体斜体 font-style: italic;

color 颜⾊ color: red;

• 边框的三个属性

border-width 边框的宽度

border-style 边框的外观

border-color 边框的颜⾊

• CSS背景图像属性

background-image 定义背景图像的路径，这样图⽚才能显示嘛

background-repeat 定义背景图像显示⽅式，例如纵向平铺、横向平铺

background-position 定义背景图像在元素哪个位置

background-attachment 定义背景图像是否随内容⽽滚动

background:url(images/11.jpg) no-repeat;定义背景图像不重复出现

• 盒⼦模型

外边距margin，边框border，内边距padding

对于child块标签，边框到⽗标签之间的距离是外边距margin，边框是border，⽽child的内容到边框的距离就叫做内边距padding，他们都是有上下左右之分。

⾏为层JavaScript

---

• avaScript是⼀⻔编程语⾔，有很多的内容，⽐如变量、操作符、分⽀循环语句、函数⽅法等等，再深⼊还有⾯向对象、原型、闭包、作⽤域等等内容

1. 动态改变⻚⾯内容

HTML⻚⾯是静态的，⼀旦编写，内容是⽆法改变的。JavaScript可以弥补这个不⾜，可以将内容动态地显示在⽹⻚中。

2. 动态改变⽹⻚的外观

JavaScript通过修改⽹⻚元素的CSS样式，达到动态地改变⽹⻚的外观。

3. 验证表单数据

我们常⻅的在各⼤⽹站中的注册中的验证功能，就是JavaScript实现的。

4. 响应事件

JavaScript是基于事件的语⾔。例如点击⼀个按钮弹出⼀个对话框，就是⿏标点击触发的事件

⻚⾯中试试看

• 实现点击改变子颜色和点击显示倒计时

标题一

标题二

段落内容

段落内容

段落内容

段落内容

文本标签1也叫做文本行标签

文本标签2也叫做文本行标签

<span class=“test2” id=“content2” οnclick=“clickme()”>文本标签3也叫做文本行标签

块标签

块标签

块标签

我是列 我跨越俩列 我是列 我是列 我跨越俩行 我是列 我是列 我是列 我是列

实现抽奖页面

=====================================================================

• 效果展示

源代码

---