weixin_44883460-CSDN博客

原创 uni-app中内嵌u-charts图标导致页面在图表无法滑动

这里写自定义目录标题uni-app中内嵌u-charts图标导致页面在图表无法滑动以下有两种方法1.第一种方法2.第二种方法uni-app中内嵌u-charts图标导致页面在图表无法滑动这个问题是在我现在的开发项目中发现的，由于之前图表页面是单个页面写的，不存在内容过多需要滑动，这次页面做调整把所有图表集成在一个页面里面，这次就发现，当滑动触摸在图表上整个页面是无法进行滑动的，那如何解决这个问题呢?以下有两种方法1.第一种方法在u-charts2.0版本上有个disableScroll属性这个可

2021-05-28 11:41:44 2223 1

原创使用node.js搭建一个简单服务器

废话不多说直接上代码：var http = require("http");var fs = require("fs");var server = http.createServer(function(req, res) { console.log("something has visited my first node serve"); let filepath; let a; if (req.url == "/") { filepath = "./i

2020-06-28 17:54:35 163 1

原创移动端开发常见问题及解决办法

1.页面不可以左右移动，可以在html页面头部加上这行代码： <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no minimum-scale=1.0,viewport-fit=cover">2.如果后台请求比较缓慢是，应在点击请求时加上加载框禁止用户连续点击页面和页面出现空白空档期。3.如页面有存储多个数据时，还应设置禁止页面在电脑

2020-06-28 16:13:30 550

原创 uni-app中input 框的keyup和keypress事件的实现

如果你再使用uni-app框架在写项目，你一定知道uni-app中input框只有input、 focus、 blur三个事件，而当你想要实时监控输入框内容的长度的时候一般我们都会想到直接使用input事件就好了，但是作者在使用时发现uni-app中的input事件监听到的值是没有你刚刚输入进去的值得，所以他是keypress事件，而当我们需要keyup事件时：只需要加上settimeout延时器就可以获得你刚输入的值了：//@inputgetvalue() { console.log(this

2020-06-28 16:04:06 4355 1

转载 JS-禁止移动端长按页面后弹出“在浏览器打开”这个菜单

阻止浏览器的touchstart事件document.addEventListener(‘touchstart’, function(e) { e.preventDefault();}, false);

2020-06-28 15:41:32 607

原创 fullpage.js整屏滚动用法

公司在做官网是看到别的同类公司有用到整屏滚动感觉效果好看，就要求帮我们也要做这个效果，网上到是搜到不少，但是多多少少复制过来都有点问题。今天我就把我已经做好的代码贴上来，省的大家走冤枉路，代码如下：// 因为我是vue项目//所以第一步安装： npm run vue-fullpage.js//第二部引用：//main.js中引用//import VueFullpage from 'vu...

2020-01-22 11:10:12 393 3

原创页面加载监听及h5与原生方法交互

监听页面加载完成事件本人做了几个嵌入到APP中的h5页面，其中有一个页面是从原生跳转到h5页面时原生调用h5页面方法传入数据生成本页二维码，测试时，一直都没有任何问题，结果上线使用后，有客户陆陆续续反映二维码有时加载不出来，到第二天又可以加载出来了。当时想了很久就是不知道原因，而且我们自己手机测试从没出现过，这个就很奇怪。最后怀疑是因为网速导致h5页面没有加载完成时原生就调用了h5方法，导致调用...

2020-01-22 10:39:42 1343

原创 h5滑动卡顿解决办法

H5 移动端滑屏卡顿问题原因及解决方法1.ios端的-webkit-overflow-scrolling属性可控制页面滚动效果，设置如下实现惯性滚动和弹性效果：body{-webkit-overflow-scrolling: touch;overflow-scrolling: touch;overflow-y: scroll;}2.由于盒子设置了高度100%引起的：html,bod...

2019-11-14 10:19:07 3316 1

原创限制input框只能输入数字且保留两位小数

之前作者也在网上查了很多关于只能输入数字的，但是大部分都不能输入小数，所以这次作者分享一下<input placeholder="请输入0.01-20之间数值" id='money' maxlength="5" style="-webkit-user-select:auto;" />//maxlength 是限制input框输入字段长度的//-webkit-user-se...

2019-09-19 11:42:21 4000

原创如何动态生成带logo图片的二维码

1.首先要引用jquery.js组件，然后要引用生成二维码的jqrcode.js组件；2.直接写二维码的内容以及logo图片路径下面是demo供大家参考<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" ...

2019-09-19 11:16:27 278

weixin_44883460的博客