芒果君君君呀

原创前端页面a标签嵌套a标签效果的两种解决方案

众所周知a标签是内联元素(inline element)，如果嵌套a标签的话浏览器则会解析成:1 2 <a href="#outer">outerA3 <a href="#inner">innerA</a>4 </a>5 6 <!-- 而浏览器则会解析成 -- >7 ...

2019-07-23 18:26:09 596

原创 nuxt打包项目vendor.js过大问题

nuxt下按需加载element-ui在打包nuxt项目时，打包会提示vendor.xxxxx.js文件超过300kB的警告，如下图：主要配置如下：a) package.json{ "name": "Demo", "scripts": { "dev": "nuxt", "build": "nuxt build", "start": "nuxt start"...

2019-06-26 15:53:42 7666 2

原创网站微信扫码登录回调不跳转问题

最近项目需要开发新功能，微信扫码登录，先上代码：步骤1：在页面中先引入如下JS文件（支持https）：http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js步骤2：在需要使用微信登录的地方实例以下JS对象：（我是在点击事件触发）var obj = new WxLogin({ self_redirect:true,//是...

2019-06-14 17:54:06 9492 3

原创 H5中img标签引入https图片在安卓和ios不显示

引入的src图片地址是https时，在pc端和h5均正常显示，但在手机端均无法显示，并且图片链接在微信里面也无法打开；于是尝试将地址复制去浏览器及其他地方（除微信）均能正常显示；并且尝试用http图片在任何地方，包含微信都能正常显示；于是找度娘，说明在src中引用网络图片无法显示，这因为在引用链接时,浏览器对地址发起请求加上了refre这个请求头,而有些服务器能根据refre反盗所以引用失败...

2019-05-23 13:43:54 4961 1

原创 vue-quill-editor超链接bug问题

**问题描述**使用了vue-quill-editor组件，在新建内容时，提交都没有问题。在修改内容时，将原本的内容通过v-model绑定到vue-quill-editor时，点击文本内容点击超链接出现save点击后所有内容清空问题。并且出现第一次点击toolbar的超链接按下回车键会有效果，可是再次编辑文本内容会清空。**ext-quill.vue内容**在这种情况下会出现开...

2019-05-14 10:13:55 4962 1

原创 iOS端键盘挡住输入框的完美解决办法即输入框位置如何随着键盘的升起而升高

相信大家写移动端肯定遇到过输入框被手机键盘挡住的问题，我自己也百度了很多办法，最开始是改变输入框的fixed定位为absolute定位，并不能实现效果，然后尝试用了以下方法:// css.mainBox{ height:100vh; position:relative;}.inputBox{ position:absolute; bottom:0;}//...

2019-04-29 16:14:15 3115

转载微信JS-SDK updateAppMessageShareData安卓不能自定义分享

最近开发一个项目时，有微信H5网页自定义分享功能，使用了微信JS-SDK的分享到好友和分享到朋友圈功能。微信开发文档这样写的自定义“分享给朋友”及“分享到QQ”按钮的分享内容（1.4.0）wx.ready(function () { //需在用户可能点击分享按钮前就先调用wx.updateAppMessageShareData({title: '', // 分享标题desc: ''...

2019-04-17 13:31:03 6447 13

转载 quill富文本编辑器 API

//1. 从第三个开始删除，删除4个 // console.log(this.quill.deleteText(2, 4)); // 12345678 1278// 2.（返回对象）返回从第三个开始，返回4个，编辑器里面不变 .insert = 3456; 不写参数参数，默认全部 // console.log(thi...

2019-04-15 18:38:06 1485

原创 iframe标签控制视频大小及自动播放

项目中问题：quill富文本中插入的视频，表单发送给后台是iframe标签；所以前端拿到的视频为后台直接返回数据渲染，如下：<iframe class="ql-video" frameborder="0" allowfullscreen="true" src="https://www.yinyueriji.net/square/video/26e59459-66fd-0f60-50ba-c...

2019-04-12 11:24:05 14701 3

原创 scroll事件在ios兼容问题

最近在维护vue项目中发现一个小坑，该功能是使用scroll事件动态监听屏幕变化发送请求，来完成一个简单排名，但是功能完成后测试分别在安卓、pc端测试均正常，但是苹果手机多次刷新会出现排名混乱的问题，经过分析，终于找到解决方案啦~~~~**问题分析：**scroll事件在ios上会出现兼容问题，在屏幕滑动时会不断的给后台发送请求，再次刷新，接收到的数据会有出入，导致排名混乱。要想解决这个...

2019-04-09 11:22:47 2178

原创 nuxt框架中路由动态传参及结构分析

刚入公司的小白，接手nuxt项目，经常会用到路由传参,故在此有所总结了下nuxt中传参的方式nuxthttps://zh.nuxtjs.org/guide/ 官方文档简单来说，Nuxt就是基于Vue的一个应用框架，采用服务端渲染，让你的SPA应用(Vue)也可以拥有SEO结构分析动态路由传参传参：`<nuxt-link :to="{path:'/about',query:{i...

2019-04-09 10:58:29 1549 1

Mangojjx的博客