- 博客(12)
- 收藏
- 关注
转载 Audio在移动端的兼容性问题(1)
需求做一个SPA的web互动测试游戏。题目是自动切换播放的音频,根据音频内容选择正确选项。兼容移动端的微信,APP,浏览器和PC端的主流浏览器。准备第一步,我们先查看兼容性,打开Can I Use,CanIUse提供了各种浏览器所能支持的桌面和移动端网络前端Web技术,可以提高网站开发人员的工作效率(官方解释哈,不过这个工具确实不错,建议收藏)。下面是关于audio兼容性图表:可以看到,在移动端上用Audio是完全可行的(理论上是这样,实际操作你们懂的)。第二步,我们查...
2021-03-04 16:09:08 1536 1
原创 uniapp中使用PhotoSphereViewer全景图
近期有个项目要用到全景图,就开始研究做了一个demo,每次使用一个新东西,迎接的都是挑战本案例是在uniapp中引入全景图,插入markers节点:1. 下载依赖包npm install photo-sphere-viewer安装之后下载下来的包含 three.js uevent.js photo-sphere-viewer注: 可以不用在当前项目下创建node_modules,只需要把用到的文件复制到项目目录下即可2.uniapp中使用es6引入外部文件page.vu..
2020-05-14 14:01:06 5036 5
原创 Vue 中使用element-ui样式无效
1. Vue 中使用element-ui样式无效示例按需加载组件,引用button 后发现样式无效,后经搜索发现没有引入样式,加上即可2. 点击校验后报错需要安装vue-notificationnpm install --savevue-notification并在main.js中引用组件import Notifications from "vue-notifi...
2020-05-07 11:37:56 5035 1
原创 h5页面在新版微信iOS 端出现底部白色导航条
新版微信在苹果iOS 端的h5页面如果有路由跳转,会出现底部白色导航条,出现此情况的原因是:由于底部导航栏是因为出现history记录才出现的。使用replace就没有history记录,解决办法使用history.replace代替history.push比如Vue中解决方式:1 . dom跳转:<router-link :to="pageUrl" replace>...
2020-01-15 16:42:12 3817
转载 移动端如何判断横竖屏
-----------------------------------------html方法-----------------------------------------------1、通过在html中分别引用横屏和竖屏的样式:<link rel="stylesheet" media="all and (orientation:portrait)" href="portrait....
2019-03-14 10:43:35 281
原创 vue.js 跨域请求前端配置和上线部署
一.安装配置axios,跨域请求代理1.首先配置vue在main.js加入import Axios from "axios"Vue.prototype.$axios = AxiosAxios.defaults.baseURL = "http://127.0.0.1/"//配置默认发送请求到http://127.0.0.1/,可改或者加端口号 后台接口地址2....
2019-03-04 14:43:14 1602
原创 如何构建vue项目
一、安装node环境 1、下载地址为:https://nodejs.org/en/ 2、检查是否安装成功:如果输出版本号,说明我们安装node环境成功 3、为了提高我们的效率,可以使用淘宝的镜像:http://npm.taobao.org/ 输入:npm install -g cnpm –registry=https://registry.npm.taobao.or...
2019-02-19 11:02:42 446 1
转载 常见ie浏览器兼容问题
1.文档类型的声明。产生条件:IE6浏览器,当我们没有书写这个文档声明的时候,会触发IE6浏览器的怪异解析现象;解决办法:书写文档声明。2.不同浏览器当中,很多的标签的默认样式不同,如默认的外部丁内补丁。产生条件:不同浏览器;解决办法:利用CSS reset文件进行样式的清除,然后再根据需要进行设置。3.横向双倍外边距产生条件:在IE6中块元素浮动后,会出现横向双倍
2017-02-16 15:53:48 639
转载 各种主流浏览器CSS、BUG兼容-
1.div的垂直居中问题 vertical-align:middle;将行距增加到和整个DIV一样高 line-height:200px;然后插入文字,就垂直居中了。缺点是要控制内容不要换行。--------------------------------------------------------------------------------------------------
2015-11-03 14:51:12 340
转载 Android基础之用Eclipse搭建Android开发环境和创建第一个Android项目(Windows平台)
一、搭建Android开发环境准备工作:下载Eclipse、JDK、Android SDK、ADT插件下载地址:Eclipse:http://www.eclipse.org/downloads/ JDK:http://www.oracle.com/technetwork/java/javase/downloads/jdk7u9-downloads-
2015-08-19 12:56:10 374
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人