前端
初入前端的小谢
这个作者很懒,什么都没留下…
展开
-
整理web前端下载文件和访问服务器资源的方法
在做web开发时,免不了需要下载各式各样的文件,后端返回也会有不同的数据格式。通常情况下会有两种数据格式:协议+ip+端口+服务器资源路径这种形式的接口呢,是直接访问服务器的静态资源,浏览器会解析该地址,并到服务器中拿到对应的资源。通过调用接口,后端返回二进制流来进行下载这种在浏览器打开的表现形式是跳转到一个新页面然后提示下载文件,然后关闭页面,返回之前的页面。而上面的形式会直接在浏览器中预览(如果浏览器可以预览:like 图片…)而实现文件的下载或者展示在浏览器中,就需要根据上面的原创 2021-12-21 14:20:02 · 1959 阅读 · 0 评论 -
vue实现微信扫码拨打电话
vue实现微信扫码拨打电话首先确定下要做什么~~1.展示一张二维码2.用户打开微信扫一扫,扫描这张二维码3.用户手机上弹出拨打电话窗口那么根据这几点,就有了几个问题:1.如何生成二维码2.用户扫码的时候如何弹出电话窗口实现思路首先生成二维码,二维码中存放当前服务器中的html资源地址,当用户扫码的时候,会自动解析该地址(http开头会识别成超链接,然后自动跳转),跳转到html页面后,通过a标签的href="tel:10086"属性来打开电话。了解了该需求的主要内容和问题所在,那么就开始原创 2021-12-15 13:46:56 · 4693 阅读 · 0 评论 -
解决图片放在src上面加载不出来,但是放在浏览器地址可以访问
在html页面加入标签,就可以解决页面加载网络图片的问题,原因大概是网络安全的问题,别人的页面做了安全防护的问题。原创 2021-11-24 14:58:05 · 2556 阅读 · 2 评论 -
vue中导入百度地图获取当前位置
一般来说获取当前位置有两种方式:1.通过script标签导入2.通过vue-baidu-map获取到BMap我们采用第一种方式,因为第二种方式需要导入一个地图组件(如果不想展示地图),并且获取BMap对象是从组件的Ready的回调中获取,速度就很感人了。废话不多说,上代码。一、首先在百度api注册获得ak密钥二、进行引入(1)、第一种方式: 直接在vue中index.html中用script标签引入。//你的ak密钥需要替换真实的你的ak码<script type="tex原创 2021-11-08 14:37:20 · 3843 阅读 · 1 评论 -
2021-09-17 bug记录Converting circular structure to JSON(关于json循环引用的问题)
在uniapp中开发的h5页面,没有出现这个问题,后来运行在小程序中出现了这种问题。一开始没搞懂这个报错(翻译:就是复杂数据类型循环引用),简而言之就是a对象中有b属性,而b属性又和a属性共享了同一块内存空间。var a = { b:a}说明了问题所在,那就是解决-bug了。这句代码就是问题所在了,这种骚操作的bug不好发现,只能一块一块代码注释,来确定bug位置。...原创 2021-09-17 17:04:47 · 611 阅读 · 0 评论 -
h5实现vr看房
全景图片查看器,有了Three.js的支持,已经是很简单的东西,网络上相关的插件有很多,这里推荐几个:Panolens.js、Pano.js、photo-sphere-viewer.js,这些插件都是基于Three.js,我这次是用的是photo-sphere-viewer.js。但是使用这些插件,都是H5端的,uniapp中不能直接用。但uniapp有个组件web-view,可以引入内部或外部的HTML,文档传送:web-view。那这样问题思路就很清晰了,写一个HTML,使用查看器插件,再在uniap原创 2021-09-02 15:03:26 · 2838 阅读 · 0 评论 -
VUE中Echarts的resize事件报错和移除windows的事件
Echarts的resize事件报错原因:echart的api只有在实例化之后才能调用,如果直接调用肯定会导致报错解决方式:在调用resize的之前判断是否已经实例化this.barchart = this.$echarts.init(dom) // 实例化Echarts对象/****************/if(this.barchart) { // 方法一 this.syqchart.resize()}/****************/this.syqchart &&原创 2021-07-30 11:23:46 · 1669 阅读 · 0 评论