react和vue的比较
相同
1)vitual dom
2)组件化
3)props,单一数据流
不同点
1)react是jsx和模板;(jsx可以进行更多的js逻辑和操作)
2)状态管理(react)
3)对象属性(vue)
4)vue:view——medol之间双向绑定
5)vue:组件之间的通信(props,callback,emit)
在开始写代码之前,我们需要先准备一个音频文件和一个视频文件以及若干图片,然后进行页面的布局。
话不多说,代码先行!!!
html文件为:(music.html)
<!doctype html>
浏览器不支持video标签
风中的麦浪
爱过的地方
当微风带着收获的味道
吹向我脸庞
想起你轻柔的话语
曾打湿我眼眶
嗯…啦…嗯…啦…
我们曾在田野里歌唱
在冬季盼望
却没能等到阳光下
css样式为:(music.css)
@charset “utf-8”;
/* CSS Document */
/清除浏览器默认样式/
*{
margin:0; padding:0;
}
/整体控制音乐播放界面/
#box-video{
width:100%;
height:100%;
position:absolute;
overflow:hidden;
}
/插入视频/
#box-video video{
position:absolute;
top:50%;
left:50%;
margin-left:-1350px;
margin-top:-540px;
}
/唱片部分/
.cd{
width:422px;
height:422px;
position:absolute;
top:25%;
left:10%;
z-index:2;
border-radius:50%;
border:10px solid #FFF;
box-shadow:5px 5px 15px #000;
background:url(images/cd_img.jpg) no-repeat;
}
.center{
width:100px;
height:100px;
background-color:#000;
最后
在面试前我花了三个月时间刷了很多大厂面试题,最近做了一个整理并分类,主要内容包括html,css,JavaScript,ES6,计算机网络,浏览器,工程化,模块化,Node.js,框架,数据结构,性能优化,项目等等。
包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目,涵盖了初中级前端技术点。
-
HTML5新特性,语义化
-
浏览器的标准模式和怪异模式
-
xhtml和html的区别
-
使用data-的好处
-
meta标签
-
canvas
-
HTML废弃的标签
-
IE6 bug,和一些定位写法
-
css js放置位置和原因
-
什么是渐进式渲染
-
html模板语言
-
meta viewport原理
ng)