记一次面试

vue 和 react 的区别是什么?

先说相同点

  1. 都是使用虚拟DOM,组件化开发,通过props传参进行父子组件数据通信
  2. 都是数据驱动视图
  3. 都有状态管理工具(redux, vuex)

不同点

  1. react严格意义上只算MVC,而vue则是mvvm模式,所以在数据绑定上,vue实现了数据的双向绑定,而在react中数据是单向流动的。
  2. state对象在react中是不可变的,需要使用setState方法更新状态。

3.组件写法不一样,

react: 推荐 all in js, html在js中写,推出了jsx,后来更是有 css in js。

vue: 把html,css,js组合到一起。有单文件组建

css中如何定义变量?如何一键更改页面主题颜色?

css变量

看下面的例子

声明变量

声明一个自定义属性,需要以两个 建好开始。

通常的最佳实践是定义在根伪类 :root 下,这样就可以在 HTML 文档的任何地方访问到它了:

css 复制代码
:root{       
     --primary-color: green;  
} 

引用变量

css 复制代码
.primary-button{
    background: var(--primary-color)
}

移动端不同尺寸屏幕怎么自适应字体大小?

相关推荐
2501_920931703 小时前
React Native鸿蒙跨平台采用ScrollView的horizontal属性实现横向滚动实现特色游戏轮播和分类导航
javascript·react native·react.js·游戏·ecmascript·harmonyos
0思必得05 小时前
[Web自动化] Selenium处理动态网页
前端·爬虫·python·selenium·自动化
东东5165 小时前
智能社区管理系统的设计与实现ssm+vue
前端·javascript·vue.js·毕业设计·毕设
catino5 小时前
图片、文件的预览
前端·javascript
测试涛叔6 小时前
金三银四软件测试面试题(800道)
软件测试·面试·职场和发展
2501_920931707 小时前
React Native鸿蒙跨平台实现推箱子游戏,完成玩家移动与箱子推动,当所有箱子都被推到目标位置时,玩家获胜
javascript·react native·react.js·游戏·ecmascript·harmonyos
layman05287 小时前
webpack5 css-loader:从基础到原理
前端·css·webpack
半桔7 小时前
【前端小站】CSS 样式美学:从基础语法到界面精筑的实战宝典
前端·css·html
AI老李7 小时前
PostCSS完全指南:功能/配置/插件/SourceMap/AST/插件开发/自定义语法
前端·javascript·postcss
_OP_CHEN7 小时前
【前端开发之CSS】(一)初识 CSS:网页化妆术的终极指南,新手也能轻松拿捏页面美化!
前端·css·html·网页开发·样式表·界面美化