怎样获取选中的下拉列表的value?, mui

$(function() {
mui.init();

        var why = new mui.PopPicker();
        why.setData([{
            value: '0',
            text: '维修保养'
        }, {
            value: '1',
            text: '事故'
        }, {
            value: '2',
            text: '处理罚单'
        }, {
            value: '3',
            text: '合同到期'
        }, {
            value: '4',
            text: '车况不佳'
        }]);

        // 选择换车原因
        $('.mui-form-group').on('tap', '.mui-select-why', function() {
            var _this = $(this);
            var _input = _this.find('input[type="hidden"]');
            var _span = _this.find('span');

            why.show(function(rs) {
                _span.html(rs[0].text);

                if(_span.hasClass('ft-999999')) {
                    _span.removeClass('ft-999999').addClass('ft-333333');
                }

                _input.val(rs[0].value);
            });
            return false;
        }); 

        // 表单提交点击事件
        $('.mui-form-group').on('tap', '.mui-btn', function() {

            alert("12");


            mui(this).button('loading');
        });
    });

1个回答

图片说明

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
mui下拉刷新列表显示不到底部
mui 下拉刷新后,列表内容显示不到底部,而且列表无法拉到顶部就自动触发下拉刷新操作,如何解决?
MUI下拉刷新与区域滚动冲突的解决办法?
MUI下拉刷新与区域滚动冲突的解决办法,横向的overflow-x:auto;在下拉刷新的时候不起作用。 怎么解决 我只想让他能横向滑动
MUI框架滚动距离,运用jquery或者MUI怎样获取滚动垂直距离?
项目构建使用MUI框架,滚动触发标题显示,运用jQuery怎么获取滚动垂直距离?谢谢
mui-radio选中后如何把值赋给文本框
![图片说明](https://img-ask.csdn.net/upload/201811/15/1542247947_53440.png) 选择类型后弹出popover。选中某项radio后需要把值赋值给文本框,但是每次都是第一次点开选中后没反应,等第二次再打开popover时上一次选中的值赋值给了文本框。我想实现的是选中某项后popover关闭文本框赋值。 ``` var work = document.getElementById("jia"); //点击后弹出popover work.addEventListener("tap", function() { mui("#popover").popover('toggle', document.getElementById("div")); var choose = document.getElementsByName("choose"); for (var i = 0; i < choose.length; i++) { if( choose[i].checked ) { //alert(choose[i].value + ":" + choose[i].checked) document.getElementById("type").value=choose[i].value;// 文本框赋值 } } }) ``` 想问下代码哪里需要改善一下
如何用vue.js双向绑定获取mui.js框架内部数据?
如何用vue.js双向绑定获取mui.js框架内部数据?APP项目中用vue.js获取input里面的内容,同时引用了mui样式和js,现在其他数据都可以获取到,就是mui.js获取的数据,无法引入vue.js中的data,求解!!!
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是什么意思?
请问如何用原生JS代码实现获取当前列表项的选择,并把与选择的数据相对应的的value值传给后台
// 问题分类 mui.ajax({ dataType:'json', type:'get', url:classifyUrl, success:function (data) { list.innerHTML = ""; // console.log(data); // a = data[1].value; // console.log(a); localStorage.setItem("value",data.value); var len = data.length; for (var i =0; i < len; i++) { var li = doc.createElement("li"); li.name=data[i].value; li.id = data[i].id; li.className = "mui-table-view-cell"; li.innerHTML += '<a class="mui-navigate-right">'+ data[i].label+'</a>'; list.appendChild(li); currentIssueType = data[i].value; } }, }) // 选择问题 doc.querySelector('.mui-table-view.mui-table-view-radio'). addEventListener('selected',function(e){ currentIssueType = e.detail.el.name; fen.innerHTML = ""; info.innerHTML = e.detail.el.innerText; mui('.mui-popover').popover('toggle'); }) // 问题提交 referButton.addEventListener('tap', function(event) { if(title.value == "" && detail.value == ""){ mui.alert("输入不能为空"); return; }else if(title.value == ""){ mui.alert("请输入标题"); return; }else if(detail.value == ""){ mui.alert("请输入问题内容"); return; }else if(a == ""){ mui.alert("请问题分类"); return; }else if(title.value != "" && detail.value != "" ){ submitUrl = baseServerUrl+"/m/biz/issue/add?userId="+userId+"&issueType="+currentIssueType+"&issueTitle="+title.value+"&issueDesc="+detail.value; mui.ajax({ type: "get", url: submitUrl, async:true, datatype: 'json', timeout:timeout, success:function(data){ if(data.code == 1003){ alert(currentIssueType); currentIssueType=null; console.log(data.message); mui.toast('恭喜提交成功'); mui.openWindow({ url:questionAdd.html, id:"", preload: true, }) } },error: function(xhr, type, errerThrown) { mui.toast('网络异常,请稍候再试'); } }); } 本人小白一枚,已经卡在这里1天了,求大神指教 ``` ``` ``` ```
用mui.openwindow跳转页面,但是跳转了都没有底部菜单。想跳转了底部菜单显示,并选中对应的项。要怎么做?
用mui.openwindow跳转页面,但是跳转了都没有底部菜单。想跳转了底部菜单显示,并选中对应的项。要怎么做?
mui上拉下拉页面卡如何解决
应用Mui框架做前端。上拉下拉时, ``` <div class="mui-scroll"> html...</div> ``` ,div内的内容过多时,拉动页面很卡,这个问题如何解决,求各大神赐教!
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> 但是每次执行都是打印两次 求解
微信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' }); });
用mui做的把两个页面连接起来实现不同页面事件的触发
Mui框架做的两个页面,一个只有nav和foiter,一个只有content ,插入子页面的方法把两页面连接到同一页面显示,现在想实现点击footer下面一个按钮,让本来在foiter隐藏的一个菜单在content 页面浮现,请问怎么做到?
mui指纹解锁,怎么获取手机端指纹录入。
怎么用mui获取手机端指纹,有人说要手机厂商提供接口,还是有别的方法。。。。。。。。。。。。。。。。。
mui 上拖动显示列表 怎么实现
像下图这种,按列表顶部向上拖动显示列表,向下拖动隐藏列表,隐藏的时候保持头部就行。这种用要怎么实现。 ![图片说明](https://img-ask.csdn.net/upload/201911/28/1574912306_565145.png)
MUI框架中功能效果的class样式修改问题
MUI框架中使用功能效果,需要修改其中的样式,原有的样式也有class类,此时如何进行样式修改或者覆盖这两种方式,来达到效果?或者哪个才是最优的方法
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中上拉加载下拉刷新容器中onclick无法调用问题
MUI中上拉加载下拉刷新容器中onclick无法调用,因控件id为数据库实时id有作他用,无法使用tap事件委托,还有没有其他办法。
mui写的手机网页端,普通浏览器可以访问,套了一层ice壳子后好多功能失效
mui写的手机网页端,没有用Hbulider,没有plus,就是普通mui写的网页端, 其中input在ios中可以检测是ios可以使用可以正常上传图片, 但是android中可以检测是android,就是点击文件上传没有反应, 但是谷歌浏览器手机模拟时是没有问题的, 手机端网站直接访问也是可以实现文件上传的, 放到公司的ICE中后input就无法触发了。 求问哪位大神做过类似的案例,求大神指点迷津,不胜感激。
mui框架中的九宫格的背景颜色怎么在自己的css中改变?改了没有效果呀?
## mui框架中的九宫格的背景颜色怎么在自己的css中改变?改了没有效果呀?还有就是新人礼券的部分有一个100元怎么才能显示出来 ``` <!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" /> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <link href="../css/mui.min.css" rel="stylesheet" /> <link rel="stylesheet" type="text/css" href="../初始化css.css"/> <link rel="stylesheet" type="text/css" href="1首页.css"/> <script type="text/javascript" src="../jquery-ui-1.12.1.custom/jquery-3.1.1.min.js" ></script> <script src="1首页.js" type="text/javascript"></script> </head> <body> <!--头部标题栏--> <header class="mui-bar mui-bar-nav bg"> <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a> <h1 class="mui-title">订蛋糕</h1> <a class="mui-icon mui-icon-more shezhi"></a> </header> <!--内容--> <div class="mui-content bg"> <!--轮播图--> <div id="slider" class="mui-slider" > <div class="mui-slider-group mui-slider-loop"> <div class="mui-slider-item mui-slider-item-duplicate"> <a href="#"> <img src="../img/banner4.png"> </a> </div> <div class="mui-slider-item"> <a href="#"> <img src="../img/banner1.png"> </a> </div> <div class="mui-slider-item"> <a href="#"> <img src="../img/banner3.png"> </a> </div> <div class="mui-slider-item"> <a href="#"> <img src="../img/banner4.png"> </a> </div> <div class="mui-slider-item mui-slider-item-duplicate"> <a href="#"> <img src="../img/banner1.png"> </a> </div> </div> </div> <!--搜索--> <div class="mui-row"> <div class="mui-col-sm-3 sousuo-size3"> <button class="mui-btn btn"> <span class="mui-icon mui-icon-location"></span> 北京 </button> </div> <div class="mui-col-sm-9 sousuo-size9"> <div class="mui-content-padded"> <div class="mui-input-row mui-search sousuo"> <input type="search" class="mui-input-clear mui-icon mui-icon-search" placeholder="输入搜索"> </div> </div> </div> </div> <!--导航--> <ul class="mui-table-view mui-grid-view mui-grid-9"> <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"> <a href="#"> <span class="mui-icon"><img class="img" src="../img/限时抢购.png"/></span> <div class="mui-media-body ">限时抢购</div> </a> </li> <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"> <a href="#"> <span class="mui-icon"><img class="img" src="../img/当天可达.png"/></span> <div class="mui-media-body">当天可达</div> </a> </li> <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"> <a href="#"> <span class="mui-icon"><span class="mui-badge">100元</span><img class="img" src="../img/新人礼券.png"/></span> <div class="mui-media-body">新人礼券</div> </a> </li> <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"> <a href="#"> <span class="mui-icon"><img class="img" src="../img/全部商品.png"/></span> <div class="mui-media-body">全部商品</div> </a> </li> <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"> <a href="#"> <span class="mui-icon"><img class="img" src="../img/水果蛋糕.png"/></span> <div class="mui-media-body">水果蛋糕</div> </a> </li> <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"> <a href="#"> <span class="mui-icon"><img class="img" src="../img/奶油蛋糕.png"/></span> <div class="mui-media-body">奶油蛋糕</div> </a> </li> <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"> <a href="#"> <span class="mui-icon"><img class="img" src="../img/创意蛋糕.png"/></span> <div class="mui-media-body">创意蛋糕</div> </a> </li> <li class="mui-table-view-cell mui-media mui-col-xs-3 mui-col-sm-3"> <a href="#"> <span class="mui-icon"><img class="img" src="../img/新品推荐.png"/></span> <div class="mui-media-body">新品推荐</div> </a> </li> </ul> <!--分隔行--> <div class="hang"></div> <!--品牌街--> <div class="brands"> <span class="text">品牌街</span> <span class="mui-icon mui-icon-arrowright tu"></span> </div> <!--横向滚动--> <div class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted"> <div class="mui-scroll"> <a class="mui-active"> <img class="img-size" src="../img/E时三客.png"/> </a> <a class="a-size"> <img class="" src="../img/pinkme.png"/> </a> <a class="a-size"> <img class="" src="../img/七彩蛋糕.png"/> </a> <a class="a-size"> <img class="" src="../img/wink cake.png"/> </a> </div> </div> <!--行--> <div class="hang"></div> <!--商品--> <ul class="mui-table-view mui-grid-view"> <li class="mui-table-view-cell mui-media mui-col-xs-6"> <a href="#"> <div class="brands-border"> <img class="mui-media-object" src="../img/产品1.png"> <div class="mui-media-body brands-text">挚爱</div> <p class="brand">黑天鹅</p> <p class="price">¥999</p> <span class="pingjia">309人评价</span> <span class="songda">最快4小时送达</span> </div> </a> </li> <li class="mui-table-view-cell mui-media mui-col-xs-6"> <a href="#"> <div class="brands-border"> <img class="mui-media-object" src="../img/产品 2.png"> <div class="mui-media-body brands-text">甜蜜如心鲜奶蛋糕</div> <p class="brand">元祖食品</p> <p class="price">¥158</p> <span class="pingjia">3768人评价</span> <span class="songda">最快5小时送达</span> </div> </a> </li> <li class="mui-table-view-cell mui-media mui-col-xs-6"> <a href="#"> <div class="brands-border"> <img class="mui-media-object" src="../img/产品 3.png"> <div class="mui-media-body brands-text">花澜甜心</div> <p class="brand">好利来</p> <p class="price">¥199</p> <span class="pingjia">578人评价</span> <span class="songda">最快4小时送达</span> </div> </a> </li> <li class="mui-table-view-cell mui-media mui-col-xs-6"> <a href="#"> <div class="brands-border"> <img class="mui-media-object" src="../img/产品 4.png"> <div class="mui-media-body brands-text">裸蛋糕</div> <p class="brand">焙尔蒂</p> <p class="price">¥148</p> <span class="pingjia">新品上架</span> <span class="songda">最快5小时送达</span> </div> </a> </li> </ul> </div> <script src="../js/mui.min.js"></script> <script type="text/javascript"> mui.init({swipeBack:true});//启动右滑关闭功能 </script> </body> </html> ``` ``` /*搜索部分*/ .btn{ background-color: #f1f1f1; border-style:none ; margin-top: 10px; margin-left: 10px; border-radius:5px ; width: 100%; height: 34px; } .sousuo input{ background-color: #FFFFFF; border: solid 1px #7d7d7d; border-radius: 5px; width: 96%; margin-left: 10px; } .sousuo-size3{ width: 20%; } .sousuo-size9{ width: 80%; } /*九宫格导航部分*/ .img{ width: 100%; } /*品牌街部分*/ .text{ display: inline-block; width: 92%; text-align: center; padding-left: 24px; } .tu{ display: inline-block; width: 6%; } /*分隔行*/ .hang{ width: 100%; height: 10px; background-color: #f9f9f9; margin-bottom: 20px; } /*横向滚动*/ .img-size{ width: 25%; } /*商品*/ .brands-text{ text-align: left; font-family: "微软雅黑"; font-size: 26px; color: #333333; } .brands-border{ border: solid 1px #e5e5e5; } .brand{ font-size: 20px; font-family: "微软雅黑"; color: #666666; text-align: left; } .price{ font-family: "微软雅黑"; font-size: 24px; color: #ff3939; text-align: left; } .pingjia,.songda{ font-family: "微软雅黑"; font-size: 20px; color: #cccccc; text-align: left; } ![图片说明](https://img-ask.csdn.net/upload/201708/25/1503639179_671193.jpg) ```
终于明白阿里百度这样的大公司,为什么面试经常拿ThreadLocal考验求职者了
点击上面↑「爱开发」关注我们每晚10点,捕获技术思考和创业资源洞察什么是ThreadLocalThreadLocal是一个本地线程副本变量工具类,各个线程都拥有一份线程私...
《奇巧淫技》系列-python!!每天早上八点自动发送天气预报邮件到QQ邮箱
将代码部署服务器,每日早上定时获取到天气数据,并发送到邮箱。 也可以说是一个小人工智障。 思路可以运用在不同地方,主要介绍的是思路。
面试官问我:什么是消息队列?什么场景需要他?用了会出现什么问题?
你知道的越多,你不知道的越多 点赞再看,养成习惯 GitHub上已经开源 https://github.com/JavaFamily 有一线大厂面试点脑图、个人联系方式和人才交流群,欢迎Star和完善 前言 消息队列在互联网技术存储方面使用如此广泛,几乎所有的后端技术面试官都要在消息队列的使用和原理方面对小伙伴们进行360°的刁难。 作为一个在互联网公司面一次拿一次Offer的面霸...
8年经验面试官详解 Java 面试秘诀
作者 |胡书敏 责编 | 刘静 出品 | CSDN(ID:CSDNnews) 本人目前在一家知名外企担任架构师,而且最近八年来,在多家外企和互联网公司担任Java技术面试官,前后累计面试了有两三百位候选人。在本文里,就将结合本人的面试经验,针对Java初学者、Java初级开发和Java开发,给出若干准备简历和准备面试的建议。 Java程序员准备和投递简历的实...
究竟你适不适合买Mac?
我清晰的记得,刚买的macbook pro回到家,开机后第一件事情,就是上了淘宝网,花了500元钱,找了一个上门维修电脑的师傅,上门给我装了一个windows系统。。。。。。 表砍我。。。 当时买mac的初衷,只是想要个固态硬盘的笔记本,用来运行一些复杂的扑克软件。而看了当时所有的SSD笔记本后,最终决定,还是买个好(xiong)看(da)的。 已经有好几个朋友问我mba怎么样了,所以今天尽量客观...
MyBatis研习录(01)——MyBatis概述与入门
MyBatis 是一款优秀的持久层框架,它支持定制化 SQL、存储过程以及高级映射。MyBatis原本是apache的一个开源项目iBatis, 2010年该项目由apache software foundation 迁移到了google code并改名为MyBatis 。2013年11月MyBatis又迁移到Github。
程序员一般通过什么途径接私活?
二哥,你好,我想知道一般程序猿都如何接私活,我也想接,能告诉我一些方法吗? 上面是一个读者“烦不烦”问我的一个问题。其实不止是“烦不烦”,还有很多读者问过我类似这样的问题。 我接的私活不算多,挣到的钱也没有多少,加起来不到 20W。说实话,这个数目说出来我是有点心虚的,毕竟太少了,大家轻喷。但我想,恰好配得上“一般程序员”这个称号啊。毕竟苍蝇再小也是肉,我也算是有经验的人了。 唾弃接私活、做外...
Python爬虫爬取淘宝,京东商品信息
小编是一个理科生,不善长说一些废话。简单介绍下原理然后直接上代码。 使用的工具(Python+pycharm2019.3+selenium+xpath+chromedriver)其中要使用pycharm也可以私聊我selenium是一个框架可以通过pip下载 pip installselenium -ihttps://pypi.tuna.tsinghua.edu.cn/simple/ ...
阿里程序员写了一个新手都写不出的低级bug,被骂惨了。
这种新手都不会范的错,居然被一个工作好几年的小伙子写出来,差点被当场开除了。
Java工作4年来应聘要16K最后没要,细节如下。。。
前奏: 今天2B哥和大家分享一位前几天面试的一位应聘者,工作4年26岁,统招本科。 以下就是他的简历和面试情况。 基本情况: 专业技能: 1、&nbsp;熟悉Sping了解SpringMVC、SpringBoot、Mybatis等框架、了解SpringCloud微服务 2、&nbsp;熟悉常用项目管理工具:SVN、GIT、MAVEN、Jenkins 3、&nbsp;熟悉Nginx、tomca...
Python爬虫精简步骤1 获取数据
爬虫,从本质上来说,就是利用程序在网上拿到对我们有价值的数据。 爬虫能做很多事,能做商业分析,也能做生活助手,比如:分析北京近两年二手房成交均价是多少?广州的Python工程师平均薪资是多少?北京哪家餐厅粤菜最好吃?等等。 这是个人利用爬虫所做到的事情,而公司,同样可以利用爬虫来实现巨大的商业价值。比如你所熟悉的搜索引擎——百度和谷歌,它们的核心技术之一也是爬虫,而且是超级爬虫。 从搜索巨头到人工...
Python绘图,圣诞树,花,爱心 | Turtle篇
每周每日,分享Python实战代码,入门资料,进阶资料,基础语法,爬虫,数据分析,web网站,机器学习,深度学习等等。 公众号回复【进群】沟通交流吧,QQ扫码进群学习吧 微信群 QQ群 1.画圣诞树 import turtle screen = turtle.Screen() screen.setup(800,600) circle = turtle.Turtle()...
作为一个程序员,CPU的这些硬核知识你必须会!
CPU对每个程序员来说,是个既熟悉又陌生的东西? 如果你只知道CPU是中央处理器的话,那可能对你并没有什么用,那么作为程序员的我们,必须要搞懂的就是CPU这家伙是如何运行的,尤其要搞懂它里面的寄存器是怎么一回事,因为这将让你从底层明白程序的运行机制。 随我一起,来好好认识下CPU这货吧 把CPU掰开来看 对于CPU来说,我们首先就要搞明白它是怎么回事,也就是它的内部构造,当然,CPU那么牛的一个东...
破14亿,Python分析我国存在哪些人口危机!
一、背景 二、爬取数据 三、数据分析 1、总人口 2、男女人口比例 3、人口城镇化 4、人口增长率 5、人口老化(抚养比) 6、各省人口 7、世界人口 四、遇到的问题 遇到的问题 1、数据分页,需要获取从1949-2018年数据,观察到有近20年参数:LAST20,由此推测获取近70年的参数可设置为:LAST70 2、2019年数据没有放上去,可以手动添加上去 3、将数据进行 行列转换 4、列名...
web前端javascript+jquery知识点总结
1.Javascript 语法.用途 javascript 在前端网页中占有非常重要的地位,可以用于验证表单,制作特效等功能,它是一种描述语言,也是一种基于对象(Object)和事件驱动并具有安全性的脚本语言 ...
Python实战:抓肺炎疫情实时数据,画2019-nCoV疫情地图
今天,群里白垩老师问如何用python画武汉肺炎疫情地图。白垩老师是研究海洋生态与地球生物的学者,国家重点实验室成员,于不惑之年学习python,实为我等学习楷模。先前我并没有关注武汉肺炎的具体数据,也没有画过类似的数据分布图。于是就拿了两个小时,专门研究了一下,遂成此文。
听说想当黑客的都玩过这个Monyer游戏(1~14攻略)
第零关 进入传送门开始第0关(游戏链接) 请点击链接进入第1关: 连接在左边→ ←连接在右边 看不到啊。。。。(只能看到一堆大佬做完的留名,也能看到菜鸡的我,在后面~~) 直接fn+f12吧 &lt;span&gt;连接在左边→&lt;/span&gt; &lt;a href="first.php"&gt;&lt;/a&gt; &lt;span&gt;←连接在右边&lt;/span&gt; o...
在家远程办公效率低?那你一定要收好这个「在家办公」神器!
相信大家都已经收到国务院延长春节假期的消息,接下来,在家远程办公可能将会持续一段时间。 但是问题来了。远程办公不是人在电脑前就当坐班了,相反,对于沟通效率,文件协作,以及信息安全都有着极高的要求。有着非常多的挑战,比如: 1在异地互相不见面的会议上,如何提高沟通效率? 2文件之间的来往反馈如何做到及时性?如何保证信息安全? 3如何规划安排每天工作,以及如何进行成果验收? ...... ...
作为一个程序员,内存和磁盘的这些事情,你不得不知道啊!!!
截止目前,我已经分享了如下几篇文章: 一个程序在计算机中是如何运行的?超级干货!!! 作为一个程序员,CPU的这些硬核知识你必须会! 作为一个程序员,内存的这些硬核知识你必须懂! 这些知识可以说是我们之前都不太重视的基础知识,可能大家在上大学的时候都学习过了,但是嘞,当时由于老师讲解的没那么有趣,又加上这些知识本身就比较枯燥,所以嘞,大家当初几乎等于没学。 再说啦,学习这些,也看不出来有什么用啊!...
渗透测试-灰鸽子远控木马
木马概述 灰鸽子( Huigezi),原本该软件适用于公司和家庭管理,其功能十分强大,不但能监视摄像头、键盘记录、监控桌面、文件操作等。还提供了黑客专用功能,如:伪装系统图标、随意更换启动项名称和表述、随意更换端口、运行后自删除、毫无提示安装等,并采用反弹链接这种缺陷设计,使得使用者拥有最高权限,一经破解即无法控制。最终导致被黑客恶意使用。原作者的灰鸽子被定义为是一款集多种控制方式于一体的木马程序...
Python:爬取疫情每日数据
前言 目前每天各大平台,如腾讯、今日头条都会更新疫情每日数据,他们的数据源都是一样的,主要都是通过各地的卫健委官网通报。 以全国、湖北和上海为例,分别为以下三个网站: 国家卫健委官网:http://www.nhc.gov.cn/xcs/yqtb/list_gzbd.shtml 湖北卫健委官网:http://wjw.hubei.gov.cn/bmdt/ztzl/fkxxgzbdgrfyyq/xxfb...
这个世界上人真的分三六九等,你信吗?
偶然间,在知乎上看到一个问题 一时间,勾起了我深深的回忆。 以前在厂里打过两次工,做过家教,干过辅导班,做过中介。零下几度的晚上,贴过广告,满脸、满手地长冻疮。 再回首那段岁月,虽然苦,但让我学会了坚持和忍耐。让我明白了,在这个世界上,无论环境多么的恶劣,只要心存希望,星星之火,亦可燎原。 下文是原回答,希望能对你能有所启发。 如果我说,这个世界上人真的分三六九等,...
B 站上有哪些很好的学习资源?
哇说起B站,在小九眼里就是宝藏般的存在,放年假宅在家时一天刷6、7个小时不在话下,更别提今年的跨年晚会,我简直是跪着看完的!! 最早大家聚在在B站是为了追番,再后来我在上面刷欧美新歌和漂亮小姐姐的舞蹈视频,最近两年我和周围的朋友们已经把B站当作学习教室了,而且学习成本还免费,真是个励志的好平台ヽ(.◕ฺˇд ˇ◕ฺ;)ノ 下面我们就来盘点一下B站上优质的学习资源: 综合类 Oeasy: 综合...
雷火神山直播超两亿,Web播放器事件监听是怎么实现的?
Web播放器解决了在手机浏览器和PC浏览器上播放音视频数据的问题,让视音频内容可以不依赖用户安装App,就能进行播放以及在社交平台进行传播。在视频业务大数据平台中,播放数据的统计分析非常重要,所以Web播放器在使用过程中,需要对其内部的数据进行收集并上报至服务端,此时,就需要对发生在其内部的一些播放行为进行事件监听。 那么Web播放器事件监听是怎么实现的呢? 01 监听事件明细表 名...
3万字总结,Mysql优化之精髓
本文知识点较多,篇幅较长,请耐心学习 MySQL已经成为时下关系型数据库产品的中坚力量,备受互联网大厂的青睐,出门面试想进BAT,想拿高工资,不会点MySQL优化知识,拿offer的成功率会大大下降。 为什么要优化 系统的吞吐量瓶颈往往出现在数据库的访问速度上 随着应用程序的运行,数据库的中的数据会越来越多,处理时间会相应变慢 数据是存放在磁盘上的,读写速度无法和内存相比 如何优化 设计...
Python新型冠状病毒疫情数据自动爬取+统计+发送报告+数据屏幕(三)发送篇
今天介绍的项目是使用 Itchat 发送统计报告 项目功能设计: 定时爬取疫情数据存入Mysql 进行数据分析制作疫情报告 使用itchat给亲人朋友发送分析报告 基于Django做数据屏幕 使用Tableau做数据分析 来看看最终效果 目前已经完成,预计2月12日前更新 使用 itchat 发送数据统计报告 itchat 是一个基于 web微信的一个框架,但微信官方并不允许使用这...
作为程序员的我,大学四年一直自学,全靠这些实用工具和学习网站!
我本人因为高中沉迷于爱情,导致学业荒废,后来高考,毫无疑问进入了一所普普通通的大学,实在惭愧???? 我又是那么好强,现在学历不行,没办法改变的事情了,所以,进入大学开始,我就下定决心,一定要让自己掌握更多的技能,尤其选择了计算机这个行业,一定要多学习技术。 在进入大学学习不久后,我就认清了一个现实:我这个大学的整体教学质量和学习风气,真的一言难尽,懂的人自然知道怎么回事? 怎么办?我该如何更好的提升自...
粒子群算法求解物流配送路线问题(python)
1.Matlab实现粒子群算法的程序代码:https://www.cnblogs.com/kexinxin/p/9858664.html matlab代码求解函数最优值:https://blog.csdn.net/zyqblog/article/details/80829043 讲解通俗易懂,有数学实例的博文:https://blog.csdn.net/daaikuaichuan/article/...
教你如何编写第一个简单的爬虫
很多人知道爬虫,也很想利用爬虫去爬取自己想要的数据,那么爬虫到底怎么用呢?今天就教大家编写一个简单的爬虫。 下面以爬取笔者的个人博客网站为例获取第一篇文章的标题名称,教大家学会一个简单的爬虫。 第一步:获取页面 #!/usr/bin/python # coding: utf-8 import requests #引入包requests link = "http://www.santostang....
前端JS初级面试题二 (。•ˇ‸ˇ•。)老铁们!快来瞧瞧自己都会了么
1. 传统事件绑定和符合W3C标准的事件绑定有什么区别? 传统事件绑定 &lt;div onclick=""&gt;123&lt;/div&gt; div1.onclick = function(){}; &lt;button onmouseover=""&gt;&lt;/button&gt; 注意: 如果给同一个元素绑定了两次或多次相同类型的事件,那么后面的绑定会覆盖前面的绑定 (不支持DOM事...
相关热词 c# 识别回车 c#生成条形码ean13 c#子控制器调用父控制器 c# 写大文件 c# 浏览pdf c#获取桌面图标的句柄 c# list反射 c# 句柄 进程 c# 倒计时 线程 c# 窗体背景色
立即提问