wyr123789
- 浏览: 39238 次
- 性别:
-
文章分类
- 全部博客 (57)
- Java 面试 (1)
- html5 (12)
- FQA (1)
- 前端 (18)
- java (1)
- css (7)
- 前端，js，jquery (8)
- html (2)
- jquery，html5，html (2)
- css3 (1)
- 仅包括这些 (0)
- 前端，js，jquery 有效的实时监听input (1)
- esayui (2)
- echarts3 (0)
- from (1)
- linxu (1)
- linxu apr (1)
- jsonp (1)
- 冒泡事件 (1)
- IOS click延迟300秒，ios长按点击事件会有copy的选项 (1)
- js (1)
- vue (1)
- webpack3 (1)
- sass (1)
- node (1)
最新评论
<body>
<section class="seletSide js_seletSide VBox" style="display: none;">
<section class="goodsSmallImg HBox BoxCenter">
<figure class="goodsImg ">
<img src="static_v3/image/goods1.jpg" alt="" />
</figure>
<div class="Bflex1">
<p class="priceAreaBox">
<i>￥</i><span class="goodsPrice js_goodsPrice" pprice="29.00">29.00</span>
</p>
<p class="">库存：<span>2510</span>份</p>
<p class="user_seleted js_user_seleted" >已选择：<span>8只全母2.1 - 2.4两 , M</span></p>
</div>
</section>
<section class="goodsSizeList goodsList js_goodsList VBox Bflex1 "style="display: none1;">
<section class="goodsSize js_goodsSize VBox Bflex1 js_many" >
<div class="js_goodsSizemob" id="0">
<p class="sideTitle">颜色:</p>
<ul class="Bflex1 clearfix">
<li class="active">8只全母 2.1 - 2.4两</li>
<li>10只全 母 2.2 - 2.6两</li>
<li>4对 公3.0 - 3.4两 母2.0 - 2.4两</li>
<li>4对 公3.0 - 3.4两 母2.0 - 2.4两</li>
<li>8只全母 2.1 - 2.4两</li>
</ul>
</div>
<div class="js_goodsSizemob"id="1">
<p class="sideTitle">尺码:</p>
<ul class="Bflex1 clearfix">
<li class="">X</li>
<li>M</li>
<li>X</li>
<li>XL</li>
<li>XXL</li>
</ul>
</div>
</section>
<section class="buyGoodsNum HBox BoxCenter ">
<p class="sideTitle Bflex1">购买数量</p>
<div class="amountBox HBox js_amountBox BoxCenter ">
<button class="numBtn js_handBtn active" type="button">-</button>
<input class="sumNum js_sumNum" type="number" name="" id="" value="1" />
<button class="numBtn js_handBtn" type="button">+</button>
</div>
</section>
</section>
<section class="goBuy">
<button type="button" class="btnStyle btn_Bghui js_addCarONBtn" style="display: none;">还可以选择 <i>6</i> 件</button>
<button type="button" class="btnStyle btn_Bgred js_addCarOKBtn" style="display:none1">确定</button>
</section>
<div class="icon-cross js_closeSideBtn"></div>
</section>
</body>
var list = new Array();
ogoodsSizeListTow.hammer().on('tap',function(e) {
//console.log(e);
var i;
myPub.OffMuiEvent(false);
var _tarTag = e.gesture.target;
var target;
if(_tarTag.nodeName.toLowerCase() == 'li') {
target = $(_tarTag);
var flowers = ogoodsSizeListTow.hasClass("Flowers");
if(flowers === true){
if(target.hasClass('active')){
target.removeClass('active');
i = list.length-1
oAddCarONBtn.text('还可以选择'+i+'件');
oAddCarONBtn.css('display','block')
oAddCarOKBtn.css('display','none');
$.each(list,function(i){
if(!list[i].hasClass('active')){
list.arrayRemove(i);
}
});
}
list.push(target);
target.addClass('active');
if(list.length > 3){
list.shift().removeClass('active');
}
i = 3 - list.length;
console.log(i)
oAddCarONBtn.text('还可以选择'+i+'件');
if(i == 0){
oAddCarONBtn.css('display','none')
oAddCarOKBtn.css('display','block');
}
return;
}
}
});
Array.prototype.arrayRemove = function(dx){
if(isNaN(dx)||dx>this.length){return false;}
this.splice(dx,1);
}
//多维度选择
oGoodsList.hammer().on('tap',function(e) {
//console.log(e)
myPub.OffMuiEvent(false);
var _tarTag = e.gesture.target;//获取点击的li
var target;
if(_tarTag.nodeName.toLowerCase() == 'li') {
target = $(_tarTag);
if(target.attr('mobilepar')==0){
console.log(target.attr('mobilepar'));
return false;
}
target.parents('.goodsSizeList').find('li').removeClass('active');//获取当前点击li的父级下面的所有li并删除class上的active
target.addClass('active');//添加active
oUser_seleted.find('span').text(target.text())
var map = {};//new map
var spanId = target.parents('.js_goodsSizemob').attr('id');//获取当前点击的li的父级ID
map[spanId] = target.text();//用父级id为KEY（键）获取选中的内容；
var s = $.map(map, function(n){//便利map
return n;
}).join(",");//拼接字符串
oUser_seleted.find('span').text(s);
}
myPub.HamstopPropaga()
});
<section class="seletSide js_seletSide VBox" style="display: none;">
<section class="goodsSmallImg HBox BoxCenter">
<figure class="goodsImg ">
<img src="static_v3/image/goods1.jpg" alt="" />
</figure>
<div class="Bflex1">
<p class="priceAreaBox">
<i>￥</i><span class="goodsPrice js_goodsPrice" pprice="29.00">29.00</span>
</p>
<p class="">库存：<span>2510</span>份</p>
<p class="user_seleted js_user_seleted" >已选择：<span>8只全母2.1 - 2.4两 , M</span></p>
</div>
</section>
<section class="goodsSizeList goodsList js_goodsList VBox Bflex1 "style="display: none1;">
<section class="goodsSize js_goodsSize VBox Bflex1 js_many" >
<div class="js_goodsSizemob" id="0">
<p class="sideTitle">颜色:</p>
<ul class="Bflex1 clearfix">
<li class="active">8只全母 2.1 - 2.4两</li>
<li>10只全 母 2.2 - 2.6两</li>
<li>4对 公3.0 - 3.4两 母2.0 - 2.4两</li>
<li>4对 公3.0 - 3.4两 母2.0 - 2.4两</li>
<li>8只全母 2.1 - 2.4两</li>
</ul>
</div>
<div class="js_goodsSizemob"id="1">
<p class="sideTitle">尺码:</p>
<ul class="Bflex1 clearfix">
<li class="">X</li>
<li>M</li>
<li>X</li>
<li>XL</li>
<li>XXL</li>
</ul>
</div>
</section>
<section class="buyGoodsNum HBox BoxCenter ">
<p class="sideTitle Bflex1">购买数量</p>
<div class="amountBox HBox js_amountBox BoxCenter ">
<button class="numBtn js_handBtn active" type="button">-</button>
<input class="sumNum js_sumNum" type="number" name="" id="" value="1" />
<button class="numBtn js_handBtn" type="button">+</button>
</div>
</section>
</section>
<section class="goBuy">
<button type="button" class="btnStyle btn_Bghui js_addCarONBtn" style="display: none;">还可以选择 <i>6</i> 件</button>
<button type="button" class="btnStyle btn_Bgred js_addCarOKBtn" style="display:none1">确定</button>
</section>
<div class="icon-cross js_closeSideBtn"></div>
</section>
</body>
var list = new Array();
ogoodsSizeListTow.hammer().on('tap',function(e) {
//console.log(e);
var i;
myPub.OffMuiEvent(false);
var _tarTag = e.gesture.target;
var target;
if(_tarTag.nodeName.toLowerCase() == 'li') {
target = $(_tarTag);
var flowers = ogoodsSizeListTow.hasClass("Flowers");
if(flowers === true){
if(target.hasClass('active')){
target.removeClass('active');
i = list.length-1
oAddCarONBtn.text('还可以选择'+i+'件');
oAddCarONBtn.css('display','block')
oAddCarOKBtn.css('display','none');
$.each(list,function(i){
if(!list[i].hasClass('active')){
list.arrayRemove(i);
}
});
}
list.push(target);
target.addClass('active');
if(list.length > 3){
list.shift().removeClass('active');
}
i = 3 - list.length;
console.log(i)
oAddCarONBtn.text('还可以选择'+i+'件');
if(i == 0){
oAddCarONBtn.css('display','none')
oAddCarOKBtn.css('display','block');
}
return;
}
}
});
Array.prototype.arrayRemove = function(dx){
if(isNaN(dx)||dx>this.length){return false;}
this.splice(dx,1);
}
//多维度选择
oGoodsList.hammer().on('tap',function(e) {
//console.log(e)
myPub.OffMuiEvent(false);
var _tarTag = e.gesture.target;//获取点击的li
var target;
if(_tarTag.nodeName.toLowerCase() == 'li') {
target = $(_tarTag);
if(target.attr('mobilepar')==0){
console.log(target.attr('mobilepar'));
return false;
}
target.parents('.goodsSizeList').find('li').removeClass('active');//获取当前点击li的父级下面的所有li并删除class上的active
target.addClass('active');//添加active
oUser_seleted.find('span').text(target.text())
var map = {};//new map
var spanId = target.parents('.js_goodsSizemob').attr('id');//获取当前点击的li的父级ID
map[spanId] = target.text();//用父级id为KEY（键）获取选中的内容；
var s = $.map(map, function(n){//便利map
return n;
}).join(",");//拼接字符串
oUser_seleted.find('span').text(s);
}
myPub.HamstopPropaga()
});
分享到：
发表评论
-
vue 倒计时
2019-07-17 17:16 0time: 59, timer: nu ... -
input 特殊处理禁止输入特殊符号或者限制输入中文
2018-06-07 14:46 0<input class="js_input ... -
调用百度的搜索引擎
2017-09-28 11:26 0<!DOCTYPE html> <html& ... -
移动端碰到的坑
2017-09-22 15:34 704不废话 直接上代码： *{ -webkit-touch- ... -
移动端网页布局注意事项及解决
2017-08-01 17:10 12081.winphone系统a、input标签被点击时产生的半透明 ... -
全选反选
2017-05-09 18:34 495<div class="js_mobile&q ... -
发送验证码
2017-03-15 15:54 0<input type="button&quo ... -
common css公共
2020-05-06 11:35 369/*遮罩层*/ .shadow{ position: fixe ... -
下拉列表功能获取数据添加到select表中
2017-03-14 15:41 796<!DOCTYPE html > <html ... -
图片轮播
2017-03-09 15:56 0<!DOCTYPE html> <html ... -
esayui
2016-10-28 17:12 597$(function(){ $('#peopleGrid') ... -
字符串分割显示
2016-09-20 14:09 530/* 运单号分割显示 */ var oT=document. ... -
功能:H5可根据输入的匹配相对应的文字下拉框
2016-08-29 15:24 605<!DOCTYPE html> <html& ... -
功能 两级联动菜单
2016-08-26 15:13 553<!DOCTYPE html> <html& ... -
功能 交替显示
2016-08-24 16:09 603<!DOCTYPE html> <html& ... -
纯CSS+CSS3右上角倾斜四十五度封页角效果
2016-08-16 17:07 4588加广告与加封页脚的代码是差不多的！ 以前封页脚都是图片现在 ... -
图形笑脸 增加动画
2016-07-21 15:23 593<!DOCTYPE html> <html& ... -
小用例
2016-07-20 17:24 382<!DOCTYPE html> <html& ... -
mui框架 上拉加载 下拉刷新
2016-07-15 15:38 733<!DOCTYPE html> <html& ... -
hcharts视图报表
2016-05-03 14:48 584function queryloginUser() { ...
相关推荐
但多选功能则允许用户勾选多个选项，这对于如设置偏好、筛选条件等需要多维度选择的情况非常有用。 “嵌套”（Nested）在这里指的是在下拉框内部包含其他组件，例如复选框（Checkbox）。复选框允许用户在多个独立的...
2. 多维度筛选：在搜索或过滤数据时，用户可以选择多个条件，穿梭框提供了直观的操作方式。 3. 标签分类：在管理标签或分类时，穿梭框能有效减少误操作，提高工作效率。 总结，layui-transfer 作为 layui 框架中的...
- **数据集成：** 结合多个数据源，实现数据的聚合和整合。 #### 三、QVD文件 **定义：** QVD（QlikView Data）文件是QlikView中用于存储预加载数据的特殊格式文件。它可以显著提高数据加载速度并减轻网络和服务器...
内容概要：本文详细介绍了永磁同步电机(PMSM)三闭环控制系统的仿真建模方法及其参数优化技巧。首先阐述了三闭环控制的整体架构，即位置环、速度环和电流环的层级关系，并解释了每个环节的作用。接着展示了各环的具体实现代码，如电流环的PI控制器、速度环的前馈控制以及位置环的限幅处理。文中强调了调参的重要性和注意事项，提供了具体的参数选择依据和调试建议。最后分享了一些实用的仿真技巧，如死区补偿、故障注入等，确保模型能够应对实际工况。 适合人群：从事电机控制研究的技术人员、研究生及以上水平的学生，特别是对永磁同步电机三闭环控制感兴趣的读者。 使用场景及目标：适用于需要深入了解PMSM三闭环控制原理并进行仿真实验的研究人员和技术开发者。目标是帮助读者掌握如何构建高效的三闭环控制系统，提高电机性能，降低能耗，增强系统的鲁棒性和可靠性。 其他说明：文中提供的代码片段和参数配置均基于MATLAB/Simulink平台，建议读者在实践中结合实际情况调整参数，以获得最佳效果。同时，附带的参考资料也为进一步学习提供了指导。
光电材料仿真，电子仿真等；从入门到精通教程；含代码案例解析。
内容概要：本文详细介绍了利用PFC3D5.0进行滑坡致灾与建筑物易损性分析的完整代码实现。首先，通过Python和Fish语言构建了滑坡体和建筑物的模型，设置了关键参数如密度、刚度、摩擦系数等，确保滑坡体能够真实模拟滑坡行为。其次，针对建筑物的不同部位（楼板、墙体、支柱），采用不同的材料特性进行建模，并加入了实时监测系统，用于记录滑坡过程中各部件的应力、应变以及冲击力的变化情况。此外，还实现了冲击力监测、损伤评估等功能，能够自动触发应急分析并在模拟结束后生成详细的损伤报告。最后，通过对多次模拟结果的数据处理，生成了建筑物的易损性曲线，验证了模型的有效性和准确性。 适合人群：从事地质灾害研究、土木工程、结构安全评估的研究人员和技术人员。 使用场景及目标：适用于滑坡灾害预测、建筑设计优化、抗震防灾等领域。通过模拟不同条件下滑坡对建筑物的影响，帮助研究人员更好地理解滑坡致灾机理，为制定有效的防护措施提供科学依据。 其他说明：文中提供了大量实用的小技巧，如调整参数以获得更好的模拟效果、优化计算效率等。同时强调了模型验证的重要性，确保研究成果具有较高的可信度。
编译httpserver 通过后记录的
光电材料仿真，电子仿真等；从入门到精通教程；含代码案例解析。
内容概要：本文详细探讨了在Android平台上进行图像模板匹配的技术挑战和解决方案，特别是在处理不同尺寸和旋转角度的目标物时的方法。文中介绍了使用OpenCV构建图像金字塔、处理旋转模板以及利用NEON指令集优化性能的具体实现。此外，文章还讨论了在armeabi-v7a和arm64-v8a这两种主要ARM架构下的优化技巧，如内存对齐、SIMD指令优化、RenderScript并行处理等。作者分享了许多实践经验，包括如何避免常见的性能瓶颈和兼容性问题。 适合人群：有一定Android开发经验，尤其是熟悉OpenCV和NDK编程的中级及以上开发者。 使用场景及目标：适用于需要在移动设备上进行高效图像识别的应用开发，如实时视频流中的物体检测、游戏内的道具识别等。目标是提高模板匹配的速度和准确性，同时确保在不同硬件配置下的稳定性和兼容性。 其他说明：文章提供了丰富的代码片段和实际案例，帮助读者更好地理解和应用所介绍的技术。特别强调了在不同ARM架构下的优化策略，为开发者提供了宝贵的参考资料。
光电材料仿真，电子仿真等；从入门到精通教程；含代码案例解析。
内容概要：本文详细介绍了利用COMSOL软件模拟电晕放电离子风的过程。首先解释了电晕放电的基本概念，即在高压电场下电极周围空气被电离形成离子风。接着阐述了如何在COMSOL中建立针-板电极结构的三维模型，涉及静电、层流和稀物质传递三个物理场的设置。文中提供了具体的MATLAB代码片段用于初始化模型、定义几何体、设置边界条件、配置物理参数、进行网格划分以及求解模型。此外，还讨论了求解过程中可能出现的问题及解决方法，如收敛技巧、网格划分策略等。最后强调了通过模拟获得的电场分布、气流速度和离子浓度等结果对于理解和优化电晕放电离子风设备的重要性。 适用人群：对电晕放电现象感兴趣的科研人员和技术开发者，尤其是那些希望深入了解多物理场耦合仿真技术的人群。 使用场景及目标：适用于需要研究电晕放电离子风特性的场合，如空气净化装置、散热设备等领域的产品设计与性能评估。目标是帮助用户掌握如何使用COMSOL软件构建并求解电晕放电离子风模型，从而更好地理解相关物理机制。 其他说明：文中提到的实际操作细节和遇到的技术挑战有助于新手避免常见错误，提高建模效率。同时，提供的具体参数设置和代码示例也为进一步深入研究奠定了基础。
内容概要：本文详细介绍了多模态属性级情感分析的技术原理及其应用场景。首先解释了多模态属性级情感分析的意义，即通过结合文本和图像信息来更全面地理解用户情感。接着阐述了数据预处理方法，如使用BERT进行文本编码和ResNet处理图像。然后深入探讨了模型架构，包括双流网络结构和特征融合策略，以及如何通过跨模态注意力机制实现更好的特征对齐。此外，文中还分享了多个实战案例，如电商广告投放系统中如何利用该技术提高转化率，以及在处理用户评价时遇到的问题和解决办法。最后讨论了一些常见的技术挑战，如模态间权重调整、背景干扰物处理等。 适合人群：从事自然语言处理、计算机视觉研究的专业人士，尤其是希望将这两种技术结合起来进行情感分析的研究者和技术开发者。 使用场景及目标：适用于电商平台、社交媒体平台等需要分析用户反馈的场景，旨在帮助企业更好地理解消费者的真实想法，从而优化产品和服务。通过这种方式，企业可以发现潜在的市场机会并改进营销策略。 其他说明：文章不仅提供了理论指导，还包括具体的代码实现示例，有助于读者快速上手实践。同时强调了实际应用中的注意事项，如数据清洗、模型调优等方面的经验教训。
内容概要：本文详细介绍了5MW海上永磁风电直驱系统的Simulink仿真过程，涵盖矢量控制、混合储能系统以及并网逆变器的设计与调试。首先，文章解释了系统架构，包括永磁电机、两电平并网变流器和混合储能模块。接着，深入探讨了矢量控制中的坐标变换、PI参数设置及其对电网波动的影响。对于混合储能系统，文章讨论了滑动平均滤波用于功率分配的方法，确保超级电容和锂电池的有效协同工作。此外，文章还涉及并网逆变器的控制策略，特别是变参数PI控制和死区时间补偿，以应对复杂的电网环境。最后，通过仿真结果展示了系统的高效性和稳定性。 适合人群：从事电力电子工程、风电系统设计与仿真的工程师和技术研究人员。 使用场景及目标：适用于希望深入了解海上风电系统仿真技术的专业人士，旨在提高对矢量控制、混合储能和并网逆变器的理解，从而优化实际应用中的系统性能。 其他说明：文中提供了多个MATLAB代码片段，帮助读者更好地理解和复现相关控制算法。同时，强调了仿真过程中遇到的实际问题及解决方案，如风速突变、电网电压跌落等情况下的系统响应。
光电材料仿真，电子仿真等；从入门到精通教程；含代码案例解析。
该资源为natsort-5.4.0-py2.py3-none-any.whl，欢迎下载使用哦！
内容概要：本文详细介绍了双馈风力发电机（DFIG）的矢量控制仿真模型，特别是定子侧和转子侧的控制策略。定子侧采用电压定向矢量控制，通过双闭环结构（外环控制直流侧电压，内环控制电流），确保功率因数为1。转子侧采用磁链定向矢量控制，同样基于双闭环结构（外环控制功率，内环控制电流），并引入前馈电压补偿提高响应速度。文中提供了具体的PI控制器代码实现，并讨论了仿真模型的搭建方法，如使用Python的scipy库进行动态响应模拟。此外，文章还提到了一些常见的仿真问题及解决方案，如crowbar保护电路、最大功率跟踪算法和低电压穿越模块等。 适合人群：从事风电系统设计、控制算法开发的研究人员和技术人员，以及对电力电子控制系统感兴趣的工程师。 使用场景及目标：适用于希望深入了解DFIG矢量控制原理和实现细节的专业人士，帮助他们掌握定子侧和转子侧的具体控制策略，优化仿真模型，解决实际工程中的问题。 其他说明：文章不仅提供了理论分析，还包括了大量的代码片段和实践经验，有助于读者更好地理解和应用相关技术。
内容概要：本文详细介绍了利用Python进行煤矿瓦斯气驱过程中二氧化碳和氮气的应用方法和技术细节。首先展示了如何通过Python脚本处理气驱压力监测数据并绘制对比图，接着讲解了注气速率控制的PID算法实现及其注意事项。文中还涉及裂隙气体扩散模拟、湿度对氮气驱替的影响以及基于状态机的注气控制系统设计。此外，提供了实时气体浓度监控、数据滤波、阈值报警等功能的具体实现方式，并强调了数据可视化的应用价值。最后讨论了注气孔布置优化和注气压力控制的实际操作要点。 适合人群：从事煤矿开采及相关领域的技术人员、工程师，尤其是具有一定编程基础并对自动化控制感兴趣的从业者。 使用场景及目标：适用于煤矿瓦斯气驱项目的规划、实施与维护阶段，旨在提高瓦斯抽采效率，确保安全生产，同时减少人为因素导致的操作失误。通过学习本文提供的代码示例和技术方案，读者能够掌握如何运用Python解决实际工程问题的方法。 其他说明：文中提到的所有代码均为简化版本，用于解释相关概念和技术原理，在实际项目中可能需要进一步完善和优化。对于希望深入了解该领域的读者而言，本文不仅提供了实用的技术指导，也为后续研究奠定了良好的基础。
光电材料仿真，电子仿真等；从入门到精通教程；含代码案例解析。
街道级行政区划边界，wgs84坐标系，shp数据，直接分析使用。
字节码.md