用 mui和html5实现 微信公众号版 相册和调用摄像头

上班不久 今天的任务 用 mui和html5实现 微信公众号版 相册和调用摄像头 求大神源码

mui

4个回答

这个我刚好做过使用mui和html


 <div id="picture" class="mui-popover mui-popover-action mui-popover-bottom">
            <ul class="mui-table-view">
                <li class="mui-table-view-cell">
                    <a  id="toPhoto">拍 摄</a>
                </li>
                <li class="mui-table-view-cell">
                    <a  id="toChoose">从相册选择</a>
                </li>
            </ul>
            <ul class="mui-table-view">
                <li class="mui-table-view-cell">
                    <a href="#picture"><b>取消</b></a>
                </li>
            </ul>
     </div>
////拍照上传
 $("#toPhoto").click(function(){
       mui('#picture').popover('toggle');
       navigator.camera.getPicture(function successcallback(message) {
             //要实现的功能


                }, function failcallback(message) {

                }, {
                    quality : 30,
                    destinationType : Camera.DestinationType.DATA_URL,
                    sourceType : Camera.PictureSourceType.CAMERA
            });
     });
 //本地选图片上传
    $("#toChoose").click(function(){
        mui('#picture').popover('toggle');
        navigator.camera.getPicture(
           function successcallback(message) {

                  //实现的业务


           }, 
           function failcallback(message) {

           }, 
           {
           quality : 30,
           destinationType : Camera.DestinationType.DATA_URL,
           sourceType : Camera.PictureSourceType.PHOTOLIBRARY
       });
    });

如果不行可加我微信||QQ,给你完整代码:2549789059

在config接口中的jsApiList属性添加调用相册,和摄像头。然后再ready中就可以调用了!
http://blog.csdn.net/m0_38082783/article/details/73326551

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
微信公众号开发获取openid时的跨域问题
本来很简单的一件事情,结果遇上了跨域。。 接触过微信开发的应该知道,获取openid的时候,有一步是这样的: 页面请求服务器获取openid,服务器让页面redirect到微信服务器,微信服务器返回一个code给本地服务器。 然后,redirect的时候,因为是本地请求微信的域名,就跨域了。 然而我设置了Access-Control-Allow-Origin到http头,又试过原生的XHR请求,都提示跨域问题。 提示是这样的: > XMLHttpRequest cannot load https://open.weixin.qq.com/connect/oauth2/authorize? No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://XX.eicp.net' is therefore not allowed access. 我的代码是这样的: ``` var xmlhttp = new XMLHttpRequest(); if (!xmlhttp.setRequestHeader) { xmlhttp = window.XMLHttpRequest(); } xmlhttp.onreadystatechange = function() { if (this.readyState == 1) { this.setRequestHeader("Access-Control-Allow-Origin", "*"); } else if (this.readyState == 4 && this.status == 200) { mui.toast(this); } } xmlhttp.open("GET", "/mobile/weixin/getOpenid", true); xmlhttp.send(); ``` 也试过: ``` <% response.setHeader("Access-Control-Allow-Origin", "*"); response.setHeader("Content-Type", "text/html; charset=UTF8"); %> ```
mui调用相机后,怎么修改拍照界面!
使用mui调用手机摄像头后,显示的拍照界面,怎么样才能修改拍照界面!比如在拍照界面的上部或者下部添加固定的提示,以提醒拍照者应该拍哪个部位!
前端用h5或mui如何调用新版支付宝支付接口?
1.老版本跟新版本的请求参数不一样了 2.如果还按以前的写法调回报-100 3.是在hbuildx的基础上调用支付宝app支付 4.遇到这种情况怎么解决啊?
微信JSSDK图像接口调用,从缓存中获取到的 localId,wx.getLocalImgData 为什么不能执行?
$(document).ready(function () { //查看缓存,判断是否有已经有上传过照片,但是没有提交且刷新页面导致照片消失的情况,在提交表单的时候会清除此缓存 var zpIDs = localStorage.getItem("zpIDs"); alert(1); alert(zpIDs); if(zpIDs!=null&&zpIDs!=''){ var IDs = zpIDs.split(","); for (var i = 0; i < IDs.length; i++) { WX_FUN.showImgByobj(IDs[i], addImg, IDs[i]); } } } ``` _WXUtils.prototype={ init: function(appId,timestamp,nonceStr,signature){ //配置微信JS调用 wx.config({ debug: false, appId: appId, timestamp: timestamp, nonceStr: nonceStr, signature: signature, jsApiList: [ ] }); }, //用于显示图片 add by lv showImgByobj:function(localId,callback,obj){ alert(1111); //用于适配新版的ios 微信 if(window.__wxjs_is_wkwebview==true){ alert(2222); wx.getLocalImgData({ localId: localId.toString(), success: function (res) { var localData = res.localData; alert(3333); callback(localData,obj); } }); }else{ callback(localId,obj); } } } ``` //动态添加img ,add by lv function addImg(src, localId) { var id = localId.replace(/[^0-9]/ig, ""); var lis_count = $("#xsphoto li").length; var li = "<li class='mui-table-view-cell mui-media mui-col-xs-4'>" + "<div class='imgDiv'>" + "<img class='mui-media-object' src='" + src + "'>" + "<input type='hidden' name='picbase64str_zp' id='" + id + "'/>" + "<a href='#' onclick='delImg(this," + lis_count + ")'>" + "<img src='${req.contextPath}/images/cha.png' class='delete' />" + "</a>" + "</div>" + "</li>"; $("#xsphoto ul").append(li); } ``` ``` alert(1111)和alert(2222);都可以执行,但是alert(3333)就不执行,可见 wx.getLocalImgData 没有执行或者执行失败?有大佬知道原因吗?
微信MUI mui-scroll中列表 点击打开新页面 报错
报错 :Deferred long-running timer task(s) to improve scrolling smoothness. See crbug.com/574343. $(li).bind("tap", function () { sessionCache.setSessionCashe("newsInfo", entity, sessionCache.json_value); window.open("newsInfo.html"); mui.openWindow({ id: 'newsInfo', url: 'newsInfo.html' }); });
file在QQ,微信,手机浏览器,谷歌浏览器,ios下都能打开上传文件但是android就无法使用是怎么回事?
1.有一个ICE的壳子,mui+springboot写的手机网页端,没有用Hbuilder和plus, 用的H5的input file, 2.ios上可以上传文件,微信中可以打开上传文件,QQ上课可以打开上传文件, 普通手机浏览器和谷歌浏览器都能打开上传文件,但是ICE下的android无法打开上传文件。 3.求高手指教要如何修复此类bug,可否点拨下出现这种情况的原因和修改思路方案。
mui 上拖动显示列表 怎么实现
像下图这种,按列表顶部向上拖动显示列表,向下拖动隐藏列表,隐藏的时候保持头部就行。这种用要怎么实现。 ![图片说明](https://img-ask.csdn.net/upload/201911/28/1574912306_565145.png)
微信端开发问题,求各位大神们帮忙指点
各位大神们,公司最近做了一个APP项目,需要做这样一种功能,MUI做一种下拉框,实现边输入边查询包含相同字符的选项,达到既可以选择录入数据,也可以输入录入数据 可是查了MUI文档,找不到相关的技术,不知道微信端可以做到这种效果吗??
android 集成H5页面,H5是用MUI框架写的
用MUI框架的缺点就是导航栏和数据页面得分开成两个html文件, 但是安卓这边只能加载一个Html的文件, 前端应该怎么做能够做到两个html文件一起加载?????
MUI中上拉加载下拉刷新容器中onclick无法调用问题
MUI中上拉加载下拉刷新容器中onclick无法调用,因控件id为数据库实时id有作他用,无法使用tap事件委托,还有没有其他办法。
用mui做的把两个页面连接起来实现不同页面事件的触发
Mui框架做的两个页面,一个只有nav和foiter,一个只有content ,插入子页面的方法把两页面连接到同一页面显示,现在想实现点击footer下面一个按钮,让本来在foiter隐藏的一个菜单在content 页面浮现,请问怎么做到?
mui写的手机网页端,普通浏览器可以访问,套了一层ice壳子后好多功能失效
mui写的手机网页端,没有用Hbulider,没有plus,就是普通mui写的网页端, 其中input在ios中可以检测是ios可以使用可以正常上传图片, 但是android中可以检测是android,就是点击文件上传没有反应, 但是谷歌浏览器手机模拟时是没有问题的, 手机端网站直接访问也是可以实现文件上传的, 放到公司的ICE中后input就无法触发了。 求问哪位大神做过类似的案例,求大神指点迷津,不胜感激。
用mui ajax调用webserver的时候 总是抛出异常 提示abort
前台代码 ``` mui.ajax('http://192.168.0.100:8080/Webservice/Service1.asmx/test1', { data: { v1: '2017', v2: '财', v3: '钱' }, // dataType: 'text', //服务器返回json格式数据 type: 'post', //HTTP请求类型 timeout: 3000, //超时时间设置为10秒; headers: { 'Content-Type': 'application/json' }, success: function(data) { //服务器返回响应,根据响应结果,分析是否登录成功; }, error: function(xhr, type, errorThrown) { //异常处理; console.log(type); mui.toast('连接失败') mui.toast(type) } }); }); }); ``` webserver 代码 ``` [WebMethod] public string test1(string v1,string v2,string v3) { return string.Format("祝你在{0}里 发大{1} 挣大{2}",v1,v2,v3); } ``` 为什么总是报错呢 在手机上调试的时候 ``` <webServices> <protocols> <add name="HttpPost"/> <add name="HttpGet"/> </protocols> </webServices> ``` web.config中的也加了
mui的maskClick事件和mui.menu的问题
```js main = qiao.h.indexPage();//获取主页面也就是获取index.html页面 main.addEventListener('maskClick', opMenu); mui.menu = opMenu; function opMenu(){ if(showMenu){ closeMenu(); }else{ openMenu(); } } ``` 想问一下maskClick事件是什么事件? mui.menu = opMenu;自己目测因此是点击系统菜单按钮触发 opMenu方法的意思;不过在mui的[官方文档](http://dev.dcloud.net.cn/mui/util/#selector)中未查到mui.menu的解释;所以想请大虾说一下mui.menu是什么意思?
MUI 上拉加载 始终显示在页面顶部
稍微往上一拉就会触发 贴代码,显示效果,求解 ![图片说明](https://img-ask.csdn.net/upload/201908/07/1565166234_463443.jpg) ``` <body style="height: 100%;"> <script src="../js/mui.js"></script> <script type="text/javascript"> mui.init(); </script> <!-- <header id="header" class="mui-bar mui-bar-nav navbar"> <button class="mui-btn mui-btn-blue mui-btn-link mui-pull-left mui-action-back" id="cancelbtn">返回</button> <h1 class="mui-title navtitle">备件领退用记录</h1> <button class="mui-btn mui-btn-blue mui-btn-link mui-pull-right" id="savebtn">申请</button> </header> --> <div id="refreshContainer" class="mui-content mui-scroll-wrapper" style=""> <div class="mui-scroll" id="scroll"> <!--数据列表--> <ul class="mui-table-view mui-table-view-chevron" style="margin-top: 50px;"> <li class="mui-table-view-cell"> <div class="mui-card"> <div class="mui-card-header"> <span style="display: block;">WX-20190801-000028</span> <button class="orderState" style="background:rgb(92,184,92);">退用</button> </div> <div class="mui-card-content"> <div class="mui-card-content-inner"> <div class="orderId">零备件仓库<img src="../images/rightarr.png" class="orderDateImg" style="margin-left:5px;margin-right:5px;width:25px">零备件仓库</div> <div class="orderDate"> <img src="../images/people.png" class="orderDateImg"> <div class="orderDateContent">领用人:管理员</div> </div> <div class="orderDate"> <img src="../images/shijian.png" class="orderDateImg"> <div class="orderDateContent">领用时间:2019-8-1 11:37</div> </div> </div> </div> </div> </li> <li class="mui-table-view-cell"> <div class="mui-card"> <div class="mui-card-header"> <span style="display: block;">WX-20190801-000028</span> <button class="orderState" style="background:rgb(92,184,92);">退用</button> </div> <div class="mui-card-content"> <div class="mui-card-content-inner"> <div class="orderId">零备件仓库<img src="../images/rightarr.png" class="orderDateImg" style="margin-left:5px;margin-right:5px;width:25px">零备件仓库</div> <div class="orderDate"> <img src="../images/people.png" class="orderDateImg"> <div class="orderDateContent">领用人:管理员</div> </div> <div class="orderDate"> <img src="../images/shijian.png" class="orderDateImg"> <div class="orderDateContent">领用时间:2019-8-1 11:37</div> </div> </div> </div> </div> </li> <li class="mui-table-view-cell"> <div class="mui-card"> <div class="mui-card-header"> <span style="display: block;">WX-20190801-000028</span> <button class="orderState" style="background:rgb(92,184,92);">退用</button> </div> <div class="mui-card-content"> <div class="mui-card-content-inner"> <div class="orderId">零备件仓库<img src="../images/rightarr.png" class="orderDateImg" style="margin-left:5px;margin-right:5px;width:25px">零备件仓库</div> <div class="orderDate"> <img src="../images/people.png" class="orderDateImg"> <div class="orderDateContent">领用人:管理员</div> </div> <div class="orderDate"> <img src="../images/shijian.png" class="orderDateImg"> <div class="orderDateContent">领用时间:2019-8-1 11:37</div> </div> </div> </div> </div> </li> <li class="mui-table-view-cell"> <div class="mui-card"> <div class="mui-card-header"> <span style="display: block;">WX-20190801-000028</span> <button class="orderState" style="background:rgb(92,184,92);">退用</button> </div> <div class="mui-card-content"> <div class="mui-card-content-inner"> <div class="orderId">零备件仓库<img src="../images/rightarr.png" class="orderDateImg" style="margin-left:5px;margin-right:5px;width:25px">零备件仓库</div> <div class="orderDate"> <img src="../images/people.png" class="orderDateImg"> <div class="orderDateContent">领用人:管理员</div> </div> <div class="orderDate"> <img src="../images/shijian.png" class="orderDateImg"> <div class="orderDateContent">领用时间:2019-8-1 11:37</div> </div> </div> </div> </div> </li> <li class="mui-table-view-cell"> <div class="mui-card"> <div class="mui-card-header"> <span style="display: block;">WX-20190801-000028</span> <button class="orderState" style="background:rgb(92,184,92);">退用</button> </div> <div class="mui-card-content"> <div class="mui-card-content-inner"> <div class="orderId">零备件仓库<img src="../images/rightarr.png" class="orderDateImg" style="margin-left:5px;margin-right:5px;width:25px">零备件仓库</div> <div class="orderDate"> <img src="../images/people.png" class="orderDateImg"> <div class="orderDateContent">领用人:管理员</div> </div> <div class="orderDate"> <img src="../images/shijian.png" class="orderDateImg"> <div class="orderDateContent">领用时间:2019-8-1 11:37</div> </div> </div> </div> </div> </li> </ul> </div> </div> <script> //公共变量 var fromsource = '维修'; var eqfiDevicename = ''; var eqfiDepartmentnum = ''; var maliId = ''; </script> <script> mui.init({ pullRefresh: { container: "#refreshContainer", //下拉刷新容器标识,querySelector能定位的css选择器均可,比如:id、.class等 down: { style: 'circle', //必选,下拉刷新样式,目前支持原生5+ ‘circle’ 样式 color: '#2BD009', //可选,默认“#2BD009” 下拉刷新控件颜色 height: '50px', //可选,默认50px.下拉刷新控件的高度, range: '100px', //可选 默认100px,控件可下拉拖拽的范围 offset: '0px', //可选 默认0px,下拉刷新控件的起始位置 auto: false, //可选,默认false.首次加载自动上拉刷新一次 callback: function() { } }, up: { height: 50, auto: false, contentrefresh: '正在加载...', contentnomore: '没有更多数据了', //可选,请求完毕若没有更多数据时显示的提醒内容; callback: function() { console.log($('#refreshContainer').css('height')); console.log($('#scroll').css('height')); } } } }); </script> </body> </html> ```
mui 安卓页面无法滚动
``` <!doctype html> <html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <link href="../../css/mui.min.css" rel="stylesheet" /> <link rel="stylesheet" href="../../css/base.css" /> <link rel="stylesheet" href="../../css/style.css" /> </head> <body> <header class="mui-bar mui-bar-nav bgcolor-white flex-two"> <a href="" class="mui-pull-left mui-action-back"> <svg class="icon color-main1" aria-hidden="true"> <use xlink:href="#icon-fanhui"></use> </svg> </a> <h1 class="mui-title ">公司简介</h1> </header> <!-- mui-scroll-wrapper 一开始没有加 --> <div class="p20 pullDown mui-content company-introduction mui-scroll-wrapper"> <img src="../../images/about.jpg" alt="" class="per100 mt10" /> <p class="text-in"> 敏华控股有限公司(以下简称敏华)成立于1992年,集团总部位于香港,在美国、英国、中国大陆等全球核心经济区域和城市设有多家子公司、分公司及关联公司。 </p> <p class="text-in"> 敏华主营业务涉及沙发、床垫、板式家具、海绵、家具配件等产品的研发、制造、销售和服务,是中国家具行业的领军企业,现自主研发已获专利及认证的产品达300多项。 </p> <p class="text-in"> 作为中国家具品牌联盟主席单位、全国工商联家具装饰业商会副会长单位、中国家具协会沙发专业委员会执行主席单位,2005年,敏华公司赴海外上市,成为新加坡证券交易所主板上市的首家中国家具企业,新加坡总理授予敏华“杰出贡献奖”。2010年,敏华成功在香港联交所主板挂牌上市,跨向了更大的国际舞台。2014年,敏华控股入选首批“沪港通”,为家具业唯一入选企业。 </p> <p class="text-in"> 2014年,董事局主席黄敏利先生荣登荣福布斯亚洲封面,此前更荣膺香港“十大杰出青年工业家”称号、当选为惠州市第十届政协委员、荣获荣誉市民等。敏华曾多次入选福布斯排行榜,并荣获“十强企业”、“卓越品牌企业”、“高信用等级企业”等多项荣誉称号。2014年敏华控股更荣获香港商业“奥斯卡”——“杰出中国公司奖”殊荣。2017年,敏华荣登“中国民营企业制造业500强”,旗下芝华仕入选“2017亚洲品牌500强”,凭借专业化的技术水平和良好的品牌形象,敏华公司沙发品牌“芝華仕”被授予“中国驰名商标”、“中国名牌”等的荣誉称号。 </p> <p class="text-in"> 敏华旗下拥有“Cheers芝華仕”、“Fleming北欧宜居”两大知名家具品牌。芝华仕作为全球沙发行业的领导品牌,旗下分为主营让人舒适享受的功能沙发——芝华仕头等舱沙发,旗下分为贵族系列与时尚系列,外形线条简洁、设计感强的非功能性休闲沙发——芝华仕都市系列,倡导科技睡眠的床垫——芝华仕5星床垫、芝华仕智能床系列,通过融入先进的科技元素,为千家万户提供舒适、健康、时尚的家居体验,充分满足了不同消费者的需求。 </p> <p class="text-in"> Fleming北欧宜居致力于为欧洲家庭提供更具设计感、更具时尚性、更舒适健康的家居产品,融合时尚潮流、健康舒适与创新设计、技术,赋予产品更多活力,风格独特、舒适美好的家居产品帮助更多家庭提高生活质量。至今,Fleming北欧宜居系列产品已畅销20多个欧洲国家和地区,开设1200多家店铺,与众不同的设计美学和严格把控的精细品质,让每一位使用者都能健康、舒适地享受美好生活。 </p> <p class="text-in"> 在中国,敏华拥有品牌旗舰店超过2200家,并在全球拥有超过3000个销售终端,产品畅销美国、英国、加拿大、中国等100多个国家及地区,运营网络横跨四大洲。敏华旗下的产品更广泛被运用于高铁、酒店、游艇、高端会所、影院等多个领域,每年为全球上亿的消费者提供头等舱沙发享受,深得行业和消费者的肯定及喜爱。 </p> <p class="text-in"> 作为中国大型功能沙发及床垫产品供货商,敏华在中国大陆拥有亚洲强大的沙发生产制造基地,分别在广东、江苏、天津、重庆设有五大低碳、生态的工业园区,建筑面积超过180万平方米的生产基地,配合自建专业物流车配送体系,为全国以及全球的消费者送去方便快捷的优质产品和服务,让敏华产品的舒适家居享受延伸到千家万户。 </p> <p class="text-in"> 自敏华成立伊始,敏华积极带动社会劳动力就业,做大做强传统行业和民族品牌,使个人进步、企业发展和繁荣社会形成良性的循环互动。在此基础上,敏华尽己所能投身慈善公益、体育运动、教育文化、环境保护等各项社会公益活动,始终秉承着“履行社会责任,实现可持续性发展”的企业价值观,为促进社会和谐进步而不懈努力。敏华基于这种社会责任和民族意识,构建自身的企业使命---为千家万户带来健康、舒适、超值、美观的家居,致力于为消费者打造优质的产品和服务,给每个家庭带来“健康、舒适、超值、时尚”的消费新理念和承诺。 </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> <p class="text-in"> 展望未来,敏华将开启家居新时代,为建立民族品牌和创新中的家居产业新模式做有益的摸索和实践! </p> </div> <script src="../../js/zepto-1.2.0.min.js"></script> <script src="../../js/mui.min1.js"></script> <script src="../../fonts/iconfont.js"></script> <script src="../../js/font.js"></script> <script type="text/javascript"> mui.init() //初始化 类.mui-scroll-wrapper,使其包裹的区域溢出可以上下滚动 // 一开始没有加这段 (function($){ $(".mui-scroll-wrapper").scroll(); })(mui); </script> </body> </html> ``` 一开始没有加.mui-scroll-wrapper这个类,iphone没有问题.就百度了一下说加上 ``` (function($){ $(".mui-scroll-wrapper").scroll(); })(mui); ``` 这段,没有用给“.mui-content” div加上类“.mui-scroll-wrapper”后,iphone也无法滚动了,并且控制台报错 **[ERROR] : RangeError: Maximum call stack size exceeded.** 请问该如何解决。谢谢!
mui中的on tap 事件为什么会执行两次?
代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title></title> <script src="js/mui.min.js"></script> <link href="css/mui.min.css" rel="stylesheet" /> <style> </style> <script type="text/javascript" charset="utf-8"> </script> </head> <body> <!-- 主界面不动、菜单移动 --> <!-- 侧滑导航根容器 --> <div class="mui-off-canvas-wrap mui-draggable mui-slide-in"> <!-- 菜单容器 --> <aside class="mui-off-canvas-left" id="offCanvasSide"> <div class="mui-scroll-wrapper"> <div class="mui-scroll"> <!-- 菜单具体展示内容 --> <ul class="mui-table-view mui-table-view-chevron mui-table-view-inverted"> <li class="mui-table-view-cell" style="background-color: deepskyblue;font-size: 25px;"> <strong>菜单导航</strong> </li> </ul> <ul class="mui-table-view mui-table-view-chevron mui-table-view-inverted"> <li class="mui-table-view-cell" style="background-color: orange;"> <a class="mui-navigate-right"> 首页 </a> </li> <li class="mui-table-view-cell"> <a class="mui-navigate-right"> 网站导航 </a> </li> <li class="mui-table-view-cell"> <a class="mui-navigate-right"> 博客文章 </a> </li> <li class="mui-table-view-cell"> <a class="mui-navigate-right"> 视频教程 </a> </li> <li class="mui-table-view-cell"> <a class="mui-navigate-right"> 关于作者 </a> </li> <li class="mui-table-view-cell"> <a class="mui-navigate-right"> 留言板 </a> </li> </ul> </div> </div> </aside> <!-- 主页面容器 --> <div class="mui-inner-wrap"> <!-- 主页面标题 --> <header class="mui-bar mui-bar-nav"> <a class="mui-icon mui-action-menu mui-icon-bars mui-pull-left" href="#offCanvasSide"></a> <h1 class="mui-title">萧潇墨个人网站</h1> </header> <div class="mui-content mui-scroll-wrapper"> <div class="mui-scroll"> <!-- 主界面具体展示内容 --> <!--顶部div--> <div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted"> <div class="mui-scroll"> <a class="mui-control-item mui-active" href="#item1mobile" data-wid="tab-top-subpage-1.html"> 推荐 </a> <a class="mui-control-item test"> 热点 </a> <a class="mui-control-item" href="#item3mobile" data-wid="tab-top-subpage-3.html"> 北京 </a> <a class="mui-control-item" href="#item4mobile" data-wid="tab-top-subpage-4.html"> 社会 </a> <a class="mui-control-item" href="#item5mobile" data-wid="tab-top-subpage-5.html"> 娱乐 </a> </div> </div> <div class="content" id="item1mobile"> 推荐 </div> <div class="content" id="item2mobile"> 热点 </div> </div> </div> <div class="mui-off-canvas-backdrop"></div> </div> </div> <script> mui(".mui-scroll").on("tap", ".test", function() { console.log("执行了") var va = this.innerText alert(va) }); </script> </body> </html> 但是每次执行都是打印两次 求解
H5的JS如何调用Android的SDK
最近开发一个APP项目,原本一直是用MUI+H5开发的,然后现在要用到face++的SDK,所以用了Android Studio来集成5+SDK,现在需要有个入口,比如我们点击原先App中某个页面的按钮,通过该页面的js调用face++的人脸识别SDK,以前从来没做个这个类型的东西,不知道怎么来调用这种SDK,查资料也是语焉不详,有没有大牛能帮忙解惑?
mui.ajax调用.net的接口
//利用接口的访问定义的常量 var SERVER_HOST = "http://192.168.1.13:81/"; var MODULE_LOGIN = "dailyservice.asmx?op=getUserInfo"; //登录接口 //var MODULE_LOGIN = "mobileAPI?action=login"; var MODULE_SHOW_REQUEST_LIST = "dailyservice.asmx?op=dailylist"; //查询,显示数据 var TOKEN_USER = "loginUserId"; var TOKEN_LOGIN = "loginToken"; var TOKEN_PROJECT_LIST = "projectList"; var PWD_CODE = "easking"; /** * 通过api连接服务器的接口 * @param {Object} $ * @param {Object} longsdailys */ /*function(date){ //成功回调函数,需要处理,日后处理 waitingDialog.close(); //关闭等待提示框 mui.alert("已经成功连接到服务器", "错误", "OK", null); }*/ (function($, owner) { /** * * @param {Object} url * @param {Object} dailysInfo * @param {Object} callback * @param {Object} waitingDialog */ owner.longpost = function(url, data, callback, waitingDialog) { alert(JSON.stringify(data) + "---"); $.ajax(url, { data: 'data=' + JSON.stringify(data), //获取登录信息, 用户名,秘密 dataType: 'json', //格式 type: "post", //提交方式 contentType: "application/x-www-form-urlencoded; charset=utf-8", timeout: 80000, //请求时间 success: callback, error: function(xhr, type, errorThrown) { //返回错误提示! waitingDialog.close(); //关闭等待提示框 mui.alert("<网络连接失败,请重新尝试一下>", "错误", "OK", null); } }); /*** * ID * @param {Object} id */ owner.id = function(id) { return document.getElementById(id); } /*** * * @param {Object} name */ owner.name = function(name) { return document.getElementsByName(name); } } function $tagFirst(obj, tagName) { return $tagByIndex(obj, tagName, 0); } }(mui, window.appbase = {}));
Java学习的正确打开方式
在博主认为,对于入门级学习java的最佳学习方法莫过于视频+博客+书籍+总结,前三者博主将淋漓尽致地挥毫于这篇博客文章中,至于总结在于个人,实际上越到后面你会发现学习的最好方式就是阅读参考官方文档其次就是国内的书籍,博客次之,这又是一个层次了,这里暂时不提后面再谈。博主将为各位入门java保驾护航,各位只管冲鸭!!!上天是公平的,只要不辜负时间,时间自然不会辜负你。 何谓学习?博主所理解的学习,它
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、PDF搜索网站推荐 对于大部
linux系列之常用运维命令整理笔录
本博客记录工作中需要的linux运维命令,大学时候开始接触linux,会一些基本操作,可是都没有整理起来,加上是做开发,不做运维,有些命令忘记了,所以现在整理成博客,当然vi,文件操作等就不介绍了,慢慢积累一些其它拓展的命令,博客不定时更新 顺便拉下票,我在参加csdn博客之星竞选,欢迎投票支持,每个QQ或者微信每天都可以投5票,扫二维码即可,http://m234140.nofollow.ax.
Vue + Spring Boot 项目实战(十四):用户认证方案与完善的访问拦截
本篇文章主要讲解 token、session 等用户认证方案的区别并分析常见误区,以及如何通过前后端的配合实现完善的访问拦截,为下一步权限控制的实现打下基础。
比特币原理详解
一、什么是比特币 比特币是一种电子货币,是一种基于密码学的货币,在2008年11月1日由中本聪发表比特币白皮书,文中提出了一种去中心化的电子记账系统,我们平时的电子现金是银行来记账,因为银行的背后是国家信用。去中心化电子记账系统是参与者共同记账。比特币可以防止主权危机、信用风险。其好处不多做赘述,这一层面介绍的文章很多,本文主要从更深层的技术原理角度进行介绍。 二、问题引入  假设现有4个人
程序员接私活怎样防止做完了不给钱?
首先跟大家说明一点,我们做 IT 类的外包开发,是非标品开发,所以很有可能在开发过程中会有这样那样的需求修改,而这种需求修改很容易造成扯皮,进而影响到费用支付,甚至出现做完了项目收不到钱的情况。 那么,怎么保证自己的薪酬安全呢? 我们在开工前,一定要做好一些证据方面的准备(也就是“讨薪”的理论依据),这其中最重要的就是需求文档和验收标准。一定要让需求方提供这两个文档资料作为开发的基础。之后开发
网页实现一个简单的音乐播放器(大佬别看。(⊙﹏⊙))
今天闲着无事,就想写点东西。然后听了下歌,就打算写个播放器。 于是乎用h5 audio的加上js简单的播放器完工了。 欢迎 改进 留言。 演示地点跳到演示地点 html代码如下`&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;music&lt;/title&gt; &lt;meta charset="utf-8"&gt
Python十大装B语法
Python 是一种代表简单思想的语言,其语法相对简单,很容易上手。不过,如果就此小视 Python 语法的精妙和深邃,那就大错特错了。本文精心筛选了最能展现 Python 语法之精妙的十个知识点,并附上详细的实例代码。如能在实战中融会贯通、灵活使用,必将使代码更为精炼、高效,同时也会极大提升代码B格,使之看上去更老练,读起来更优雅。 1. for - else 什么?不是 if 和 else 才
数据库优化 - SQL优化
前面一篇文章从实例的角度进行数据库优化,通过配置一些参数让数据库性能达到最优。但是一些“不好”的SQL也会导致数据库查询变慢,影响业务流程。本文从SQL角度进行数据库优化,提升SQL运行效率。 判断问题SQL 判断SQL是否有问题时可以通过两个表象进行判断: 系统级别表象 CPU消耗严重 IO等待严重 页面响应时间过长
2019年11月中国大陆编程语言排行榜
2019年11月2日,我统计了某招聘网站,获得有效程序员招聘数据9万条。针对招聘信息,提取编程语言关键字,并统计如下: 编程语言比例 rank pl_ percentage 1 java 33.62% 2 c/c++ 16.42% 3 c_sharp 12.82% 4 javascript 12.31% 5 python 7.93% 6 go 7.25% 7
通俗易懂地给女朋友讲:线程池的内部原理
餐厅的约会 餐盘在灯光的照耀下格外晶莹洁白,女朋友拿起红酒杯轻轻地抿了一小口,对我说:“经常听你说线程池,到底线程池到底是个什么原理?”我楞了一下,心里想女朋友今天是怎么了,怎么突然问出这么专业的问题,但做为一个专业人士在女朋友面前也不能露怯啊,想了一下便说:“我先给你讲讲我前同事老王的故事吧!” 大龄程序员老王 老王是一个已经北漂十多年的程序员,岁数大了,加班加不动了,升迁也无望,于是拿着手里
经典算法(5)杨辉三角
写在前面: 我是 扬帆向海,这个昵称来源于我的名字以及女朋友的名字。我热爱技术、热爱开源、热爱编程。技术是开源的、知识是共享的。 这博客是对自己学习的一点点总结及记录,如果您对 Java、算法 感兴趣,可以关注我的动态,我们一起学习。 用知识改变命运,让我们的家人过上更好的生活。 目录一、杨辉三角的介绍二、杨辉三角的算法思想三、代码实现1.第一种写法2.第二种写法 一、杨辉三角的介绍 百度
腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹?
昨天,有网友私信我,说去阿里面试,彻底的被打击到了。问了为什么网上大量使用ThreadLocal的源码都会加上private static?他被难住了,因为他从来都没有考虑过这个问题。无独有偶,今天笔者又发现有网友吐槽了一道腾讯的面试题,我们一起来看看。 腾讯算法面试题:64匹马8个跑道需要多少轮才能选出最快的四匹? 在互联网职场论坛,一名程序员发帖求助到。二面腾讯,其中一个算法题:64匹
面试官:你连RESTful都不知道我怎么敢要你?
面试官:了解RESTful吗? 我:听说过。 面试官:那什么是RESTful? 我:就是用起来很规范,挺好的 面试官:是RESTful挺好的,还是自我感觉挺好的 我:都挺好的。 面试官:… 把门关上。 我:… 要干嘛?先关上再说。 面试官:我说出去把门关上。 我:what ?,夺门而去 文章目录01 前言02 RESTful的来源03 RESTful6大原则1. C-S架构2. 无状态3.统一的接
SQL-小白最佳入门sql查询一
一 说明 如果是初学者,建议去网上寻找安装Mysql的文章安装,以及使用navicat连接数据库,以后的示例基本是使用mysql数据库管理系统; 二 准备前提 需要建立一张学生表,列分别是id,名称,年龄,学生信息;本示例中文章篇幅原因SQL注释略; 建表语句: CREATE TABLE `student` ( `id` int(11) NOT NULL AUTO_INCREMENT, `
项目中的if else太多了,该怎么重构?
介绍 最近跟着公司的大佬开发了一款IM系统,类似QQ和微信哈,就是聊天软件。我们有一部分业务逻辑是这样的 if (msgType = "文本") { // dosomething } else if(msgType = "图片") { // doshomething } else if(msgType = "视频") { // doshomething } else { // dosho
漫话:什么是平衡(AVL)树?这应该是把AVL树讲的最好的文章了
这篇文章通过对话的形式,由浅入深带你读懂 AVL 树,看完让你保证理解 AVL 树的各种操作,如果觉得不错,别吝啬你的赞哦。 1、若它的左子树不为空,则左子树上所有的节点值都小于它的根节点值。 2、若它的右子树不为空,则右子树上所有的节点值均大于它的根节点值。 3、它的左右子树也分别可以充当为二叉查找树。 例如: 例如,我现在想要查找数值为14的节点。由于二叉查找树的特性,我们可...
“狗屁不通文章生成器”登顶GitHub热榜,分分钟写出万字形式主义大作
一、垃圾文字生成器介绍 最近在浏览GitHub的时候,发现了这样一个骨骼清奇的雷人项目,而且热度还特别高。 项目中文名:狗屁不通文章生成器 项目英文名:BullshitGenerator 根据作者的介绍,他是偶尔需要一些中文文字用于GUI开发时测试文本渲染,因此开发了这个废话生成器。但由于生成的废话实在是太过富于哲理,所以最近已经被小伙伴们给玩坏了。 他的文风可能是这样的: 你发现,
程序员:我终于知道post和get的区别
IT界知名的程序员曾说:对于那些月薪三万以下,自称IT工程师的码农们,其实我们从来没有把他们归为我们IT工程师的队伍。他们虽然总是以IT工程师自居,但只是他们一厢情愿罢了。 此话一出,不知激起了多少(码农)程序员的愤怒,却又无可奈何,于是码农问程序员。 码农:你知道get和post请求到底有什么区别? 程序员:你看这篇就知道了。 码农:你月薪三万了? 程序员:嗯。 码农:你是怎么做到的? 程序员:
《程序人生》系列-这个程序员只用了20行代码就拿了冠军
你知道的越多,你不知道的越多 点赞再看,养成习惯GitHub上已经开源https://github.com/JavaFamily,有一线大厂面试点脑图,欢迎Star和完善 前言 这一期不算《吊打面试官》系列的,所有没前言我直接开始。 絮叨 本来应该是没有这期的,看过我上期的小伙伴应该是知道的嘛,双十一比较忙嘛,要值班又要去帮忙拍摄年会的视频素材,还得搞个程序员一天的Vlog,还要写BU
开源并不是你认为的那些事
点击上方蓝字 关注我们开源之道导读所以 ————想要理清开源是什么?先要厘清开源不是什么,名正言顺是句中国的古代成语,概念本身的理解非常之重要。大部分生物多样性的起源,...
加快推动区块链技术和产业创新发展,2019可信区块链峰会在京召开
      11月8日,由中国信息通信研究院、中国通信标准化协会、中国互联网协会、可信区块链推进计划联合主办,科技行者协办的2019可信区块链峰会将在北京悠唐皇冠假日酒店开幕。   区块链技术被认为是继蒸汽机、电力、互联网之后,下一代颠覆性的核心技术。如果说蒸汽机释放了人类的生产力,电力解决了人类基本的生活需求,互联网彻底改变了信息传递的方式,区块链作为构造信任的技术有重要的价值。   1
程序员把地府后台管理系统做出来了,还有3.0版本!12月7号最新消息:已在开发中有github地址
第一幕:缘起 听说阎王爷要做个生死簿后台管理系统,我们派去了一个程序员…… 996程序员做的梦: 第一场:团队招募 为了应对地府管理危机,阎王打算找“人”开发一套地府后台管理系统,于是就在地府总经办群中发了项目需求。 话说还是中国电信的信号好,地府都是满格,哈哈!!! 经常会有外行朋友问:看某网站做的不错,功能也简单,你帮忙做一下? 而这次,面对这样的需求,这个程序员
网易云6亿用户音乐推荐算法
网易云音乐是音乐爱好者的集聚地,云音乐推荐系统致力于通过 AI 算法的落地,实现用户千人千面的个性化推荐,为用户带来不一样的听歌体验。 本次分享重点介绍 AI 算法在音乐推荐中的应用实践,以及在算法落地过程中遇到的挑战和解决方案。 将从如下两个部分展开: AI 算法在音乐推荐中的应用 音乐场景下的 AI 思考 从 2013 年 4 月正式上线至今,网易云音乐平台持续提供着:乐屏社区、UGC
【技巧总结】位运算装逼指南
位算法的效率有多快我就不说,不信你可以去用 10 亿个数据模拟一下,今天给大家讲一讲位运算的一些经典例子。不过,最重要的不是看懂了这些例子就好,而是要在以后多去运用位运算这些技巧,当然,采用位运算,也是可以装逼的,不信,你往下看。我会从最简单的讲起,一道比一道难度递增,不过居然是讲技巧,那么也不会太难,相信你分分钟看懂。 判断奇偶数 判断一个数是基于还是偶数,相信很多人都做过,一般的做法的代码如下
《C++ Primer》学习笔记(六):C++模块设计——函数
专栏C++学习笔记 《C++ Primer》学习笔记/习题答案 总目录 https://blog.csdn.net/TeFuirnever/article/details/100700212 —————————————————————————————————————————————————————— 《C++ Primer》习题参考答案:第6章 - C++模块设计——函数 文章目录专栏C+...
8年经验面试官详解 Java 面试秘诀
    作者 | 胡书敏 责编 | 刘静 出品 | CSDN(ID:CSDNnews) 本人目前在一家知名外企担任架构师,而且最近八年来,在多家外企和互联网公司担任Java技术面试官,前后累计面试了有两三百位候选人。在本文里,就将结合本人的面试经验,针对Java初学者、Java初级开发和Java开发,给出若干准备简历和准备面试的建议。   Java程序员准备和投递简历的实
面试官如何考察你的思维方式?
1.两种思维方式在求职面试中,经常会考察这种问题:北京有多少量特斯拉汽车? 某胡同口的煎饼摊一年能卖出多少个煎饼? 深圳有多少个产品经理? 一辆公交车里能装下多少个乒乓球? 一
so easy! 10行代码写个"狗屁不通"文章生成器
前几天,GitHub 有个开源项目特别火,只要输入标题就可以生成一篇长长的文章。背后实现代码一定很复杂吧,里面一定有很多高深莫测的机器学习等复杂算法不过,当我看了源代码之后这程序不到50
知乎高赞:中国有什么拿得出手的开源软件产品?(整理自本人原创回答)
知乎高赞:中国有什么拿得出手的开源软件产品? 在知乎上,有个问题问“中国有什么拿得出手的开源软件产品(在 GitHub 等社区受欢迎度较好的)?” 事实上,还不少呢~ 本人于2019.7.6进行了较为全面的 回答 - Bravo Yeung,获得该问题下回答中得最高赞(236赞和1枚专业勋章),对这些受欢迎的 Github 开源项目分类整理如下: 分布式计算、云平台相关工具类 1.SkyWalk
相关热词 c# plc s1200 c#里氏转换原则 c# 主界面 c# do loop c#存为组套 模板 c# 停掉协程 c# rgb 读取图片 c# 图片颜色调整 最快 c#多张图片上传 c#密封类与密封方法
立即提问