检查用户的设备是否处于暗黑模式

el/2023/6/3 15:39:01
  const isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matchesconsole.log(isDarkMode);

http://www.ngui.cc/el/3419093.html

相关文章

vue3 hooks的使用(本质是一个函数,把setup函数中使用的composition API 进行了封装)

什么是hook&#xff1f; ----本质是一个函数&#xff0c;把setup函数中使用的composition API进行了封装类似于vue2中的mixin自定义hook的优势&#xff1a;复用代码,让setup中的逻辑更清晰易懂使用方式如下&#xff1a; //使用hooks的组件 <template><div class"…

provide与inject(实现祖与后代组件间通信)

作用&#xff1a;实现祖与后代组件间通信套路&#xff1a;父组件有一个provide选项来提供数据&#xff0c;后代组件有一个inject选项来开始使用这些数据具体写法&#xff1a;1.祖组件中 <template><div class"home" ><div style"background: da…

响应式数据的判断

isRef:检查一个值时否为一个ref对象isReactive&#xff1a;检查一个对象是否是由reactive创建的响应式对象isReadonly&#xff1a;检查一个对象是否是由readonly创建的只读代理isProxy&#xff1a;检查一个对象是否是由reactive或者readonly方法创建的代理

对比Composition API的优势

1.Options API存在的问题&#xff1a; 功能模块编译不统一放置需要分别在data,methods,计算属性中逐一查找并修改&#xff0c;没有顺序 2.Composition API的优势 我们可以更加优雅的组织我们的代码&#xff0c;函数&#xff0c;让相关功能的代码更加有序的组织在一起

生成ios测试证书及发布证书步骤(在uniapp选择发布app即可)

iOS证书(.p12)和描述文件(.mobileprovision)申请 - DCloud问答

vue3全局api的转移

1.全局API的转移 Vue2.x有许多全局API和配置 例如&#xff1a;注册全局组件&#xff0c;注册全局指令等。 //注册全局组件 Vue.component(myButton,{data:()>({count:0}),template:<button click"count>Clicked{{count}}</button> })//注册全局指令 Vue.d…

Vue3较于Vue2的改变

data选项应始终被声明为一个函数。 1.过度类名的更改&#xff1a; Vue2.x写法 .v-enter, .v-leave-to{opacity:0;} .v-leave, .v-enter-to{opacity:1;} Vue3.x写法 .v-enter-from, .v-leave-to{opacity:0;} .v-leave-from, .v-enter-to{opacity:1;} 移除keyCode作为v-on的修…

uniapp的picker标签实现多级联动

<picker class"form-item-picker" mode"multiSelector" //设置picker打开展示的内容列:range"newCategotyDeptList"//控制选择行的下标 :value"multDeptIndex"//设置picker内容展示的是name的值range-key"name"//监听每列…

react分环境打包配置

create-react-app 2.0生成的项目分环境打包 最近做的项目需要准备三个环境&#xff0c;一个开发环境&#xff08;development&#xff09;&#xff0c;一个演示环境&#xff08;demo&#xff09;&#xff0c;一个正式环境&#xff08;production&#xff09;&#xff0c;项目中…