移动端开发
半开半落
这个作者很懒,什么都没留下…
展开
-
微信小程序扫一扫功能实现
转载https://cloud.tencent.com/developer/article/1361813转载 2021-07-16 10:16:14 · 1692 阅读 · 0 评论 -
Bootstrap下拉菜单简单使用
先上代码看看结构:<div class="contain header"> <div class="row"> <div class="col-6"> <img class="biaoti_img" src="../../img/homeimg/homeima%20(1).png"> </div> <div class="col-6" class="dropdown"> <img原创 2021-01-28 15:54:57 · 237 阅读 · 0 评论 -
MUI底部导航栏+页面切换+iconfont阿里巴巴矢量图标库使用技巧的实现
不多废话了直接上具体步骤和代码解释:在你的页面里引入mui的css和js文件: <script src="js/mui.min.js"></script> <link href="css/mui.min.css" rel="stylesheet" />HTML代码:<nav class="mui-bar mui-bar-tab"> <a id="display" class="mui-tab-item " style="to原创 2021-01-28 13:59:56 · 1193 阅读 · 1 评论 -
chrome touch报错解决办法
报错代码如下:Unable to preventDefault inside passive event listener due to target being treated as passive. See …主要原因:会报这个错主要原因是因为google默认取消了对默认事件的检查,默认时间就取消了.直接执行滑动操作,能使之滑动更顺滑,但是控制台就会进行错误警告.解决方案:添加一个CSS属性:touch-action: none; 就是在你写了touch-action功能的时候给它添加这个属原创 2020-10-15 11:18:15 · 402 阅读 · 0 评论 -
MUI原生loading的快速使用[复制过去就能用]
先引用mui.css和mui.js,引用完之后直接复制下面代码到你的页面就能看到效果.HTML:<div class="mui-loading" > <div class="mui-spinner"> </div></div>很简单这样就能在你的页面显示出一个加载中的icon,如果需要对它进行相应的显示和隐藏只需要添加一个id获取进行操作:HTML:<div class="mui-loading" id="myloading">原创 2020-10-09 16:14:39 · 1026 阅读 · 0 评论 -
JS禁用某个事件的效果小记
有时候我们会遇到使用某些功能的时候它会默认自带一些效果,但你发现对你要做的功能并不那么友好,很多是你不需要的功能反而影响到你的成品.比如说:使用原生js写遮罩层的话会发现遮罩层下面的内容是能够滚动的,尤其是移动端,这对app并不友好.这时候就需要把它的默认的滑动效果去除就好了.具体代码如下: document.getElementById('MaskDemo').addEventListener('touchmove',function(event){ event.prev.原创 2020-09-02 18:45:58 · 568 阅读 · 0 评论 -
解决mui中页面跳转返回之后没有刷新页面的问题小结
我在做手机app的时候,手机页面的跳转是必不可少的,于是我使用了mui框架的方法跳转因为这样能让我更流畅的切换手机页面达到接近平时使用的效果.虽然页面跳转是很完美但是却隐含了另一个问题,在我需要返回的时候再回来发现页面并没有刷新,直接加reload()方法也无法实现,也尝试了使用别的例如**window.history.back();**之类的都没办法因为它写在mui跳转方法里面的话就是完全失效,这个问题就一直困扰着我,今天意外的就解决了.具体方法看下面代码: var backToveiw =.原创 2020-08-25 15:32:55 · 1142 阅读 · 0 评论