qq_31150171的博客

原创 Nuxt3使用echart，使用中国地图

目录第一步安装echart第二步配置plugins 第三步使用 例如使用饼状图 例如使用中国地图第二步配置plugins 在plugins创建echarts.ts文件并写入下面内容 例如使用中国地图我使用的版本 "echarts": "^5.4.0"china.json文件是去DataV.GeoAtlas地理小工具系列 (aliyun.com)下载的我这里只是简单的使用，复杂场景需要更多配置像可参考echart官网Documenta

原创 vscode使用docker 简介、步骤

安装vscode、docker-vscode插件、docker desktop桌面程序、docker hub账户编写Dockerfile文件使用命令创建镜像 "docker build -t name ." (name是镜像名字，.点是指在当前目录下寻找Dockerfile文件)使用命令启动容器 "docker run -dp 3000:3000 name" (name是镜像名字)访问http://localhost:3000

原创 设置flex:1元素的子元素无法设置超出隐藏，flex: 1；width: 0；的原理

解决：设置flex:1元素的子元素无法设置超出隐藏假设：设置flex：1的项为A所以，当A项的width为0时，剩余空间等于容器的宽度减去除A项以外（因为此时它的width为0），其他flex项的大小，然后把剩余空间给A项补充：width也可以不设为0，只要设置的宽度不大于剩余空间就可以，因为此时的剩余空间为 flex 容器的宽度.

原创 CSS实现汉字与数字底部对齐

效果：代码： <div style="width:200px;border-bottom: 1px solid red;"> <span style="font-size: 30px;vertical-align:bottom;">价格</span> <span style="vertical-align:bottom;">100</span> </div>要点：verti

原创 微信小程序接口封装

//使用const {getUserInfo} = require('./api')onShow: function () { this.getUserInfoFun()},getUserInfoFun(){ getUserInfo({ data: { "userId": 123456, "sign": "2342343gfdgf", }, callback: self.testFun }).then(res => { c.

原创 Error: 系统错误，错误码：80058

微信小程序之前好好的，突然就80058了，我也是醉了。花了一点时间尝试解决这个问题，已失败告终。最后，冒着生命危险更新开发者工具，好了。。。。

原创 js常用方法

/** * 获取文件后缀名 * @param {String} filename */ export function getExt(filename) { if (typeof filename == 'string') { return filename .split('.') .pop() .toLowerCase() } else { throw new Error('f.

转载 this指向问题

全局调用 fun() this=>window 对象调用 obj.fun() this=>点前面是谁就指谁 定时器处理函数 this=>window 事件处理函数 input上的onclick="fun(this)" this=>指向事件源（谁身上的事件，这里即是input） 自执行函数 this=>window改变函数this向的方法1.apply()语法：fun.apply(你想要改变fun的this指向，第二个参数是一个数组 数组里的元...

原创 合成图片

/*合成图片*/ public static function opentow(){ $Absolute_Path=substr($_SERVER['SCRIPT_FILENAME'],0,-10); //本地的绝对路径 $dst_path = 'C:\Users\wj121\Pictures\Camera Roll\2.png';//背景...

原创 Yii2 报错 The directory is not writable by the Web process

一般报这样的错后面都会有一个目录地址如：/home/htdocs/app/web/assets这个时候我们需要做的是，linux环境下进入到/home/htdocs/app/web下，执行chmod -R 777 assets/即可...

原创 当前页面的URL未注册:$key0$

总结：当遇到这种情况的的时候，需要检查一下商户后台支付配置的支付授权目录注意：是目录 比方说你调起支付的页面是www.xxx.com/home/index.php时，你需要设置的是www.xxx.com/home/...

转载 js计算经纬度距离

// 方法定义 lat,lngfunction GetDistance( lat1, lng1, lat2, lng2){ var radLat1 = lat1*Math.PI / 180.0; var radLat2 = lat2*Math.PI / 180.0; var a = radLat1 - radLat2; var b = lng1*Mat...

转载 (部分机型不适用)解决ios10及以上Safari双击和双指缩放无法禁止的问题

<script>/*禁止ios缩放，双击和双指*/window.onload=function () { document.addEventListener('touchstart',function (event) { if(event.touches.length>1){ event.preventDefault(); ...

原创 jquery on()事件 为什么给异步添加的元素绑定on不起作用

先说说on时间的两种用法一：on的第一种用法：直接绑定在源事件上$('event').on('eventName',function(){"use strict";});$('event').off('eventName');//这种用法有两个限制：(1)若是选中元素很多，每个都会有一个监听函数(2)无法为后添加的元素进行绑定二：on的第二种用法：委托给父元素进行事件监...

原创 js识别图片二维码解析网址代码

下载analysis-qrcode.js &lt;input type="file" id="input"&gt; &lt;button id="button"&gt;获取内容&lt;/button&gt; &lt;!--引入js文件--&gt; &lt;script src="&lt;?=

原创 移动端滚动（局部）解决方案 2种

1.通过overflow来控制overflow-x:hidden; overflow-y: auto;此方法在安卓可以正常使用，ios滚动使用卡顿情况ios解决方案：css添加*{ -webkit-overflow-scrolling:touch;}2.通过引用 iscroll.js 来解决具体怎么用我就不说了๑乛◡乛๑，我想提的一点就是&lt;div id=...

转载 SQL的各种连接Join详解

https://www.cnblogs.com/reaptomorrow-flydream/p/8145610.html 

转载 php递归函数return会出现无法正确返回想要值的情况

 https://www.cnblogs.com/as3lib/p/6830881.htmlphp递归函数中使用return的时候会碰到无法正确返回想要的值得情况，如果不明白其中的原因，很难找出错误的，就下面的具体例子来说明一下吧：function test($i){ $i-=4; if($i&lt;3){ return $i; }else{...

原创 滚动div内容，变化导航栏状态，点击导航栏切换div内容

&lt;script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;&lt;style&gt;     *{padding:0;margin:0;} .warp{position:relative;height:600px;width:300px;overflow:hidden} ...

转载 根据经纬度查询，mysql查询计算经纬度

mysql经纬度查询并且计算2KM范围内附近用户的sql查询性能优化实例教程https://www.cnblogs.com/mgbert/p/4146538.html 

原创 用better-scroll滚动失效的原因之一

在vue中v-show的元素使用better-scroll滚动失效的原因在你添加better-scroll的组件中使用如下操作&lt;script&gt;import Bscroll from 'better-scroll'export default { name: 'MenuCart', computed: { myValue () { return this....

转载 github和gitlab仓库一起使用

github和gitlab仓库一起使用转载地址：https://www.cnblogs.com/bdhk/p/7423329.htmlgithub是网络公有代码仓库，一般用于私人代码托管，而gitlab一般是企业搭建的内部代码仓库。工作期间，我们都会同时用到这两个仓库。可公司邮箱与个人邮箱是不同的，由此产生的 SSH key 也是不同的，这就造成了冲突 。如何在一台机器上面同时使用 Github ...

转载 No parser and no file path given, couldn't infer a parser.

解决方法：先npm install --save-dev prettier@1.12.0再npm run dev错误如下：error in ./src/App.vueModule build failed: Error: No parser and no file path given, couldn't infer a parser.at normalize (F:\WebStormProjec...

原创 移动端自适应rem

        适应iphone5、iphone6、iphone6P        html{font-size: 50px;}        @media screen and (max-width: 320px) {            html{font-size: 42px}        }        @media screen and (min-width:321px) and ...

原创 marker 上的气泡 callout属性设置无效

废话不多说，要点：color/bgColor----颜色必须是六位的（#ffffff）；fontSize/borderRadius/padding----类型是Number，不要加引号、不要加引号、不要加引号

原创 当range是Object Array时，picker 中range-key中的值必须带单引号

如：&lt;picker bindchange="bindPickerChange" range-key="{{'name'}}" value="{{objectArray[index].id}}" range="{{objectArray}}" class='merchant_type_picker' name='merchant_type' &gt;          &lt;view&gt;

原创 未找到project.config.json中的qcloudRoot字段

一般是创建项目出了问题，解决方法：重新创建一个目录（空的），然后在创建小程序的时候指向这个目录就解决了

转载 wordpress MP4视频在网页中无法播放的情况解决方式

1.MP4视频在网页上播放 我们遇到过很多朋友，在制作网站的时候都会放上一个视频用以介绍公司信息或者产品，如果使用优酷土豆等第三方视频媒体的视频外链服务的话，会有较长的广告，这样对于我们的视频播放造成一定的影响。那么我们一般建议大家直接上传一个mp4 视频到媒体库，或者上传到七牛云进行播放，这样就避免了广告的问题。这里有一个教程是将视频托管于七牛云进行播放的：利用七牛云储存在网页上...

转载 金额 正则

reg =/^([1-9]\d{0,9}|0)([.]?|(\.\d{1,2})?)$/;if(reg.test(money)){ //匹配的金额}

原创 解决click在ios反应慢的问题

https://github.com/ftlabs/fastclick解决click在ios反应慢的问题去上面网址下载js-----fastclick.js，并放到你的页面，加上$(function() { FastClick.attach(document.body);});（jquery代码的前面）就可以了。...

原创 防止事件冒泡

$('.lat_st').click(function () {    if(event.target==this){//这个是重点        $(this).toggle();    }});

原创 横向滚动，overflow-x:auto;失效怎么解决

重点是：父元素：overflow-x:auto;overflow-y:hidden;display:-webkit-box;子元素：float：none；

原创 js遍历php返回的数组，数组中含对象

原创 h5底部导航栏图标切换

.footer_si{position: fixed;bottom: 0;width: 100%;height: 55px;background: #f5f5f5;overflow: hidden;}.footer_si_box{width: 33%;text-align: center;margin-top: 8px;float: left;}.footer_si_box img{width...

转载 ios局部滚动出界解决办法

https://segmentfault.com/a/1190000008096596