初入前端的小谢-CSDN博客

原创 vue富文本编辑器中样式冲突和不能修改的问题

在vue项目中，富文本回显通常采用的是v-html指令来渲染html字符串。但是在回显的过程中，发现了一些问题，以此记录下来。1.富文本（tinyMec）在编辑的时候采用的是iframe隔离，这样的话富文本中编辑的样式就是浏览器原生的样式。但是回显的时候，就会遇到项目中的全局样式所覆盖，导致所见不是所得。解决：通过 @import 将浏览器默认样式文件导入到v-html的页面中，并添加scoped2.通过上一步操作，发现虽然v-html中的内容显示正常了，但是其它页面的样式也出现问题了。查阅

2021-12-21 14:43:11 2808

原创整理web前端下载文件和访问服务器资源的方法

在做web开发时，免不了需要下载各式各样的文件，后端返回也会有不同的数据格式。通常情况下会有两种数据格式：协议+ip+端口+服务器资源路径这种形式的接口呢，是直接访问服务器的静态资源，浏览器会解析该地址，并到服务器中拿到对应的资源。通过调用接口，后端返回二进制流来进行下载这种在浏览器打开的表现形式是跳转到一个新页面然后提示下载文件，然后关闭页面，返回之前的页面。而上面的形式会直接在浏览器中预览（如果浏览器可以预览：like 图片…）而实现文件的下载或者展示在浏览器中，就需要根据上面的

2021-12-21 14:20:02 1905

原创 vue实现微信扫码拨打电话

vue实现微信扫码拨打电话首先确定下要做什么~~1.展示一张二维码2.用户打开微信扫一扫，扫描这张二维码3.用户手机上弹出拨打电话窗口那么根据这几点，就有了几个问题：1.如何生成二维码2.用户扫码的时候如何弹出电话窗口实现思路首先生成二维码，二维码中存放当前服务器中的html资源地址，当用户扫码的时候，会自动解析该地址（http开头会识别成超链接，然后自动跳转），跳转到html页面后，通过a标签的href="tel:10086"属性来打开电话。了解了该需求的主要内容和问题所在，那么就开始

2021-12-15 13:46:56 4469

原创解决图片放在src上面加载不出来，但是放在浏览器地址可以访问

在html页面加入标签，就可以解决页面加载网络图片的问题，原因大概是网络安全的问题，别人的页面做了安全防护的问题。

2021-11-24 14:58:05 2500 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 3785 1

原创 uniapp微信小程序使用webview嵌套h5的文件下载问题

公司有个小程序项目，就是单纯的小程序中使用web-view嵌套h5的项目。但是在文件下载的时候，安卓手机点击没反应，ios能打开文件但是都是乱码。在网上也找了很久，后来确定了一种思路，通过判断当前的宿主环境来进行不同的操作，然后在h5中跳转到小程序的特定页面，并且将文件资源的URL传递过去。之后在小程序中调用微信的下载文件或者保存文件API。总体思路就是这样，上代码。h5端代码// 判断所在环境 var ua = window.navigator.userAgent.toLowerCase

2021-10-27 16:40:52 8604 3

原创 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 581

原创解决echarts中的label文字过长导致显示不全的问题

label: { normal: { formatter(v) { let text = v.name; let value_format = v.value; let percent_format = Math.round(v.percent) + '%'; if (text.length <= 6) { return `${text}\n${value_format}\n${percent_..

2021-09-10 10:33:12 3546

原创 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 2785

原创 VUE中Echarts的resize事件报错和移除windows的事件

Echarts的resize事件报错原因：echart的api只有在实例化之后才能调用，如果直接调用肯定会导致报错解决方式：在调用resize的之前判断是否已经实例化this.barchart = this.$echarts.init(dom) // 实例化Echarts对象/****************/if(this.barchart) { // 方法一 this.syqchart.resize()}/****************/this.syqchart &&amp

2021-07-30 11:23:46 1645

转载 vue触发element-upload上传事件

bug记录原文转载：https://www.cnblogs.com/liangpi/p/13086110.html

2021-07-20 15:53:40 2227

原创 VUE路由传参踩坑

VUE页面使用push传递参数当使用$router.push进行传递复杂数据类型时，如果有字段的属性为Date对象，那么将会转换成字符串（乱码），这样就不能在$route.query中获取到正确的日期对象。解决方式：在传递数据前使用JSON.stringfy(data)转换成JSON格式注意：push中的配置项query或者params接受的是一个对象，所以需要定义一个字段来存储JSON数据this.$router.push({name:url,query:{data:JSON.stringf

2021-07-19 18:05:47 466

原创 windows U盘加密

BitLocker是win10系统内置的加密软件，可以保护计算机中的数据不被泄露。一般情况下，bitlocker功能都是没有开启的，需要用户自己手动设置。于是，有的小伙伴在打开win10控制面板后，发现没有找到bitlocker驱动器加密的图标，怎么办？不要着急，接下来，和大家分享具体解决方法。具体方法如下：在打开的控制面板窗口中，没有找到bitlocker驱动器加密的设置项。使用Window+R打开的Windows10运行窗口中，输入命令services.msc，然后点击确定按钮。在打

2021-06-11 14:26:03 1007

原创解决Echarts图标resize函数报错

解决Echarts图标resize函数报错问题需求：当页面大小变化时，图表进行重新绘制，响应页面尺寸。修改之前： // 使用刚指定的配置项和数据显示图表。 this.pieChart.setOption(option); window.onresize = () => { // 监听页面变化事件 this.pieChart.resize(); // 调用echart的重绘方法 };效果：可以实现效果，但是控制台会报错，_this.pieC

2021-06-09 17:31:19 2813

原创解决vue中echarts页面进入缩成一团的问题

解决vue中echarts页面进入缩成一团的问题直接看效果解决过程初始化函数添加$nextTick() this.$nextTick(()=>{ this.initCharts(); }) 给echats组件添加v-if 给setOption设置定时器 mounted初始化中添加定时器最终解决思路echarts的父组件是整个页面的子组件，父组件使用的transition，使用的v-show，这就导致了组件在进入页面时直接加载，

2021-05-21 17:18:04 3448 1

转载 JavaScript中的三种事件模型

JavaScript中的三种事件模型JavaScript中的三种事件模型1. DOM0事件模型（原始事件模型）2. DOM2事件模型2.1 事件捕获和事件冒泡（capture,bubble )2.2 addEventListener3. IE事件模型JavaScript中的三种事件模型前端面试题记录…1. DOM0事件模型（原始事件模型）有两种实现方式通过元素属性来绑定事件. <button onclick="click()">点我</button>先获取页面

2021-03-12 22:39:11 1215 2

qq_37622750的博客