- 博客(12)
- 资源 (2)
- 收藏
- 关注
RSS订阅转载 JS判断Android、iOS或浏览器的多种方法(四种方法)
第一种：通过判断浏览器的userAgent，用正则来判断是否是ios和Android客户端。代码如下： 1 2 3 4 5 6 7 <script type="text/javascript"> varu = navigator.userAgent; varisAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') >...
2020-12-21 13:33:55
3285
转载 iOS/Android与前端Vue的交互
这阵子移动端两个端都和前端做了交互 记录一下前端调用iOS/Android(以目前前端最流行的框架Vue为例 )//判断安卓const isAndroid = navigator.userAgent.indexOf('Android') > -1 || navigator.userAgent.indexOf('Linux') > -1;//判断iOSconst isIOS = !!navigator.userAgent.match(/\(i[^;]+;( U;)? CPU.+Ma
2020-12-18 17:45:51
574
2
转载 vue中style样式动态绑定
方法一：(1) html中: <div class="videoMa" ref="videoMa" style="width:100%;height:100%;"> <div id="playWnd" class="playWnd" :style="{width:videoBox.width+ 'px',height:videoBox.height+ 'px'}"></div> </div> (2) data中:.
2020-12-18 14:19:31
733
转载 vue项目实现换肤（样式、字体、背景）
后台管理项目一般都会加一些主题配色，最近在用vue写一个后台管理系统，也加了一个可以实时改变主题色彩。先看一下效果：项目的基色，可以通过颜色选择器进行更改：vue可以实现数据的双向绑定，要想所有的组件都使用可以实时改变的基色，思来想去还是vuex。1、首先在vuex state里定义一个默认的主题颜色：（baseColor: '#2270e9'）2、然后把这个state和颜色选择器（我项目使用的element-ui）进行双向绑定。<el-color-picker v-mo
2020-12-18 14:18:16
1212
转载 vue使用less设置全局变量
npm装包//首选，安装 less 和 less-loader ，在项目目录下运行如下命令npm install less less-loader --savenpm i sass-resources-loader复制代码修改utils.jsif (loader) { if (loader == 'less') { loaders.push({ loader: 'less-loader', options:.
2020-12-18 11:42:44
4147
转载 自定义导航状态栏与导航高度 - 开发uniapp项目，遇到的问题（主H5，微信小程序） ...
提要第一次写文章……原本想记在我的笔记里的，但是奈何，这笔记不能传图片啊……关于uniapp框架，我也是第一次正式使用uniapp框架开发前端项目，主要是兼容H5与微信小程序端，开发期间，出现各种兼容问题，有些是没 ... 提要 第一次写文章……原本想记在我的笔记里的，但是奈何，这笔记不能传图片啊……关于uniapp框架，我也是第一次正式使用uniapp框架开发前端项目，主要是兼容H5与微信小程序端，开发期间，出现各种兼容问题，有些是没有仔细阅读官方文档导致的，有些的确是实践后发现的问题。
2020-12-18 10:58:52
1781
1
转载 https://www.cnblogs.com/wrhbk/p/11411552.html
h5 app的全屏和沉浸式状态栏是不一样的全屏模式常见使用场景：如果页面是全屏游戏，一般会直接让状态栏消失，也就是页面全屏。webview高度全屏了，状态栏没有了。写法：终端支持：没有终端类型限制高度处理：与状态栏透明相同，webview高度=屏幕高度，状态栏高度为0且不显示前景内容。需要注意dom里fix元素的调整。使用方法勾选全屏模式即可，也可以直接才配置文件manifest.json文件中添加的根节点下添加字段 "fullscreen":true 根节点应该理解吧{
2020-12-18 10:56:14
549
转载 沉浸式，状态栏高度，刘海屏怎么开启，怎么适配？看这！
何为沉浸式？沉浸式就是app的头部和状态栏和何为一体的，webview即为整个手机的高度何为状态栏？状态栏就是手机顶部，显示时间电量那一行除此还有刘海屏，水滴屏，挖孔屏，全面屏，非刘海屏，不同手机状态栏高度又不太一样，需要我们去适配，有一个段子说，如果看到那个手机适配有问题，赶紧把那个手机藏起来，不要让测试发现了。我们用HBuilder创建的应用默认是不开启沉浸式的，需要我们手动如下配置开启。打开应用的manifest.json文件，切换到代码视图，在plus -> statu
2020-12-18 10:55:26
672
转载 H5+获取状态栏高度
/** * 获得状态栏高度 */ getStatusBarHeight:function(){ var immersed = 0; var ms=(/Html5Plus\/.+\s\(.*(Immersed\/(\d+\.?\d*).*)\)/gi).exec(navigator.userAgent); if(ms&&ms.length>=3){ // 当前环境为沉浸式状态栏模式 immersed=parseFloat(ms[2]);// 获取状态栏.
2020-12-17 18:32:27
3164
原创 适配 从系统获取顶部状态栏高度和导航栏高度 - 20.8.9.29
适配 从系统获取顶部状态栏高度和导航栏高度 - 20.8.9.29//状态栏CGRect rectStatus = [[UIApplicationsharedApplication] statusBarFrame]; NSLog(@"status width %f ---- status height %f",rectStatus.size.width,rectStatus.size.height);//导航栏CGRect rectNav =self.navigationCon
2020-12-17 17:47:01
184
转载 状态栏大全-状态栏透明(沉浸式)、变色及全屏的区别
手机的顶部状态栏，也就是信号、电量那条，有4种状态，分别是正常、变色、透明（也称沉浸式状态栏）、消失（也就是全屏）。后3种特殊用法，具体见下：状态栏变色常见使用场景：如果title背景为纯色且显眼，一般会把状态栏的背景色也变成title的颜色，看起来大气，比如流应用中的网易新闻。写法：使用5+APIplus.navigator.setStatusBarBackground）。首页配置首页需要在manifest.json文件中，plus->launchwebview下添..
2020-12-11 14:08:43
1070
转载 使用http-server启动本地服务
经常用到的一个指令：开启http服务http-server -c-1简述：在本地启动一个简单易用的服务器1.安装node.js2.安装http-server进行全局安装，-g表示安装到全局，之后所有文件夹路径下输入http-server都可以使用npm install http-server -g3.开启服务进入到需要启动服务的文件夹，输入http-server命令就可以启动了-c-1是禁用缓存的意思，其他可选配置如下：-p 要使用的端...
2020-12-09 09:27:07
1754
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人