bahuai7054-CSDN博客

转载让 axios 支持 finally

当我们执行一个promise操作时，往往伴随的是要做各种状态的修改（如请求开始时显示loading，结束时隐藏 loading）, 这个状态修改，如果没有finally函数，我们需要在then和catch中都写入这段代码，但是有了finally函数，我们只需要把这段代码写入函数中即可，因为finally函数中的逻辑，请求完成之后无论是成功失败都会被执行如何支持安装包prom...

2019-08-13 10:47:00 1826

转载 CSS实现宽度自适应100%，宽高16:9的比例的矩形

现在我们来讲讲做自适应16:9的矩形要怎么做第一步先计算高度，假设宽100%，那么高为h=9/16=56.25%第二步利用之前所说设置padding-bottom方法实现矩形代码HTML<div class="box"> <div class="scale"> <p>这是一个16：9的矩形</p>...

2019-04-28 18:21:00 826

转载 vue 写h5页面-摇一摇

依赖的第三方的插件shake.jsgithub地址：https://github.com/alexgibson/shake.js提供一个摇一摇音效下载地址：http://aspx.sc.chinaz.com/query.aspx?keyword=%E6%91%87%E4%B8%80%E6%91%87&classID=14安装包shake.js：　　np...

2019-03-18 14:59:00 473

转载 Vue中使用websocket

<template><divclass="test">websocket demo</div></template><script> export default { data() { return { websock: nul...

2019-03-18 14:43:00 148

转载 vue 集成html5 plus

首先要安装一个包 vue-html5plus　　npm i vue-html5plus -S然后配置这个文件在main.js添加一串代码　　var onPlusReady = function (callback, context = this) { 　　　　if (window.plus) { 　　　　　　callback.call(context)　　 ...

2019-03-18 14:34:00 2942

转载利用vue-i18n实现多语言切换

在vue项目中利用vue-i18n，我们可以实现多语言的切换，可以轻松搞定大部分的需求，包括中英文切换，以及词条的变更。vue-i18n基本的使用方法一、安装vue-i18n　　npm install vue-i18n --save二、main.js中引用　　import VueI18n from 'vue-i18n'　　Vue.use(VueI18n)　　c...

2019-03-14 15:30:00 258

转载安卓移动端line-height垂直居中出现偏移的解决方法

目前移动端在项目使用的rem,安卓手机上line-height属性，让它的值等于height，结果发现是不居中的。出现此问题的原因是Android在排版计算的时候参考了primyfont字体的相关属性（即HHead Ascent、HHead Descent等），而primyfont的查找是看`font-family`里哪个字体在fonts.xml里第一个匹配上，而原生Android下...

2019-03-14 14:44:00 1473

转载 Video 自动播放

先说iosios之前的政策是视频只能在用户主动操作后才能播放，且播放时必须全屏。随着 iOS 10 的正式发布，Safari 也迎来了大量更新，首先划出重点：1）iOS 10 Safari 支持特定视频自动播放；2）iOS 10 Safari 支持视频内联播放。想了解更多细节的同学请接着往下看。自动播放IOS 10 Safari 允许自动播放以下两种视频：无音...

2018-06-22 18:15:00 1095

转载渐进式Web应用（PWA）

什么是渐进式Web应用？渐进式Web应用是一种全新的Web技术，让Web应用和原生APP的体验相近或一致。渐进式Web应用它可以横跨Web技术及Native APP开发的解决方案，对于开发者的优势如下：你只需要关心W3C的Web标准，不用关心各种Native APP的代码。用户可以在安装应用之前先试用。在渐进式Web应用中，你不需要使用各种应用...

2018-06-04 10:07:00 205

转载基于Three.js的全景---photo-sphere-viewer

以前公司其他几个前端做全景都是用软件生成，由于本人比较懒，不想去折腾那个软件，于是乎就有了下面的事......这个是基于three.js的全景插件 photo-sphere-viewer.js————————————————————————————————————————1、能添加热点；2、能调用陀螺仪；3、功能比较完善，能满足大多数人的需求了；4、最主要的是...

2017-11-06 14:57:00 533

转载基于svg的环形进度条

其实需求是这么一个基于日期的环形进度条，开始用css3写了一下感觉太麻烦了，于是抽了点时间用svg画了一个。不多说上代码：css：<style> circle { -webkit-transition: stroke-dasharray .25s; transition: stroke-dasharray .25s; }</style>htm...

2017-05-12 15:56:00 171

转载基于three.js的全景

直接上代码：<!DOCTYPE html><html> <head> <title>three.js css3d - panorama</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, u...

2017-04-11 10:28:00 110

转载 IOS中input键盘事件keyup 的兼容解决办法

用input监听键盘keyup事件，在安卓手机浏览器中是可以的，但是在ios手机浏览器中很慢，用输入法输入之后，并未立刻相应keyup事件。解决办法：在ios设备上可以用html5的input事件去代替keyup。eg：var bind_name = 'input';if (navigator.userAgent.indexOf("MSIE") != -1) { bind...

2017-01-10 15:54:00 360

转载 pointer-events:none 的应用

相信很多人都遇到过Retina屏的1px边框的问题.很多人都用 :before，:after 伪类eg:.div:after{position:absolute;top:0;left:0;width:200%;height:200%;content:'';border:1px solid#e2e2e2;bo...

2017-01-10 15:29:00 138

转载阻止 iPhone 视频自动全屏

最近一年都在做直播，遭video 全屏的问题困扰了很久。下面将阻止 ios视频自动全屏的办法写出来。添加 playsinline 和 webkit-playsinline="true"；例如:<video id="video" playsinline webkit-playsinline ></video>备注：　　1、此方法仅仅针对 ios有效（safar...

2016-12-30 18:13:00 492

转载 IOS10 window.navigator.geolocation.getCurrentPosition 无法定位问题

在iOS 10中，苹果对webkit定位权限进行了修改，所有定位请求的页面必须是https协议的。如果是非https网页，在http协议下通过HTML5原生定位接口会返回错误，也就是无法正常定位到用户的具体位置，而已经支持https的网站则不会受影响。目前提供的解决方案： 1、将网站的http设置为Https。 2、通过第三方API解决。顺便附上定位方法： ...

2016-12-30 17:59:00 893

转载 JS open App（未安装就跳转下载页面）

直接上代码var APPCommon = { downAppURl : "http://**/",//下载APP地址 downWeixin: "http://**",//微信下载APP地址 iphoneSchema: 'openApp.jdMobile://',//IOS打开APP 跳转地址（这个跳转地址需要IOS开发人员提供） iphoneDownUrl: 'https://**',/...

2016-12-30 17:52:00 1837

转载 CSS3 文字边框 -webkit-text-stroke 镂空的字体

CSS边框的一个不足就是只有矩形的元素才能使用。-webkit-text-stroke可以为文字添加边框。它不但可以设置文字边框的宽度，也能设置其颜色。而且，配合使用color: transparent属性，还可以创建镂空的字体！h3{ color:transparent; -webkit-text-stroke:4pxred;} 转...

2016-12-09 09:50:00 294

转载移除hmtl5 input type=“number”的step验证

设置step="any"例如：<input type="number" step="any" value="">转载于:https://www.cnblogs.com/luobiao/p/5695885.html

2016-07-22 17:22:00 453

转载移除HTML5 input在type="number"时的上下小箭头

在chrome下：input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{ -webkit-appearance: none !important; margin: 0;}Firefox下：input[type="number"]{-moz-appearance:textfiel...

2016-07-22 17:19:00 87

转载 Iphone上对于动态生成的html元素绑定点击事件$(document).click()失效解决办法

在Iphone上,新生成的DOM元素不支持$(document).click的绑定方法,该怎么办呢?百度了N久都没找到解决办法,在快要走投无路之时,试了试Google,我去,还真找到了,歪国人就是牛逼,原帖地址:http://stackoverflow.com/questions/3705937/document-click-not-working-correctly-on-ip...

2016-07-22 17:13:00 198