自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(12)
  • 资源 (2)
  • 收藏
  • 关注

转载 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 573 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 1780 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 3161

原创 适配 从系统获取顶部状态栏高度和导航栏高度 - 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 1752

symbian 视频播放源码

symbian的视频播放源码,有兴趣的可以下载。

2008-09-11

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除