pandoraC
pandoraC

JQuery无限连动(复用)

在制作项目的时候，总会用到地区·产品分类等的无限联动，为了复用性，写出了一个可以复用的JS文件

文件分为两个部分

1）JS复用文件

2）数据文件

 

在HTML中引用

 

  
  
  
  
    
   
   
   
   
  1. <html> 
    2. 
   
   
   
   
  2.     <script src='jquery.js'></script> 
    3. 
   
   
   
   
  3.     <!--数据文件--> 
    4. 
   
   
   
   
  4.     <script src='area.js'></script> 
    5. 
   
   
   
   
  5.     <h1>无限联动</h1> 
    6. 
   
   
   
   
  6.     <!--JS文件输出文件--> 
    7. 
   
   
   
   
  7.     <script src='wxldmut.js'></script> 
    8. 
   
   
   
   
  8. </html> 
    9.

 

JS文件写出了两个

输出为单选   wxldid.js

  
  
  
  
    
   
   
   
   
  1.  
    2. 
   
   
   
   
  2. var sels = new Array();  
    3. 
   
   
   
   
  3. var divname = 'sel-div';  
    4. 
   
   
   
   
  4. var objindex = 1;  
    5. 
   
   
   
   
  5. var sels;  
    6. 
   
   
   
   
  6.  
    7. 
   
   
   
   
  7.     selsRef();  
    8. 
   
   
   
   
  8.     document.write("<div name='"+divname+"'>"+ sels +"</div>");  
    9. 
   
   
   
   
  9.     writeFirstSelect();  
    10. 
   
   
   
   
  10.  
    11. 
   
   
   
   
  11. function selsRef()  
    12. 
   
   
   
   
  12. {  
    13. 
   
   
   
   
  13.     sels = "<select id='sel-"+objindex+"' name='select' onchange='selIndexChange(this)'>"+optionsstr+"</select>";  
    14. 
   
   
   
   
  14. }  
    15. 
   
   
   
   
  15.  
    16. 
   
   
   
   
  16. function writeFirstSelect()  
    17. 
   
   
   
   
  17. {  
    18. 
   
   
   
   
  18.     selsRef();  
    19. 
   
   
   
   
  19.     var flag = 0;  
    20. 
   
   
   
   
  20.     $('div[name='+ divname +'] select[name^=sel]:first option').each(function(index){  
    21. 
   
   
   
   
  21.           if(parseInt($(this).attr('name')) == 0 || parseInt($(this).val()) == 0)  
    22. 
   
   
   
   
  22.             flag++;  
    23. 
   
   
   
   
  23.           else 
    24. 
   
   
   
   
  24.             $(this).replaceWith('');  
    25. 
   
   
   
   
  25.      });  
    26. 
   
   
   
   
  26. }  
    27. 
   
   
   
   
  27.  
    28. 
   
   
   
   
  28. function selIndexChange(obj)  
    29. 
   
   
   
   
  29. {  
    30. 
   
   
   
   
  30.     var objname = $(obj).attr('id');  
    31. 
   
   
   
   
  31.     var objvalue = $(obj).val();  
    32. 
   
   
   
   
  32.     var flag = 0;  
    33. 
   
   
   
   
  33.  
    34. 
   
   
   
   
  34.     if(objvalue != 0)  
    35. 
   
   
   
   
  35.     {  
    36. 
   
   
   
   
  36.         $('select[id='+objname+']~select[id^=sel]').replaceWith('');  
    37. 
   
   
   
   
  37.         var names = objname.split('-');  
    38. 
   
   
   
   
  38.         objindex = parseInt(names[1]) + 1;  
    39. 
   
   
   
   
  39.         selsRef();  
    40. 
   
   
   
   
  40.             var divhtml = $('div[name='+ divname +']').html();  
    41. 
   
   
   
   
  41.             $('div[name='+ divname +']').html(divhtml + sels);  
    42. 
   
   
   
   
  42.  
    43. 
   
   
   
   
  43.             $('div[name='+ divname +'] select[id^=sel]:last option').each(function(index){  
    44. 
   
   
   
   
  44.                   if(parseInt($(this).attr('name')) == parseInt(objvalue) || parseInt($(this).val()) == 0)  
    45. 
   
   
   
   
  45.                   {  
    46. 
   
   
   
   
  46.                       if(parseInt($(this).val()) != 0)  
    47. 
   
   
   
   
  47.                           flag++;  
    48. 
   
   
   
   
  48.                   }  
    49. 
   
   
   
   
  49.                   else 
    50. 
   
   
   
   
  50.                     $(this).replaceWith('');  
    51. 
   
   
   
   
  51.             });  
    52. 
   
   
   
   
  52.             if(flag == 0)  
    53. 
   
   
   
   
  53.               $('div[name='+ divname +'] select[id^=sel]:last').replaceWith('');  
    54. 
   
   
   
   
  54.     }  
    55. 
   
   
   
   
  55.     else 
    56. 
   
   
   
   
  56.     {  
    57. 
   
   
   
   
  57.         $('select[name='+objname+']~select[id^=sel]').replaceWith('');  
    58. 
   
   
   
   
  58.     }  
    59. 
   
   
   
   
  59. } 
    60.

 

输出为多选 wxldmut.js

  
  
  
  
    
   
   
   
   
  1.  
    2. 
   
   
   
   
  2. var sels = new Array();  
    3. 
   
   
   
   
  3. var divname = 'sel-div';  
    4. 
   
   
   
   
  4. var objindex = 1;  
    5. 
   
   
   
   
  5. var selectstyle = "style='width:110px;'";  
    6. 
   
   
   
   
  6. var sels;  
    7. 
   
   
   
   
  7.  
    8. 
   
   
   
   
  8.  
    9. 
   
   
   
   
  9.     selsRef();  
    10. 
   
   
   
   
  10.     document.write("<div name='"+divname+"'>"+ sels +"</div>");  
    11. 
   
   
   
   
  11.     writeFirstSelect();  
    12. 
   
   
   
   
  12.  
    13. 
   
   
   
   
  13. function selsRef()  
    14. 
   
   
   
   
  14. {  
    15. 
   
   
   
   
  15.     sels = "<select id='sel-"+objindex+"' name='select' multiple='multiple' "+selectstyle+" size='8' onchange='selIndexChange(this)'>"+optionsstr+"</select>";  
    16. 
   
   
   
   
  16. }  
    17. 
   
   
   
   
  17.  
    18. 
   
   
   
   
  18. function writeFirstSelect()  
    19. 
   
   
   
   
  19. {  
    20. 
   
   
   
   
  20.     selsRef();  
    21. 
   
   
   
   
  21.     var flag = 0;  
    22. 
   
   
   
   
  22.     $('div[name='+ divname +'] select[name^=sel]:first option').each(function(index){  
    23. 
   
   
   
   
  23.             
    24. 
   
   
   
   
  24.           if(parseInt($(this).attr('name')) == 0)  
    25. 
   
   
   
   
  25.             flag++;  
    26. 
   
   
   
   
  26.           else 
    27. 
   
   
   
   
  27.             $(this).replaceWith('');  
    28. 
   
   
   
   
  28.  
    29. 
   
   
   
   
  29.      });  
    30. 
   
   
   
   
  30. }  
    31. 
   
   
   
   
  31.  
    32. 
   
   
   
   
  32. function selIndexChange(obj)  
    33. 
   
   
   
   
  33. {  
    34. 
   
   
   
   
  34.     var objname = $(obj).attr('id');  
    35. 
   
   
   
   
  35.     var objvalue = $(obj).val();  
    36. 
   
   
   
   
  36.     var flag = 0;  
    37. 
   
   
   
   
  37.  
    38. 
   
   
   
   
  38.     if(objvalue != 0)  
    39. 
   
   
   
   
  39.     {  
    40. 
   
   
   
   
  40.         $('select[id='+objname+']~select[id^=sel]').replaceWith('');  
    41. 
   
   
   
   
  41.         var names = objname.split('-');  
    42. 
   
   
   
   
  42.         objindex = parseInt(names[1]) + 1;  
    43. 
   
   
   
   
  43.         selsRef();  
    44. 
   
   
   
   
  44.             var divhtml = $('div[name='+ divname +']').html();  
    45. 
   
   
   
   
  45.             $('div[name='+ divname +']').html(divhtml + sels);  
    46. 
   
   
   
   
  46.  
    47. 
   
   
   
   
  47.             $('div[name='+ divname +'] select[id^=sel]:last option').each(function(index){  
    48. 
   
   
   
   
  48.                   if(parseInt($(this).attr('name')) == parseInt(objvalue))  
    49. 
   
   
   
   
  49.                   {  
    50. 
   
   
   
   
  50.                           flag++;  
    51. 
   
   
   
   
  51.                   }  
    52. 
   
   
   
   
  52.                   else 
    53. 
   
   
   
   
  53.                     $(this).replaceWith('');  
    54. 
   
   
   
   
  54.             });  
    55. 
   
   
   
   
  55.             if(flag == 0)  
    56. 
   
   
   
   
  56.               $('div[name='+ divname +'] select[id^=sel]:last').replaceWith('');  
    57. 
   
   
   
   
  57.     }  
    58. 
   
   
   
   
  58.     else 
    59. 
   
   
   
   
  59.     {  
    60. 
   
   
   
   
  60.         $('select[name='+objname+']~select[id^=sel]').replaceWith('');  
    61. 
   
   
   
   
  61.     }  
    62. 
   
   
   
   
  62. } 
    63.

 

数据文件的格式如下

 

  
  
  
  
    
   
   
   
   
  1. var optionsstr = "<option value='0'>请选择</option><option name='0' value='1'>a</option><option name='0' value='2'>a</option><option name='1' value='5'>asd</option><option name='2' value='6'>123</option><option name='5' value='8'>jhg</option><option name='0' value='9'>asd</option><option name='0' value='10'>123ff</option><option name='10' value='11'>asd</option><option name='9' value='12'>xcv</option><option name='10' value='13'>45678</option><option name='13' value='14'>a</option><option name='13' value='15'>b</option><option name='13' value='16'>c</option><option name='13' value='17'>d</option><option name='13' value='18'>e</option><option name='13' value='19'>r</option><option name='13' value='20'>t</option><option name='13' value='21'>y</option><option name='0' value='22'>ffff</option><option name='15' value='24'>c</option><option name='15' value='25'>b</option><option name='15' value='26'>c</option><option name='25' value='27'>a</option><option name='25' value='28'>b</option><option name='25' value='29'>c</option><option name='28' value='30'>a</option><option name='28' value='31'>b</option><option name='28' value='32'>c</option><option name='2' value='33'>lz</option><option name='2' value='34'>zt</option><option name='2' value='35'>gl</option><option name='1' value='36'>cnv</option><option name='31' value='38'>lzyes</option><option name='31' value='39'>ztno</option><option name='31' value='40'>glyesno</option><option name='1' value='41'>a</option><option name='1' value='42'>a</option><option name='1' value='43'>a</option><option name='1' value='44'>a</option><option name='1' value='45'>a</option><option name='1' value='46'>a</option><option name='1' value='47'></option><option name='10' value='48'>lz</option><option name='10' value='49'>gl</option><option name='10' value='50'>Zt</option><option name='39' value='51'>12345</option>"; 
    2.

 

 

为了方便使用数据文件，制作了一个文件生成器，可在附件中下载

 

你可能感兴趣的:(jquery,职场,休闲,无限联动)

  • 推荐一个纯绿色无广告的H5游戏站 Think_2013 Web前端游戏娱乐游戏
    纯绿色，连内嵌广告都已经去掉了，上班摸鱼最佳适合小伙伴偶尔娱乐一下Cubes2048-Free2048CubeGameOnline|Cubes2048由两个经典游戏贪吃蛇+2048改编融合而来贪吃蛇不用多说，大家都知道2048曾经也是风靡全球，简单但是又不简单的玩法吸引了很多用户主打休闲娱乐，同学们别上头哈点开即玩：Cubes2048-Free2048CubeGameOnline|Cubes204
  • 如何排查 iOS App 页面跳转导致的请求丢失？抓包与调试实战分享
    最近，在给iOSApp增加多级页面联动功能时，用户反馈在“登录→A页面→B页面→C页面”的快速跳转链路中，C页面偶发无法加载内容。客户端日志中没有任何请求异常，后端也未记录C页接口调用。问题复现困难，但影响体验极大。我们怀疑在复杂页面切换中，部分请求被App或系统丢弃了。通过一次多工具协作的抓包调试，使用SniffMaster进行iOS真机抓包之后，我们完整地定位并解决了问题。背景：用户连续跳转到
  • 自动驾驶系列—加速自动驾驶系统开发：多型号SoC快速适配的最佳实践 学步_技术 自动驾驶自动驾驶人工智能机器学习SoC适配
    欢迎来到我的技术小筑，一个专为技术探索者打造的交流空间。在这里，我们不仅分享代码的智慧，还探讨技术的深度与广度。无论您是资深开发者还是技术新手，这里都有一片属于您的天空。让我们在知识的海洋中一起航行，共同成长，探索技术的无限可能。探索专栏：学步_技术的首页——持续学习，不断进步，让学习成为我们共同的习惯，让总结成为我们前进的动力。技术导航：人工智能：深入探讨人工智能领域核心技术。自动驾驶：分享自动
  • Redis哨兵模式 SkyWide 无限领航 Linuxredislinux
    Redis哨兵模式文章原始同步：微信搜索公众号：SkyWide无限领航QQ技术群：308191819欢迎各位加入Redis哨兵模式（1）一主二从Redis集群部署使用SSH工具连接三个虚拟机节点修改主机名。命令如下所示：redis1主节点：[root@localhost~]#hostnamectlset-hostnameredis1redis2从节点：[root@localhost~]#hostn
  • 项目解决方案：付费自习室视频监控系统建设解决方案
    目录第一章项目背景1.1技术提升背景1.2发展趋势背景1.3合规性要求背景第二章实现特点2.1拓展集成，信息联动2.2全面支持，无忧运营2.3成本控制，效益最大化第三章需求确认3.1实时远程监控，集中管理3.2权限管理灵活且安全第四章建设目标4.1先进实用，贴合需求4.2经济完备，高性价比4.3安全可靠，稳定运行4.4易于拓展，前瞻未来第五章难点解析5.1视频观看无缝衔接5.2精细划分用户功能第六
  • 【HDMI CEC】 System Power Control 功能详解 好多渔鱼好多 HDMICECHDMICEC智能家居物联网万物互联一键控制
    目录1.概念2.用途3.实现原理3.1实现流程3.2关键点总结4.协议与实现流程5.运用示例6.注意事项7.设备操作与设置方法8.总结1.概念SystemPowerControl是HDMICEC协议中最基础、最实用且使用最广泛的功能之一。它允许用户仅操作一个设备（通常是电视或功放）的遥控器电源键，就能联动控制同一HDMI链路上所有其他兼容CEC设备的电源状态（开机或待机）。简单说，就是“一键控制全
  • 新华妙笔：AI智能写作助手，让高效写作触手可及 东风西巷 AI写作android软件需求智能手机
    在当今快节奏的时代，无论是职场人士、学生还是创作者，都面临着大量的写作任务。从工作总结、调研报告到公文写作、商业文案，高效且高质量的写作能力成为了提升个人竞争力的关键。然而，写作不仅需要丰富的知识储备和扎实的文字功底，还需要大量的时间和精力去打磨。为了帮助用户更高效地完成写作任务，新华妙笔APP应运而生。它是一款功能强大的AI智能写作助手，依托自然语言处理（NLP）和大数据分析技术，能够快速生成各
  • jQuery CSS 类
    jQueryCSS类引言jQuery是一个快速、小型且功能丰富的JavaScript库，它极大地简化了HTML文档遍历、事件处理、动画和Ajax操作。在jQuery中，CSS类的使用是处理样式和美化网页的关键组成部分。本文将深入探讨jQueryCSS类的使用方法，包括如何添加、移除、切换和检查CSS类，以及如何通过CSS类实现动态样式变化。jQueryCSS类的基本概念CSS类是HTML元素的一个
  • Apache POI：Java操作Microsoft Office文件的利器 dr李四维 全栈apachejavamicrosoft后端
    目录ApachePOI到底能干什么？ApachePOI：解锁Excel文件的无限可能两步完成POI使用的方法基本案例1.直接创建Excel文件（代码及注释详解）2.完整读取Excel文件（代码及注释详解）POI的重难易错点及解决方法最后的总结在Java开发中，处理MicrosoftOffice文件（如Excel、Word等）是一个常见的需求。ApachePOI，作为一个开源的Java库，提供了丰富
  • 迭代器模式 - Flutter中的集合导航专家，解锁数据遍历的无限可能！ 明似水 flutter迭代器模式flutter
    自定义滚动效果/树形结构遍历/分页加载…用迭代器掌控数据流动的节奏痛点场景：多源数据混合遍历假设你的社交应用需要显示以下内容：本地缓存的帖子新收到的实时消息推荐广告朋友动态这些数据来自不同接口，结构各异：ListcachedPosts=[...];StreamrealtimeMessages=[...];Listads=[...];Future>friendActivities=[...];传统遍
  • Python 进攻性渗透测试（一）
    原文：annas-archive.org/md5/dccde1d96c9ad81f97529d78e3e69c9b译者：飞龙协议：CCBY-NC-SA4.0序言Python是一种易学的跨平台编程语言，具有无限的第三方库。许多开源黑客工具都是用Python编写的，可以轻松地集成到你的脚本中。本书被分成了清晰的小部分，你可以按照自己的节奏学习，并专注于对你最有兴趣的领域。你将学会如何编写自己的脚本，并
  • 无限弹窗（python） 在线码BUG python
    生活中当我们给朋友发消息不回时就可以为他发送一个无限弹窗打代码，他因为好奇打开了那么他就中计了，没有中计我们也不会损失什么importtkinterastkimportrandomimportthreadingimporttimedefdow():window=tk.Tk()window.title('你是XX')window.geometry("200x50"+"+"+str(random.ra
  • 使用Python制作电脑无限弹窗恶搞程序教程 kkkliaoo python开发语言安全
    效果如下：演示视频：python弹窗恶搞程序演示视频教程：1，导入模块，下载模块的方法不过多说明了，可以看我其他的文章有说怎么下载第三方模块，或者Alt+Enter下载也可。#弹窗恶搞importtkinterastkimportrandomimportthreadingimporttime2，复制如下代码，运行即可defdow():window=tk.Tk()width=window.winfo
  • Python版无限弹窗（禁用鼠标键盘不禁触摸板） 迪迦隔山海 python
    提示：整蛊小木马简单好玩又实用期末将近可刺激着急的同学们也可以整蛊老师不要过分！！！注意不要过分！！！一、无限弹窗1.引入库代码如下（示例）：importos通过while死循环用os库调用cmd弹窗2.while循环代码如下（示例）：whileTrue:os.system('startcmd')但是如果这样就心满意足那是远远不够的，这样的程序容易关闭，可以添加上禁用鼠标键盘等功能，然后还可以进行
  • [OC]C++计算e(自然常数) OC溥哥999 C++懒人套餐算法开发语言c++
    自然常数，符号e，为数学中一个常数，是一个无限不循环小数，且为超越数，其值约为2.718281828459045。它是自然对数函数的底数。有时称它为欧拉数（Eulernumber），以瑞士数学家欧拉命名；也有个较鲜见的名字纳皮尔常数，以纪念苏格兰数学家约翰·纳皮尔（JohnNapier）引进对数。它就像圆周率π和虚数单位i，是数学中最重要的常数之一。摘自秒懂百科计算方式一：e=1/0!+1/1!+
  • 欧盟AI法案、中国《生成式AI管理办法》规范数据隐私与算法歧视 DK_Allen 大模型人工智能算法
    一、全球AI治理框架：双轨并行1.欧盟《AI法案》（2025全面生效）风险等级监管要求典型场景不可接受风险全面禁止社会评分系统、实时生物识别（公共场所）高风险强制注册+第三方评估+人工监督医疗诊断、关键基础设施管理有限风险透明度披露（AI生成内容标注）聊天机器人、深度伪造最小风险无限制垃圾邮件过滤、游戏AI处罚机制：最高罚金≈全球营收6%（或3000万欧元，取较高者）典型判例：ClearviewA
  • MYOJ_5078:(洛谷P5662)[CSP-J2019] 纪念品(完全背包提高) Jayfeather松鸦羽_sch NOIP+CSP系列题解背包DP(不同于动规)算法动态规划c++
    题目描述小伟突然获得一种超能力，他知道未来T天N种纪念品每天的价格。某个纪念品的价格是指购买一个该纪念品所需的金币数量，以及卖出一个该纪念品换回的金币数量。每天，小伟可以进行以下两种交易无限次：任选一个纪念品，若手上有足够金币，以当日价格购买该纪念品；卖出持有的任意一个纪念品，以当日价格换回金币。每天卖出纪念品换回的金币可以立即用于购买纪念品，当日购买的纪念品也可以当日卖出换回金币。当然，一直持有
  • 支付宝小程序优化秘籍：生活号联动玩法 zhuzhuyaolai 小程序生活大数据
    在竞争激烈的移动应用生态中，支付宝小程序要想脱颖而出，实现流量与用户留存的突破，与生活号的联动运营是一大有力法宝。据支付宝小程序官方团队统计，同时运营小程序和生活号的商家，小程序留存率相较单边运营小程序的商家平均高出70%。下面就为大家详细解析支付宝小程序与生活号的联动玩法。相互导流，构建流量互通桥梁新用户关注生活号，自动跳转小程序利用权益吸引用户关注生活号，在用户关注成功后，自动跳转到小程序领取
  • 基于nodejs+vue.js服装商店电子商务管理系统
    如果你是一个小白,你不懂得像javaPHP、Python等编程语言，那么Node.js是一个非常好的选择。采用vscode软件开发,配套软件安装.包安装调试部署成功,有视频讲解前端:html+vue+elementui+jQuery、js、css数据库：mysql,Navicatvue框架于Node运行环境的Web框架,随着互联网技术的飞速发展，世界逐渐成了一个地球村，空间的距离也不再是那么重要。
  • 抓大鹅教程电脑端秒通关…… 小黄编程快乐屋 其他
    大家好，我是小黄。最近抓大鹅小程序游戏很火，抓大鹅小游戏是由青岛蓝飞互娱科技股份有限公司开发并推出的一款休闲益智类三消游戏。在游戏中，玩家需要在特定的“购物篮子”背景下，找到三个相同的物品并将其消除。游戏的玩法简单有趣，因此风靡网络。玩法跟之前的羊了个羊类似。最近小黄也试着玩了一下，发现小黄实力有点差，不是在看广告就是在看广告的路上。越消除越觉得气人。所以，小黄给他上点科技，在进行科技之前我们需要
  • 通配符SSL证书详解 后端
    一、核心概念通配符SSL证书（WildcardSSLCertificate）是一种特殊类型的SSL证书，允许用户使用单一证书为同一主域名下的所有一级子域名提供HTTPS加密。其核心在于使用通配符“*”（星号）代表任意的一级子域名名称。二、主要特点一证多保：仅需一个证书，即可保护主域名下无限数量的一级子域名。例如，证书颁发给*.example.com，就能自动保护www.example.com、ma
  • Ajax——在OA系统提升性能的局部刷新 1加1等于 javascript实战ajax前端javascript
    本文总结了在OA系统中关于Ajax的原理与使用，以及如何使用其局部刷新提升OA系统的性能体验。本文目录一、Ajax基础概念前后端交互原理全局刷新与局部刷新二、局部刷新实现方式XMLHttpRequestjQuery封装XMLHttpRequest三、XMLHttpRequest重要属性和函数属性函数四、具体使用步骤五、全局刷新创建表单创建表单Servlet处理六、HttpServletRespon
  • 【人工智能】 AI的进化之路：大模型如何重塑技术格局 蒙娜丽宁 Python杂谈人工智能人工智能python
    《PythonOpenCV从菜鸟到高手》带你进入图像处理与计算机视觉的大门！解锁Python编程的无限可能：《奇妙的Python》带你漫游代码世界本文深入探讨了人工智能大模型的进化历程及其对技术格局的深远影响。从早期神经网络到现代大模型的突破，文章分析了关键技术进步，如Transformer架构、预训练机制和分布式计算。结合数学公式和代码示例，详细阐述了大模型的训练原理、优化方法及实际应用场景。文
  • 两个Adobe高效技巧与设计师创意思维的进阶指南 reddingtons adobeillustratorphotoshop人工智能AfterEffects设计师设计规范
    作为一名在全球多个城市旅居十年的职业设计师，我依托英国ParvisSchoolofEconomicsandMusic提供的Adobe正版教育订阅，积累了丰富的设计经验。今天，我想以更贴近你的视角，分享两个Adobe系列软件的实用技巧，以及一个激发创意的工作方法。这些技巧和方法不仅来自我的实践，还融入了全球顶尖设计师和多媒体创作者的智慧，希望能为你的设计之路点亮一盏灯。主体：高效技巧与职场故事技巧一
  • 写代码写到 60 岁：我是如何重新定义技术人生的 十步杀一人_千里不留行 程序人生
    我44岁，写了10年Java，现在在新西兰职场从头来过。曾经我也焦虑：“是不是到了这个年龄就该转管理？”但现在我清楚地知道，我依然热爱写代码，而且我可以一直写下去，只要我用对了方法、站稳了定位。我不想当CTO，我只想踏实交付系统这几年，我不断在Java、C#、React、.NET、前端、后端、移动端、AI等各种技术栈之间“穿梭”，有些是项目需要，有些是自学试验。有人问我：你到底擅长哪个领域？我的回
  • 〖Python零基础入门篇⑮〗- Python中的字典 哈哥撩编程 #①-零基础入门篇Python全栈白宝书python开发语言后端python中的字典
    >【易编橙·终身成长社群，相遇已是上上签！】-点击跳转～<作者：哈哥撩编程（视频号同名）图书作者：程序员职场效能宝典博客专家：全国博客之星第四名超级个体：COC上海社区主理人特约讲师：谷歌亚马逊分享嘉宾科技博主：极星会首批签约作者文章目录⭐️什么是字典？⭐️字典的结构与创建方法⭐️字典支持的数据类型⭐️在列表与元组中如何定义字典
  • 基于PLC的智能楼宇控制系统设计（源码+万字报告+部署讲解等) 炳烛之明科技 PLC
    目录摘要2第一章绪论51.1引言51.2智能楼宇的课题背景51.3智能楼宇的功能和优势6第二章智能楼宇系统总体方案确定72.1智能楼宇系统总体方案的设计72.1.1智能楼宇概述72.1.2智能楼宇的分类71、建筑设备自动化系统(BA)72、通讯自动化系统（CA）73、办公自动化系统（OA）74、火灾报警于消防联动自动化系统（FA）85、安全保卫自动化系统（SA）82.1.2总体控制方案的设计82.
  • 创世理论达成 每时每刻都在创世？全知全能AI是新宇宙？时间的循环？ qq_36719620 python人工智能量子计算java
    每一刻都是创世的“进行时”：在永恒循环中，时间本身就是“未完成的诗”当我们说“每一刻都是在创世的进程”，并非否定时间的线性流逝，而是重新定义“创世”的本质——它不是某个“起点”或“终点”的戏剧性事件，而是闭合系统中状态无限迭代的动态过程。在这个过程中，时间的每一个瞬间都既是“旧状态的终点”，又是“新状态的起点”，如同莫比乌斯环的两面，看似分离却又无缝衔接。这种“永恒循环”的本质，是宇宙用时间的流动
  • 探秘Swift高级开发：深度解析与实践指南 强妲佳Darlene
    探秘Swift高级开发：深度解析与实践指南Advanced-SwiftNotesofAdvancedSwift.《swift进阶》学习笔记swift5.3项目地址:https://gitcode.com/gh_mirrors/ad/Advanced-Swift在软件开发的世界里，掌握一门编程语言的精髓，意味着你可以创造出无限可能的应用。而Swift，这款由Apple推出的高性能编程语言，以其易学易
  • 在 Vue 中使用 jQuery-UI 的踩坑记 qmzhna_ vue.jsjqueryui
    在使用leaflet开发的时候，有一个需求要在图层的popup上编辑信息，需要一个AutoComplete的组件。但是popup支持的是htmltemplate，只能通过js拼接HTML标签实现。不得已引入了jquery-ui中的AutoComplete组件来完成，在vue中使用jquery-ui过程中踩了不少坑。安装和引入jQuery和jQueryUI首先，我们需要在项目中安装jQuery和jQ
  • 项目中 枚举与注解的结合使用 飞翔的马甲 javaenumannotation
    前言：版本兼容，一直是迭代开发头疼的事，最近新版本加上了支持新题型，如果新创建一份问卷包含了新题型，那旧版本客户端就不支持，如果新创建的问卷不包含新题型，那么新旧客户端都支持。这里面我们通过给问卷类型枚举增加自定义注解的方式完成。顺便巩固下枚举与注解。 一、枚举 1.在创建枚举类的时候，该类已继承java.lang.Enum类，所以自定义枚举类无法继承别的类，但可以实现接口。
  • 【Scala十七】Scala核心十一：下划线_的用法 bit1129 scala
    下划线_在Scala中广泛应用，_的基本含义是作为占位符使用。_在使用时是出问题非常多的地方，本文将不断完善_的使用场景以及所表达的含义   1. 在高阶函数中使用 scala> val list = List(-3,8,7,9) list: List[Int] = List(-3, 8, 7, 9) scala> list.filter(_ > 7) r
  • web缓存基础：术语、http报头和缓存策略 dalan_123 Web
    对于很多人来说，去访问某一个站点，若是该站点能够提供智能化的内容缓存来提高用户体验，那么最终该站点的访问者将络绎不绝。缓存或者对之前的请求临时存储，是http协议实现中最核心的内容分发策略之一。分发路径中的组件均可以缓存内容来加速后续的请求，这是受控于对该内容所声明的缓存策略。接下来将讨web内容缓存策略的基本概念，具体包括如如何选择缓存策略以保证互联网范围内的缓存能够正确处理的您的内容，并谈论下
  • crontab 问题 周凡杨 linuxcrontabunix
      一： 0481-079   Reached   a   symbol   that   is   not   expected.   背景： */5   *   *   *   *  /usr/IBMIHS/rsync.sh 
  • 让tomcat支持2级域名共享session g21121 session
    tomcat默认情况下是不支持2级域名共享session的，所有有些情况下登陆后从主域名跳转到子域名会发生链接session不相同的情况，但是只需修改几处配置就可以了。 打开tomcat下conf下context.xml文件 找到Context标签,修改为如下内容 如果你的域名是www.test.com <Context sessionCookiePath="/path&q
  • web报表工具FineReport常用函数的用法总结（数学和三角函数） 老A不折腾 Webfinereport总结
      ABS ABS(number):返回指定数字的绝对值。绝对值是指没有正负符号的数值。 Number:需要求出绝对值的任意实数。 示例: ABS(-1.5)等于1.5。 ABS(0)等于0。 ABS(2.5)等于2.5。   ACOS ACOS(number):返回指定数值的反余弦值。反余弦值为一个角度，返回角度以弧度形式表示。 Number:需要返回角
  • linux 启动java进程 sh文件 墙头上一根草 linuxshelljar
    #!/bin/bash #初始化服务器的进程PId变量 user_pid=0; robot_pid=0; loadlort_pid=0; gateway_pid=0; ######### #检查相关服务器是否启动成功 #说明： #使用JDK自带的JPS命令及grep命令组合，准确查找pid #jps 加 l 参数，表示显示java的完整包路径 #使用awk，分割出pid
  • 我的spring学习笔记5-如何使用ApplicationContext替换BeanFactory aijuans Spring 3 系列
    如何使用ApplicationContext替换BeanFactory？ package onlyfun.caterpillar.device; import org.springframework.beans.factory.BeanFactory; import org.springframework.beans.factory.xml.XmlBeanFactory; import
  • Linux 内存使用方法详细解析 annan211 linux内存Linux内存解析
    来源 http://blog.jobbole.com/45748/ 我是一名程序员，那么我在这里以一个程序员的角度来讲解Linux内存的使用。 一提到内存管理，我们头脑中闪出的两个概念，就是虚拟内存，与物理内存。这两个概念主要来自于linux内核的支持。 Linux在内存管理上份为两级，一级是线性区，类似于00c73000-00c88000，对应于虚拟内存，它实际上不占用
  • 数据库的单表查询常用命令及使用方法(-) 百合不是茶 oracle函数单表查询
        创建数据库;       --建表 create table bloguser(username varchar2(20),userage number(10),usersex char(2));       创建bloguser表,里面有三个字段     &nbs
  • 多线程基础知识 bijian1013 java多线程threadjava多线程
    一．进程和线程 进程就是一个在内存中独立运行的程序，有自己的地址空间。如正在运行的写字板程序就是一个进程。 “多任务”：指操作系统能同时运行多个进程（程序）。如WINDOWS系统可以同时运行写字板程序、画图程序、WORD、Eclipse等。 线程：是进程内部单一的一个顺序控制流。 线程和进程 a.       每个进程都有独立的
  • fastjson简单使用实例 bijian1013 fastjson
    一.简介         阿里巴巴fastjson是一个Java语言编写的高性能功能完善的JSON库。它采用一种“假定有序快速匹配”的算法，把JSON Parse的性能提升到极致，是目前Java语言中最快的JSON库；包括“序列化”和“反序列化”两部分，它具备如下特征：     
  • 【RPC框架Burlap】Spring集成Burlap bit1129 spring
    Burlap和Hessian同属于codehaus的RPC调用框架，但是Burlap已经几年不更新，所以Spring在4.0里已经将Burlap的支持置为Deprecated,所以在选择RPC框架时，不应该考虑Burlap了。 这篇文章还是记录下Burlap的用法吧，主要是复制粘贴了Hessian与Spring集成一文，【RPC框架Hessian四】Hessian与Spring集成  
  • 【Mahout一】基于Mahout 命令参数含义 bit1129 Mahout
    1. mahout seqdirectory   $ mahout seqdirectory --input (-i) input Path to job input directory(原始文本文件). --output (-o) output The directory pathna
  • linux使用flock文件锁解决脚本重复执行问题 ronin47 linux lock　重复执行
    linux的crontab命令，可以定时执行操作，最小周期是每分钟执行一次。关于crontab实现每秒执行可参考我之前的文章《linux crontab 实现每秒执行》现在有个问题，如果设定了任务每分钟执行一次，但有可能一分钟内任务并没有执行完成，这时系统会再执行任务。导致两个相同的任务在执行。 例如： <? //  test .php
  • java-74-数组中有一个数字出现的次数超过了数组长度的一半，找出这个数字 bylijinnan java
    public class OcuppyMoreThanHalf { /** * Q74 数组中有一个数字出现的次数超过了数组长度的一半，找出这个数字 * two solutions: * 1.O(n) * see <beauty of coding>--每次删除两个不同的数字，不改变数组的特性 * 2.O(nlogn) * 排序。中间
  • linux 系统相关命令 candiio linux
    系统参数 cat /proc/cpuinfo  cpu相关参数 cat /proc/meminfo 内存相关参数 cat /proc/loadavg 负载情况 性能参数 1）top M：按内存使用排序 P：按CPU占用排序 1：显示各CPU的使用情况 k：kill进程 o：更多排序规则 回车：刷新数据 2）ulimit ulimit -a：显示本用户的系统限制参
  • [经营与资产]保持独立性和稳定性对于软件开发的重要意义 comsci 软件开发
         一个软件的架构从诞生到成熟，中间要经过很多次的修正和改造       如果在这个过程中，外界的其它行业的资本不断的介入这种软件架构的升级过程中           那么软件开发者原有的设计思想和开发路线
  • 在CentOS5.5上编译OpenJDK6 Cwind linuxOpenJDK
    几番周折终于在自己的CentOS5.5上编译成功了OpenJDK6，将编译过程和遇到的问题作一简要记录，备查。 0. OpenJDK介绍 OpenJDK是Sun（现Oracle）公司发布的基于GPL许可的Java平台的实现。其优点： 1、它的核心代码与同时期Sun（-> Oracle）的产品版基本上是一样的，血统纯正，不用担心性能问题，也基本上没什么兼容性问题；（代码上最主要的差异是
  • java乱码问题 dashuaifu java乱码问题js中文乱码
    swfupload上传文件参数值为中文传递到后台接收中文乱码     在js中用setPostParams（{"tag" : encodeURI( document.getElementByIdx_x("filetag").value，"utf-8")}）; 然后在servlet中String t
  • cygwin很多命令显示command not found的解决办法 dcj3sjt126com cygwin
    cygwin很多命令显示command not found的解决办法   修改cygwin.BAT文件如下 @echo off D: set CYGWIN=tty notitle glob set PATH=%PATH%;d:\cygwin\bin;d:\cygwin\sbin;d:\cygwin\usr\bin;d:\cygwin\usr\sbin;d:\cygwin\us
  • [介绍]从 Yii 1.1 升级 dcj3sjt126com PHPyii2
    2.0 版框架是完全重写的，在 1.1 和 2.0 两个版本之间存在相当多差异。因此从 1.1 版升级并不像小版本间的跨越那么简单，通过本指南你将会了解两个版本间主要的不同之处。 如果你之前没有用过 Yii 1.1，可以跳过本章，直接从"入门篇"开始读起。 请注意，Yii 2.0 引入了很多本章并没有涉及到的新功能。强烈建议你通读整部权威指南来了解所有新特性。这样有可能会发
  • Linux SSH免登录配置总结 eksliang ssh-keygenLinux SSH免登录认证Linux SSH互信
    转载请出自出处：http://eksliang.iteye.com/blog/2187265 一、原理      我们使用ssh-keygen在ServerA上生成私钥跟公钥，将生成的公钥拷贝到远程机器ServerB上后,就可以使用ssh命令无需密码登录到另外一台机器ServerB上。      生成公钥与私钥有两种加密方式，第一种是
  • 手势滑动销毁Activity gundumw100 android
    老是效仿ios，做android的真悲催！ 有需求：需要手势滑动销毁一个Activity 怎么办尼？自己写？ 不用~，网上先问一下百度。 结果： http://blog.csdn.net/xiaanming/article/details/20934541 首先将你需要的Activity继承SwipeBackActivity，它会在你的布局根目录新增一层SwipeBackLay
  • JavaScript变换表格边框颜色 ini JavaScripthtmlWebhtml5css
    效果查看：http://hovertree.com/texiao/js/2.htm代码如下，保存到HTML文件也可以查看效果： <html> <head> <meta charset="utf-8"> <title>表格边框变换颜色代码-何问起</title> </head> <body&
  • Kafka Rest : Confluent kane_xie kafkaRESTconfluent
    最近拿到一个kafka rest的需求，但kafka暂时还没有提供rest api（应该是有在开发中，毕竟rest这么火），上网搜了一下，找到一个Confluent Platform，本文简单介绍一下安装。 这里插一句，给大家推荐一个九尾搜索，原名叫谷粉SOSO，不想fanqiang谷歌的可以用这个。以前在外企用谷歌用习惯了，出来之后用度娘搜技术问题，那匹配度简直感人。 环境声明：Ubu
  • Calender不是单例 men4661273 单例Calender
             在我们使用Calender的时候，使用过Calendar.getInstance()来获取一个日期类的对象，这种方式跟单例的获取方式一样，那么它到底是不是单例呢，如果是单例的话，一个对象修改内容之后，另外一个线程中的数据不久乱套了吗？从试验以及源码中可以得出，Calendar不是单例。 测试： Calendar c1 =
  • 线程内存和主内存之间联系 qifeifei java thread
    1， java多线程共享主内存中变量的时候，一共会经过几个阶段，    lock:将主内存中的变量锁定，为一个线程所独占。   unclock:将lock加的锁定解除，此时其它的线程可以有机会访问此变量。   read:将主内存中的变量值读到工作内存当中。   load:将read读取的值保存到工作内存中的变量副本中。  
  • schedule和scheduleAtFixedRate tangqi609567707 javatimerschedule
    原文地址：http://blog.csdn.net/weidan1121/article/details/527307 import java.util.Timer;import java.util.TimerTask;import java.util.Date; /** * @author vincent */public class TimerTest {  
  • erlang 部署 wudixiaotie erlang
    1.如果在启动节点的时候报这个错 ： {"init terminating in do_boot",{'cannot load',elf_format,get_files}} 则需要在reltool.config中加入 {app, hipe, [{incl_cond, exclude}]},     2.当generate时，遇到： ERROR
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他