L-H
L-H

jquery+html仿翻页相册功能

今天心情大好，再发一篇最进前端实现的相册模仿功能。

这个相册是在一个网站的案例展示页面上实现的，没单独写出来，没时间，重用性也很差，以后有时间了再单独提取出来，

写这个玩意前，我在网上找了一些案例，但是一看代码都比较傻眼，固不想去研究，所以自己写了.....

 下面是实现这个功能的截图

jquery+html仿翻页相册功能_第1张图片

jquery+html仿翻页相册功能_第2张图片

jquery+html仿翻页相册功能_第3张图片

jquery+html仿翻页相册功能_第4张图片

jquery+html仿翻页相册功能_第5张图片

如果你是一个前端，这个功能对你来说除了逻辑复杂点，其他的可能实现起都比较简单，我不是做前端的，所以前端HTML这块遇到了一些问题。下面我会将我遇到的这些问题的解决方法分享出来。 

首先说下:postion这个属性 以前我要用一般是用这个属性值一般是absolute和relative相对定位和绝对定位，但是相对用得都比较少，如果你是前端你应该知道，多数用的是Margin-.....Padding-......，这次用到了postion的fixed:他被用在我的弹出层背景层里面，当然用absolute和relative也可以，但是实践证明fixed在弹出层遮罩中使用更加精准合理。为什么我知道勒，这个是由于中途出现的一个BUG后被我发现的..关于BUG我这里就不谈了，反正你记弹出层背景定位时用POSTION的fixed就对了。(下面是css样式表代码:)

/*相册背景层 PhoneTeamrTransperantDiv这个是DIV，他的父节点是BODY,在不使用时你需要设置他的display:none*/
.PhoneTeamrTransperantDiv{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color:black; opacity: 0.7; z-index: 2147000002;}

接着说下:拼接table表单, 呵呵关于这种玩法，做PHP的比较多,ASP.NET的是比较少的，因为ASP.NET有相应的控件，我现在虽然在ASP.NET的开发工具平台下开发网站，但是

我已经多久没使用过拖控件的方式了。。。一般都是ASP.NET页面+HTML+AJAX做网站。 关于这个拼接table中所遇被我解决的问题，是我1-2年前做网站没解决的， 这次被我解决了呵呵，这个问题就是使用jquery来操作拼接中的标签，上次没解决我使用了javascript方法代替。这次MD标签多了，我是死了心要用jquery，没想到，功夫不负有心人，这问题就这样被我给解决了。  解决方法:将操作拼接table标签的juqery方法写在拼接table标签方法的的内部(下面我贴代码):

/*------------------------点击后将相册需要加载的这个项目的所有图片展示到一个弹出层中（小图片)---------------------------------*/
   $(function () {
   $(".transparentDiv").click(function (e) {
   
    var el = e.srcElement || e.target;
 
    var transparentBackViewArray = $(".transparentDiv");
    var AppTitleArray = $(".appDetialTitleClass");
 
 
    for (var i = 0; i < transparentBackViewArray.length; i++) {
     var focusTransparentBackView = transparentBackViewArray[i];
     if (el == focusTransparentBackView) {
      var pointTitle = AppTitleArray[i];//根据title去查询需要加载的说明图片
 
      //transParentLawyer全屏幕遮蔽层
      $("#masterDiv").after('
 
')
      /* .transParentLawyer{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #666666; opacity: 0.5; z-index: 2147000000;}*/
 
 
      var addPxWidth = document.documentElement.clientWidth;
      var addPxHeight = document.documentElement.clientHeight;
 
      var alertBackDivWidth = 555;
      var alertBackDivHeight = 525;
 
      var alertBackStyleMarginLeft = (addPxWidth - alertBackDivWidth) / 2;
      var alertBackStyleMarginTop = (addPxHeight - alertBackDivHeight) / 2;
 
 
      var createLeft = alertBackStyleMarginLeft.toString() + 'px';
      var createTop = alertBackStyleMarginTop.toString() + 'px';
      var ProjectName = "捉大毛APP";
      var combindTable = "
" + ProjectName + "
 
"
 
      combindTable += "
";
      for (var i = 0; i < 5; i++) {
 
       combindTable += "";
      }
 
      //overFlow-y:scroll;overFlow-x:scroll;
 
      combindTable += '
'
 
      $(".transParentLawyer").after('
' + combindTable + ' 
')
 
 
 
      break;
     }
 
 
    }//将jquery方法写在拼接table标签的jquery方法体内，而且要放在拼接操作的后面
 
    /*-----------弹出相册加载图片监听(为什么写在这里勒应为，我们上面的方法执行了完毕了（将我们需要加载的标签拼接好，才有我们需要操作的标签，-------------------*          /
    $(".showPorjectAppImg").click(function(e)
    {
 
     
     var imageArray = $(".showPorjectAppImg");
    var el = e.srcElement || e.target;
     //相册遮罩层
    var imagePath;
     for (var i = 0; i < imageArray.length; i++)
     {
      var obj = imageArray[i];
      if(el==obj)
      {
       currentAlbumIndex = i;
       imagePath = obj.src;
       break;
      }
     }
    
     var addPxWidth = document.documentElement.clientWidth;
     var addPxHeight = document.documentElement.clientHeight;
 
     var alertBackDivWidth = 320;
     var alertBackDivHeight = 560;
 
     var alertBackStyleMarginLeft = (addPxWidth - alertBackDivWidth) / 2;
     var alertBackStyleMarginTop = (addPxHeight - alertBackDivHeight) / 2;
 
 
     var createLeft = alertBackStyleMarginLeft.toString() + 'px';
     var createTop = alertBackStyleMarginTop.toString() + 'px';
 
     $("#masterDiv").after('
 
')
     //src="+'"'+ imagePath +'"'+"/> 呵呵拼接的弹出图片
     $(".PhoneTeamrTransperantDiv").after('
 ' + "" + ' 
')
 
 
     $(".appProjectPrevious").click(function (e) {//上一页
 
      var imageArray = $(".showPorjectAppImg");
      var el = e.srcElement || e.target;
      var imagePath;
      if (currentAlbumIndex > 0)
      {
       currentAlbumIndex = currentAlbumIndex + 1;
      }
      else {
       currentAlbumIndex = imageArray.length - 1;
      }
      var obj = imageArray[currentAlbumIndex];
      imagePath = "http://localhost:59047/Source/phoneAppBackPanel.jpg";//obj.src;
      
      // $("#rollAblumImage").attr("src", imagePath);
      $("#rollAblumImage").animate({ opacity: 'toggle' }, "slow", null, function () {
       $("#rollAblumImage").attr("src", imagePath);
       $("#rollAblumImage").animate({ opacity: 'toggle' }, "slow");
 
       //var image = $("#rollAblumImage");
       
      // resizeimg(image, 320, 560);
      });
     })
     $(".appProjectNext").click(function (e)
     {
     // alert("adad");
      var imageArray = $(".showPorjectAppImg");
      var el = e.srcElement || e.target;
      var imagePath;
      if (currentAlbumIndex < imageArray.length-1) {
       currentAlbumIndex = currentAlbumIndex + 1;
      }
      else {
       currentAlbumIndex = 0;
      }
      var obj = imageArray[currentAlbumIndex];
      imagePath = "http://localhost:59047/Source/phoneAppBackPanel.jpg";
 
      $("#rollAblumImage").animate({ opacity: 'toggle' }, "slow", null, function () {
       $("#rollAblumImage").attr("src", imagePath);
       $("#rollAblumImage").animate({ opacity: 'toggle' }, "slow");
      });
     // $("#rollAblumImage").attr("src", imagePath);
     })
 
    })
 
 
   });
 
  });

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
 
   
 

                    
                

        
你可能感兴趣的:(jquery+html仿翻页相册功能)

        

            

                
    
                    
  • SpringBoot整合easy-es
                        rkmhr_sef
面试学习路线阿里巴巴springbootelasticsearch后端
                        
    一、easy-es简介EasyES是一款基于Elasticsearch官方提供的RestHighLevelClient开发的ORM框架，旨在简化开发流程并提高效率。EasyES在保持RestHighLevelClient原有功能的基础上进行增强，而不做任何改变。它采用与Mybatis-Plus相似的语法，使得开发者可以无缝迁移至EasyES，无需额外学习成本。EasyES的核心理念是将简单、易用性
    
                    
    • 
                    
  • MFC: DeviceIoControl 通过API访问设备驱动程序
                        kkkmmmjjjj
MFC串口通信MFC串口通信
                        
    转载：http://m.blog.csdn.net/article/details?id=21602051DeviceIoControl的其实和ReadFile和WriteFile是一样的,不过这个功能更强,一次交互能够输入数据,也可以输出数据.DeviceIoControl内部创建的IRP是IRP_MJ_DEVICE_CONTROL类型的IRP,然后操作系统会将这个IRP转发给驱动程序的分发函数
    
                    
    • 
                    
  • 谈谈 ES 6.8 到 7.10 的功能变迁（6）- 其他
                        INFINI Labs
elasticsearchjenkins大数据
                        
    这是ES7.10相较于ES6.8新增内容的最后一篇，主要涉及算分方法和同义词加载的部分。自定义算分：script_score2.0Elasticsearch7.0引入了新一代的函数分数功能，称为script_score查询。这一新功能提供了一种更简单、更灵活的方式来为每条记录生成排名分数。script_score查询由一组函数构成，包括算术函数和距离函数，用户可以根据需要混合和匹配这些函数，以构建
    
                    
    • 
                    
  • 基于ODX/OTX诊断的整车扫描
                        「已注销」
Softing汽车诊断测试仪车辆诊断诊断仪汽车电子ODXOTX
                        
    |ODX(OpenDiagnosticdataeXchange)是基于XML语言、开放的诊断数据格式，用于车辆整个生命周期中诊断数据的交互。它一开始由ASAM提出并形成标准MCD-2D，后来以ODX2.2.0为基础形成了ISO标准——ISO22901-1。|OTX(OpenTestsequenceeXchange)是基于XML语言、开放的测试序列交换格式，用于描述基础的功能测试到整个测试应用的需求
    
                    
    • 
                    
  • 线程进程的通信
                        窜天猴牛逼
算法
                        
    一、前情回顾voidperror(constchar*s);功能：参数：二、资源竞争1.多线程访问临界资源时存在资源竞争（存在资源竞争、造成数据错乱）临界资源：多个线程可以同时操作的资源空间（全局变量、共享内存）解决：互斥：多个线程访问临界资源时，进行排他性访问。（同一时刻只允许一个线程对该临界资源进行访问）互斥锁:解决多线程访问临界资源时，存在资源竞争。1.创建pthread_mutex_tmu
    
                    
    • 
                    
  • 线程（1）
                        窜天猴牛逼
javajvm算法
                        
    一、前情回顾chdir();功能：函数用于改变当前进程的工作目录。参数：路径（Path）：这是一个字符串参数，表示要切换到的目标目录的路径。返回值：成功：在成功改变当前工作目录时，chdir()函数通常返回0失败：如果因为某些原因（如路径不存在、权限不足等）无法改变目录，chdir()函数将返回一个错误码（在C语言中，如-1）二、线程轻量级进程线程是cpu任务调度的最小单位1.线程的创建线程由某个
    
                    
    • 
                    
  • 网络编程中的数据传输函数
                        C嘎嘎嵌入式开发
网络服务器linuxc++
                        
    虽然send、recv、sendmsg和recvmsg都是用于在网络编程中进行数据传输的函数。但是它们各自的功能和应用场景有所不同send和recvsend功能：send用于将数据发送到连接的套接字。原型ssize_tsend(intsockfd,constvoid*buf,size_tlen,intflags);参数sockfd：套接字文件描述符。buf：指向要发送的数据的缓冲区。len：要发送
    
                    
    • 
                    
  • HTML AI 编程助手
                        wjs2024
开发语言
                        
    HTMLAI编程助手引言随着人工智能技术的飞速发展，编程领域也迎来了新的变革。HTML，作为网页制作的基础语言，与AI技术的结合，为开发者带来了前所未有的便利。本文将探讨HTMLAI编程助手的功能、应用场景以及如何利用它提高编程效率。HTMLAI编程助手概述HTMLAI编程助手是一种基于人工智能技术的辅助工具，旨在帮助开发者快速、高效地完成HTML代码编写。通过学习大量的HTML代码，AI编程助手
    
                    
    • 
                    
  • 老毛桃、大白菜、微PE几款PE优劣对比
                        小魚資源大雜燴
windows
                        
    【纯净度】老毛桃：可能会修改浏览器主页，且会捆绑如360全家桶、淘宝等软件。大白菜：与老毛桃类似，存在修改主页和捆绑软件的情况，制作启动盘时若不把赞助商广告去掉，安装系统后会自动安装赞助商软件。微PE：被公认为最纯净的PE工具箱，无任何广告推广、无病毒及木马，也不会篡改浏览器主页或添加多余软件启动项。【功能丰富度】老毛桃：功能全面，支持GHOST与原版系统安装，可引导双显卡笔记本进PE，有防蓝屏新
    
                    
    • 
                    
  • Office 2013、2016、2019三版本区别
                        小魚資源大雜燴
windows
                        
    界面设计Office2013：采用全新的简约化界面，扁平化的设计风格，这种风格在后续的2016版、2019版中也一直被沿用。Office2016：界面与2013版相似，但在细节上可能有一些优化和调整，整体更加成熟和稳定，对于常用功能的布局和展示也更加合理。Office2019：在用户界面和用户体验方面进行了一些改进，软件更加直观和易用，图标设计、菜单布局等方面更加现代化。功能改进Office201
    
                    
    • 
                    
  • fanuc roboguide_ROBOGUIDE软件：机器人产线输送带输送物料虚拟仿真操作
                        weixin_39806679
fanucroboguide发那科机器人编程软件fanucroboguide授权补丁电气自动化plc虚拟仿真软件
                        
    概述输送带在机器人生产线或工作站中是常见的物料传送设备，它能够将物料从一个工位自动传送到另一个工位，是实现自动化生产制造必不可少的装置设备之一。虚拟仿真是对真实的工业机器人生产线或工作站的图形化再现，因此，对于具有输送带设备的机器人生产线也一样要将输送带再现出来。ROBOGUIDE软件是FANUC机器人专用的虚拟仿真软件，它除了机器人虚拟仿真与离线编程功能之外，同样具备外围机械设备的虚拟仿真能力，
    
                    
    • 
                    
  • Sakura编辑器：高效多语言代码编辑体验
                        就念

                        
    本文还有配套的精品资源，点击获取简介：Sakura编辑器是一款多功能的文本编辑工具，特别受到程序员和文档撰写者的青睐。它提供对多种编程语言的支持，并允许用户自定义代码高亮主题，提高代码可读性。内置的便捷编辑功能如自动完成、代码折叠和查找替换大大提升效率。其无需安装的特点增加了便携性，轻量级设计确保高效运行，而且可扩展性强，支持多种插件，适合各种工作环境。1.Sakura编辑器的概述与多语言支持简介
    
                    
    • 
                    
  • Flutter动画实战指南：从入门到精通，打造流畅交互体验
                        Coderabo
Flutter框架详解flutter交互
                        
    在Flutter的世界里，动画是提升用户界面互动性和吸引力的关键一环。作为一位资深的Flutter开发者，我深知动画功能不仅能够使应用看起来更加生动流畅，还能增强用户体验，使其在众多应用中脱颖而出。本文将深入探讨如何在Flutter中高效地使用动画功能，通过一步步指导和实例代码，让您掌握实现各类动画效果的技巧。Flutter动画基础Flutter提供了丰富的动画库，其核心在于Animation和A
    
                    
    • 
                    
  • 鸿蒙 Next 开发实践：使用 WebView 适配移动端网站
                        淼学派对
2025鸿蒙学习资源讲解harmonyos华为
                        
    在移动应用开发中，有时我们需要将已有的移动端网站嵌入到原生应用中，以实现快速开发和功能扩展。鸿蒙Next提供了强大的WebView组件，可以轻松实现这一目标。本文将通过一个简单的示例，展示如何在鸿蒙Next应用中使用WebView适配已经做好的移动端网站。效果图场景背景假设我们已经有一个移动端网站，例如一个查询系统https://lefu.lesaosao.cn/chaxun/#/Indexhtt
    
                    
    • 
                    
  • My SQL笔记
                        党和人民
笔记mysql
                        
    数据库的使用主要功能：查询数据(SELECT):从一个或多个表中检索数据。插入数据(INSERT):向表中添加新记录。更新数据(UPDATE):修改现有记录。删除数据(DELETE):移除记录。定义数据库结构(CREATE,DROP):创建、修改或删除数据库对象（如表、索引等）。创建数据库创建数据库是通过SQL语句来完成的，通常使用createdatabase语句常用数据类型：整型(int)：用于
    
                    
    • 
                    
  • 第三百七十二节 JavaFX教程 - JavaFX HTMLEditor
                        程序猿小D
java前端服务器
                        
    JavaFX教程-JavaFXHTMLEditorHTMLEditor控件是一个富文本编辑器，具有以下功能。粗体斜体下划线删除线字体系列字体大小前景色背景颜色缩进项目符号列表编号列表对齐水平线复制文本片段粘贴文本片段HTMLEditor类返回HTML字符串中的编辑内容。创建HTML编辑器importjavafx.application.Application;importjavafx.scene.
    
                    
    • 
                    
  • PyCharm极速安装指南：3分钟掌握Python开发环境
                        三流搬砖艺术家
pythonpythonpycharmide
                        
    目录为什么选择PyCharm？️准备工具步骤一：下载安装包⚙️步骤二：安装配置步骤三：首次启动配置步骤四：创建第一个项目效率优化技巧❗常见问题排雷社区版vs专业版为什么选择PyCharm？✅智能代码补全：媲美IDE的语法高亮与提示✅跨平台支持：Windows/macOS/Linux全兼容✅插件生态丰富：支持Web开发、数据分析等场景✅社区版免费：无功能限制，个人开发者首选️准备工具操作系统：Win
    
                    
    • 
                    
  • API，URL，Token，XML，JSON是干嘛的
                        Frank牛蛙
数据结构xmljson
                        
    API，URL，Token，XML，JSON是干嘛的API的作用API（ApplicationProgrammingInterface，应用程序编程接口）是一组定义和协议，用于构建和交互软件应用程序。API允许不同的软件系统之间进行通信，它定义了软件组件应该如何交互。具体到网络服务中，API通常是指一组HTTP请求和响应的规则，通过这些规则，开发者可以从外部访问某个服务的数据或功能。例如，Yaho
    
                    
    • 
                    
  • C语言--iota函数
                        ppaiml
c语言c语言基础函数
                        
    一、iota函数：功能:把一个整数转换为字符串。eg:#include#includevoidmain(){intnumber=43;charstring[100];iota(number,string,2);//2代表转换为二进制。printf("原数=%d,二进制数=%s\n",number,string);}二、将一个int类型变量（4字节），以二进制形式进行输出--showbits.c
    
                    
    • 
                    
  • 001-51单片机概述
                        wind_one1
51单片机51单片机嵌入式硬件单片机
                        
    目录1.1什么是单片机1.251单片机1.3STC89C52RC概述1.3.1STC89C52RC-40I-LQFP441.3.2单片机分装1.3.3引脚功能概述1.3.4最小系统概念1.1什么是单片机单片机是一种将中央处理器(CPU)，存储器，输入/输出接口等集成在一个芯片上的微型计算机。它具有体积小，价格便宜，易于编程等特定，广泛应用于家用电器，的智能控制模块，无人售卖系统，医疗设备中的检测系
    
                    
    • 
                    
  • VMware各个软件的作用
                        The god of big data
大Big数据Data教程神器？三叉戟？云计算网络
                        
    VMware作为全球领先的虚拟化与云计算解决方案提供商，其软件产品覆盖了从桌面级虚拟化到企业级云平台的全场景需求。以下结合其核心产品体系，详细解析各软件的功能定位与业务价值：一、基础虚拟化平台VMwarevSphere作为企业级服务器虚拟化的核心引擎，vSphere通过ESXi虚拟化内核实现对物理服务器的资源切割，支持在一台物理主机上同时运行数百个虚拟机（VM）。其核心功能包括：vMotion：实
    
                    
    • 
                    
  • git 多分支管理
                        大丈夫在世当日食一鲲
GITgit
                        
    Git多分支管理是团队协作和复杂项目开发的核心实践，通过合理利用分支机制可以实现并行开发、版本控制和代码稳定性：一、分支管理基础概念与操作分支的创建与切换创建分支：使用gitbranch基于当前提交创建新分支，例如gitbranchfeature/user-auth。快速切换：通过gitcheckout或gitswitch切换上下文，建议在开发新功能前创建独立分支以避免污染主分支。分支命名规范：推
    
                    
    • 
                    
  • 【DeepSeek】DeepSeek让教学效果翻倍！AI教学案例大揭秘
                        深度求索者
人工智能
                        
    DeepSeek作为一款功能强大的AI大语言模型，在教育领域的应用场景广泛且深入，能够显著提升教师的工作效率和教学质量，并为教务系统的智能化升级提供技术支持。以下是其核心功能与应用方向的详细分析：一、教师使用DeepSeek的核心功能1.教学设计与备课支持教案自动生成输入课程主题、教学目标等关键信息后，DeepSeek可快速生成结构化的教案框架，包括课堂导入设计、互动环节、课后作业等。例如，初中语
    
                    
    • 
                    
  • Python 文本处理神器：textwrap 模块深度解析
                        tekin
Python编程秘籍库pythonPython文本处理神器textwrap模块深度解析
                        
    Python文本处理神器：textwrap模块深度解析在Python编程中，处理文本是一项常见任务，比如自动换行、填充文本、缩短文本等。textwrap模块就像是一个贴心助手，专门用来解决这些问题。本文将带你深入了解textwrap模块的各种功能，通过丰富的示例代码和清晰的讲解，让你轻松掌握它的使用技巧，提升文本处理能力。文章目录Python文本处理神器：textwrap模块深度解析一、`text
    
                    
    • 
                    
  • Python NumPy 深度解析：科学计算的得力助手
                        tekin
Python高阶工坊pythonnumpy科学计算
                        
    PythonNumPy深度解析：科学计算的得力助手在Python数据科学和科学计算领域，NumPy是一个核心且基础的库。它提供了强大的多维数组对象以及用于处理这些数组的各种工具，包括高效的数学运算、线性代数操作、随机数生成等功能。本文将全方位详细介绍NumPy，从数组的创建、操作到高级应用，深入探讨索引和切片操作、广播机制等重要特性，还会对NumPy与其他可选计算方式进行比较，帮助读者深入理解并掌
    
                    
    • 
                    
  • 深度学习-138-LangGraph之应用实例(七)构建自动绘图系统
                        皮皮冰燃
深度学习深度学习人工智能LangGraph
                        
    文章目录1初始化核心功能1.1大语言模型1.2结构化输出1.3搜索引擎1.4Python执行环境2编排流2.1创建图2.2可视化图2.3应用图3绘图指定线型4添加工具增强4.1执行工具和打印工具4.2绑定工具4.3编排流4.4可视化图4.5应用1初始化核心功能1.1大语言模型importosos.environ['OLLAMA_HOST']='127.0.0.1'os.environ['OLLAM
    
                    
    • 
                    
  • FlutterToast：使用Flutter原生API实现的Toast功能
                        齐妤茜

                        
    FlutterToast：使用Flutter原生API实现的Toast功能FlutterToastFlutterToast使用Flutter原生API实现的Toast功能项目地址:https://gitcode.com/gh_mirrors/flu/FlutterToast1.项目基础介绍FlutterToast是一个基于Flutter的开源项目，主要使用Dart语言开发。该项目旨在为Flutte
    
                    
    • 
                    
  • FlutterToast教程：轻松集成Flutter中的Toast功能
                        庞燃金Alma

                        
    FlutterToast教程：轻松集成Flutter中的Toast功能项目地址:https://gitcode.com/gh_mirrors/fl/FlutterToast项目介绍FlutterToast是一个专为Flutter平台设计的简单易用的Toast库，它允许开发者只需一行代码即可创建并显示消息提示。该库支持多种自定义选项，包括位置、持续时间、颜色和字体大小等，确保用户界面提示既便捷又符合
    
                    
    • 
                    
  • Git与GitHub实战指南：从入门到高效协作
                        最萌毕加索
gitgitgithub
                        
    Git与GitHub实战指南：从入门到高效协作一、Git与GitHub核心认知Git是分布式版本控制系统，能精确记录代码变更历史，支持多人协作开发；而GitHub是基于Git的代码托管平台，提供云端仓库管理、协作工具和自动化部署功能。二者的关系如同"本地画布"与"云端画廊"——本地用Git创作，云端通过GitHub展示与共享。为什么开发者必备这套工具？代码时光机：可回退到任意历史版本（如修复误删代
    
                    
    • 
                    
  • 使用 Java 更新 Word 文档中的图表数据-超详细
                        Ben_F
javaword开发语言
                        
    使用Java更新Word文档中的图表数据在日常的工作中，尤其是在数据分析和报告自动化的场景中，可能会遇到需要定期更新Word文档中的图表数据的需求。比如，生成数据报告时，我们需要在图表中更新一些动态的数据值。今天，我将展示如何使用Java和ApachePOI库来实现这一功能：自动读取Word文件中的图表，提取Excel数据源，修改数据并更新图表。背景我们要处理的是Word文档中的图表，而这些图表的
    
                    
    • 
                                
  • 关于旗正规则引擎下载页面需要弹窗保存到本地目录的问题
                                    何必如此
jsp超链接文件下载窗口
                                    
    生成下载页面是需要选择“录入提交页面”，生成之后默认的下载页面<a>标签超链接为：<a href="<%=root_stimage%>stimage/image.jsp?filename=<%=strfile234%>&attachname=<%=java.net.URLEncoder.encode(file234filesourc
    
                                
    • 
                                
  • 【Spark九十八】Standalone Cluster Mode下的资源调度源代码分析
                                    bit1129
cluster
                                    
    在分析源代码之前，首先对Standalone Cluster Mode的资源调度有一个基本的认识： 
首先，运行一个Application需要Driver进程和一组Executor进程。在Standalone Cluster Mode下，Driver和Executor都是在Master的监护下给Worker发消息创建(Driver进程和Executor进程都需要分配内存和CPU，这就需要Maste
    
                                
    • 
                                
  • linux上独立安装部署spark
                                    daizj
linux安装spark1.4部署
                                    
    下面讲一下linux上安装spark，以 Standalone Mode 安装 
  
1）首先安装JDK 
  
下载JDK：jdk-7u79-linux-x64.tar.gz  ，版本是1.7以上都行，解压 tar -zxvf jdk-7u79-linux-x64.tar.gz   
  
然后配置 ~/.bashrc&nb
    
                                
    • 
                                
  • Java 字节码之解析一
                                    周凡杨
java字节码javap
                                    
      
         
  
一：  Java  字节代码的组织形式    
  
类文件 {  
     OxCAFEBABE ，小版本号，大版本号，常量池大小，常量池数组，访问控制标记，当前类信息，父类信息，实现的接口个数，实现的接口信息数组，域个数，域信息数组，方法个数，方法信息数组，属性个数，属性信息数组  
}  
&nbs
    
                                
    • 
                                
  • java各种小工具代码
                                    g21121
java
                                    
    1.数组转换成List 
import java.util.Arrays;

Arrays.asList(Object[] obj); 2.判断一个String型是否有值 
import org.springframework.util.StringUtils;

if (StringUtils.hasText(str)) 3.判断一个List是否有值 
import org.spring
    
                                
    • 
                                
  • 加快FineReport报表设计的几个心得体会
                                    老A不折腾
finereport
                                    
    一、从远程服务器大批量取数进行表样设计时，最好按“列顺序”取一个“空的SQL语句”，这样可提高设计速度。否则每次设计时模板均要从远程读取数据，速度相当慢！！ 
二、找一个富文本编辑软件（如NOTEPAD+）编辑SQL语句，这样会很好地检查语法。有时候带参数较多检查语法复杂时，结合FineReport中生成的日志，再找一个第三方数据库访问软件（如PL/SQL）进行数据检索，可以很快定位语法错误。 

    
                                
    • 
                                
  • mysql linux启动与停止
                                    墙头上一根草

                                    
    如何启动/停止/重启MySQL一、启动方式1、使用 service 启动：service mysqld start2、使用 mysqld 脚本启动：/etc/inint.d/mysqld start3、使用 safe_mysqld 启动：safe_mysqld&二、停止1、使用 service 启动：service mysqld stop2、使用 mysqld 脚本启动：/etc/inin
    
                                
    • 
                                
  • Spring中事务管理浅谈
                                    aijuans
spring事务管理
                                    
       
Spring中事务管理浅谈  
By Tony Jiang@2012-1-20 Spring中对事务的声明式管理 
拿一个XML举例    
[html]  
view plain 
copy 
print 
?    
 
 <?xml version="1.0" encoding="UTF-8"?>&nb
    
                                
    • 
                                
  • php中隐形字符65279（utf-8的BOM头）问题
                                    alxw4616

                                    
    php中隐形字符65279（utf-8的BOM头）问题 
今天遇到一个问题. php输出JSON 前端在解析时发生问题:parsererror. 
  
调试: 
1.仔细对比字符串发现字符串拼写正确.怀疑是 非打印字符的问题. 
2.逐一将字符串还原为unicode编码. 发现在字符串头的位置出现了一个 65279的非打印字符. 
  
     
    
                                
    • 
                                
  • 调用对象是否需要传递对象(初学者一定要注意这个问题)
                                    百合不是茶
对象的传递与调用技巧
                                    
      
  
类和对象的简单的复习,在做项目的过程中有时候不知道怎样来调用类创建的对象,简单的几个类可以看清楚,一般在项目中创建十几个类往往就不知道怎么来看 
  
为了以后能够看清楚,现在来回顾一下类和对象的创建,对象的调用和传递(前面写过一篇) 
  
类和对象的基础概念: 
  
JAVA中万事万物都是类 类有字段(属性),方法,嵌套类和嵌套接
    
                                
    • 
                                
  • JDK1.5 AtomicLong实例
                                    bijian1013
javathreadjava多线程AtomicLong
                                    
    JDK1.5 AtomicLong实例 
类 AtomicLong 
可以用原子方式更新的 long 值。有关原子变量属性的描述，请参阅 java.util.concurrent.atomic 包规范。AtomicLong 可用在应用程序中（如以原子方式增加的序列号），并且不能用于替换 Long。但是，此类确实扩展了 Number，允许那些处理基于数字类的工具和实用工具进行统一访问。 
 
    
                                
    • 
                                
  • 自定义的RPC的Java实现
                                    bijian1013
javarpc
                                    
            网上看到纯java实现的RPC，很不错。 
        RPC的全名Remote Process Call，即远程过程调用。使用RPC，可以像使用本地的程序一样使用远程服务器上的程序。下面是一个简单的RPC 调用实例，从中可以看到RPC如何
    
                                
    • 
                                
  • 【RPC框架Hessian一】Hessian RPC Hello World
                                    bit1129
Hello world
                                    
    什么是Hessian 
The Hessian binary web service protocol makes web services usable without requiring a large framework, and without learning yet another alphabet soup of protocols. Because it is a binary p
    
                                
    • 
                                
  • 【Spark九十五】Spark Shell操作Spark SQL
                                    bit1129
shell
                                    
    在Spark Shell上，通过创建HiveContext可以直接进行Hive操作 
  
1. 操作Hive中已存在的表 
  
[hadoop@hadoop bin]$ ./spark-shell
Spark assembly has been built with Hive, including Datanucleus jars on classpath
Welcom
    
                                
    • 
                                
  • F5　往header加入客户端的ip
                                    ronin47

                                    
    when HTTP_RESPONSE {if {[HTTP::is_redirect]}{         HTTP::header replace Location [string map {:port/ /} [HTTP::header value Location]]HTTP::header replace Lo
    
                                
    • 
                                
  • java-61-在数组中，数字减去它右边(注意是右边)的数字得到一个数对之差. 求所有数对之差的最大值。例如在数组{2, 4, 1, 16, 7, 5,
                                    bylijinnan
java
                                    
    思路来自： 
http://zhedahht.blog.163.com/blog/static/2541117420116135376632/ 
写了个java版的 
 
 


public class GreatestLeftRightDiff {

	/**
	 * Q61.在数组中，数字减去它右边(注意是右边)的数字得到一个数对之差。
	 * 求所有数对之差的最大值。例如在数组
    
                                
    • 
                                
  • mongoDB 索引
                                    开窍的石头
mongoDB索引
                                    
    在这一节中我们讲讲在mongo中如何创建索引 
      得到当前查询的索引信息 
     db.user.find(_id:12).explain(); 
       cursor: basicCoursor 指的是没有索引 
 &
    
                                
    • 
                                
  • [硬件和系统]迎峰度夏
                                    comsci
系统
                                    
      从这几天的气温来看，今年夏天的高温天气可能会维持在一个比较长的时间内 
 
   所以，从现在开始准备渡过炎热的夏天。。。。 
 
   每间房屋要有一个落地电风扇，一个空调(空调的功率和房间的面积有密切的关系) 
   坐的，躺的地方要有凉垫，床上要有凉席 
   
   电脑的机箱
    
                                
    • 
                                
  • 基于ThinkPHP开发的公司官网
                                    cuiyadll
行业系统
                                    
    后端基于ThinkPHP，前端基于jQuery和BootstrapCo.MZ 企业系统 
 
 轻量级企业网站管理系统 
 运行环境:PHP5.3+, MySQL5.0 
 
系统预览 
 
 系统下载：http://www.tecmz.com  
 预览地址：http://co.tecmz.com  
 
各种设备自适应 
 
 响应式的网站设计能够对用户产生友好度，并且对于
    
                                
    • 
                                
  • Transaction and redelivery in JMS (JMS的事务和失败消息重发机制)
                                    darrenzhu
jms事务承认MQacknowledge
                                    
    JMS Message Delivery Reliability and Acknowledgement Patterns 
 
http://wso2.com/library/articles/2013/01/jms-message-delivery-reliability-acknowledgement-patterns/ 
 
 
Transaction and redelivery in 
    
                                
    • 
                                
  • Centos添加硬盘完全教程
                                    dcj3sjt126com
linuxcentoshardware
                                    
    Linux的硬盘识别: 
 sda        表示第1块SCSI硬盘 
 hda       表示第1块IDE硬盘 
 scd0      表示第1个USB光驱 
 一般使用“fdisk -l”命
    
                                
    • 
                                
  • yii2 restful web服务路由
                                    dcj3sjt126com
PHPyii2
                                    
    路由 
随着资源和控制器类准备，您可以使用URL如 http://localhost/index.php?r=user/create访问资源，类似于你可以用正常的Web应用程序做法。 
在实践中，你通常要用美观的URL并采取有优势的HTTP动词。 例如，请求POST /users意味着访问user/create动作。 这可以很容易地通过配置urlManager应用程序组件来完成 如下所示
    
                                
    • 
                                
  • MongoDB查询(4)——游标和分页[八]
                                    eksliang
mongodbMongoDB游标MongoDB深分页
                                    
    转载请出自出处：http://eksliang.iteye.com/blog/2177567 一、游标 
        数据库使用游标返回find的执行结果。客户端对游标的实现通常能够对最终结果进行有效控制，从shell中定义一个游标非常简单，就是将查询结果分配给一个变量（用var声明的变量就是局部变量），便创建了一个游标，如下所示： 
> var 
    
                                
    • 
                                
  • Activity的四种启动模式和onNewIntent()
                                    gundumw100
android
                                    
    Android中Activity启动模式详解 
 
　　在Android中每个界面都是一个Activity，切换界面操作其实是多个不同Activity之间的实例化操作。在Android中Activity的启动模式决定了Activity的启动运行方式。 
 
　　Android总Activity的启动模式分为四种： 
 
 

Activity启动模式设置：

        <acti
    
                                
    • 
                                
  • 攻城狮送女友的CSS3生日蛋糕
                                    ini
htmlWebhtml5csscss3
                                    
    在线预览：http://keleyi.com/keleyi/phtml/html5/29.htm 
  
代码如下： 
  
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>攻城狮送女友的CSS3生日蛋糕-柯乐义<
    
                                
    • 
                                
  • 读源码学Servlet（1）GenericServlet 源码分析
                                    jzinfo
tomcatWebservlet网络应用网络协议
                                    
    Servlet API的核心就是javax.servlet.Servlet接口，所有的Servlet 类（抽象的或者自己写的）都必须实现这个接口。在Servlet接口中定义了5个方法，其中有3个方法是由Servlet 容器在Servlet的生命周期的不同阶段来调用的特定方法。 
  
  
先看javax.servlet.servlet接口源码：  
package 
    
                                
    • 
                                
  • JAVA进阶：VO(DTO)与PO(DAO)之间的转换
                                    snoopy7713
javaVOHibernatepo
                                    
      
PO即 Persistence Object　　VO即 Value Object 
　VO和PO的主要区别在于：　　VO是独立的Java Object。　　PO是由Hibernate纳入其实体容器（Entity Map）的对象，它代表了与数据库中某条记录对应的Hibernate实体，PO的变化在事务提交时将反应到实际数据库中。 
　实际上，这个VO被用作Data Transfer 
    
                                
    • 
                                
  • mongodb group by date 聚合查询日期 统计每天数据（信息量）
                                    qiaolevip
每天进步一点点学习永无止境mongodb纵观千象
                                    
    /* 1 */
{
    "_id" : ObjectId("557ac1e2153c43c320393d9d"),
    "msgType" : "text",
    "sendTime" : ISODate("2015-06-12T11:26:26.000Z")
    
                                
    • 
                                
  • java之18天 常用的类(一)
                                    Luob.
MathDateSystemRuntimeRundom
                                    
    System类 
 

import java.util.Properties;

/**
 * System:
 *  out:标准输出,默认是控制台
 *  in:标准输入,默认是键盘
 * 
 *  描述系统的一些信息
 *  获取系统的属性信息:Properties getProperties();
 *  
 * 
 *
 */
public class Sy
    
                                
    • 
                                
  • maven
                                    wuai
maven
                                    
    1、安装maven：解压缩、添加M2_HOME、添加环境变量path 
2、创建maven_home文件夹，创建项目mvn_ch01,在其下面建立src、pom.xml，在src下面简历main、test、main下面建立java文件夹 
3、编写类，在java文件夹下面依照类的包逐层创建文件夹，将此类放入最后一级文件夹 
4、进入mvn_ch01 
 4.1、mvn compile ,执行后会在
    
                                
    •