U_can
U_can

手风琴风格图片轮播

今天在http://www.w3cfuns.com/notes/20618/7af828f7b6b7f9d1bb127a9cfbb3267c上看到这个效果，所以拿来练练手，太久没动脑子了，得让它活动活动。

轮播效果：

手风琴风格图片轮播_第1张图片

在该文章的基础上，我自己添加了自动轮播的效果

  1 <!DOCTYPE HTML>
  2 <html>
  3 <head>
  4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5     <title>手风琴切换</title>
  6 </head>
  7 <style type="text/css">
  8     .ts {
  9         overflow: hidden;
 10         width: 1072px;
 11         margin: 0 auto;
 12     }
 13     .ts-ul {
 14         overflow: hidden;
 15         width: 100%;
 16         height: 500px;
 17         margin: 0 auto;
 18         padding: 0;
 19     }
 20     .ts-ul li {
 21         list-style-type: none;
 22         overflow: hidden;
 23         float: left;
 24         width: 95px;
 25         -webkit-transition: width 0.5s;
 26     }
 27     .ts-ul b {
 28         -webkit-transition: all 0.5s;
 29         width: 95px;
 30         display: block;
 31         height: 440px;
 32         text-indent: -9999em;
 33         background: url(http://gyc.woniu.com/tg/ad6/images/ts.jpg);
 34     }
 35 
 36     .ts-ul-li1 {
 37         background: url(http://gyc.woniu.com/tg/ad6/images/ts1_on.jpg) no-repeat;
 38     }
 39 
 40     .ts-ul-li2 {
 41         background: url(http://gyc.woniu.com/tg/ad6/images/ts2_on.jpg) no-repeat;
 42     }
 43 
 44     .ts-ul-li3 {
 45         background: url(http://gyc.woniu.com/tg/ad6/images/ts3_on.jpg) no-repeat;
 46     }
 47     .ts-ul-li4 {
 48         background: url(http://gyc.woniu.com/tg/ad6/images/ts4_on.jpg) no-repeat;
 49     }
 50     .ts-ul li.on {
 51         width: 787px;
 52     }
 53     .ts-ul li.on b{
 54         opacity: 0;
 55         filter: Alpha(opacity=0);
 56     }
 57     .ts-ul-li1 b {
 58         background-position: 0 0
 59     }
 60     .ts-ul-li2 b {
 61         background-position: -95px 0
 62     }
 63     .ts-ul-li3 b {
 64         background-position: -190px 0
 65     }
 66     .ts-ul-li4 b {
 67         background-position: -285px 0
 68     }
 69 </style>
 70 
 71 <body>
 72     <div class="ts">
 73         <ul class="ts-ul">
 74             <li class="ts-ul-li1"><b></b></li>
 75             <li class="ts-ul-li2"><b></b></li>
 76             <li class="ts-ul-li3"><b></b></li>
 77             <li class="ts-ul-li4"><b></b></li>
 78         </ul>
 79     </div>
 80     <script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js" type="text/javascript" charset="utf-8"></script>
 81     <script type="text/javascript">
 82         $(function() {    
 83             var li_warp=$('.ts-ul')
 84             var totle=li_warp.children('li').length;
 85             var index=-1;
 86             var timeOut=null;    
 87             $(".ts-ul li").eq(0).addClass('on');
 88             $(".ts-ul li").hover(function(){
 89                 clearInterval(timeOut);
 90                 $(".ts-ul li").removeClass("on");
 91                 $(this).addClass("on");
 92                 index=$(this).index();
 93 //                console.log(index);
 94             },function(){
 95                 autoPlay();
 96             });
 97             function autoPlay(){
 98                 timeOut=setInterval(function(){
 99                     index++;                    
100                     $(".ts-ul li").eq(index).addClass('on').siblings('li').removeClass('on');
101                     if(index==totle){
102                         index=0;
103                     }                        
104                 },4000);
105             }
106             autoPlay();
107         });
108     </script>
109 </body>
110 
111 </html>

感觉每次写来写去都是差不多的，但是真正让自己动手还是有问题，归根到底还是练得太少啊，我都不好意思说自己是做了一年多的前端了呢-_-

你可能感兴趣的:(手风琴风格图片轮播)

  • Python, Java开发婚礼举办案例与实操200例APP Geeker-2025 pythonjava
    开发一个婚礼举办案例与实操200例App，旨在为用户提供丰富的婚礼策划案例和实操经验，帮助用户更好地组织和策划婚礼。以下是App的核心功能设计和实现思路：---###核心功能设计1.**婚礼案例展示**：-提供200个以上的婚礼案例，包括室内、户外、主题婚礼等。-支持按风格、地点、预算等条件筛选案例。2.**案例详情**：-提供每个婚礼案例的详细信息，包括场地布置、流程安排、费用预算、摄影师和策划
  • c++20 Concepts的简写形式与requires 从句形式 JANGHIGH C++c++20
    c++20Concepts的简写形式与requires从句形式原始写法（简写形式）等效写法（requires从句形式）关键区别说明：组合多个约束的示例：两种形式的编译结果：更复杂的约束示例：标准库风格的约束：在C++20Concepts中，使用简写形式的template与使用完整形式的templaterequiresConceptName是等价的。以下是两种写法的具体转换：原始写法（简写形式）te
  • 我的AI工具箱Tauri版-建筑平面图生成装修设计 Mr数据杨 Tauri工具箱ComfyUI
    本模块利用先进的AI绘画大模型，将房屋平面设计图转化为高质量的室内装修效果图，让装修设计更加直观、高效。用户只需提供房屋的平面布局，并选择合适的AI绘画模型，系统即可智能生成涵盖客厅、卧室、厨房、卫生间等最多12个房间的高品质设计样图，完整呈现房屋的整体装修效果。本工具支持多种设计风格，如现代简约、北欧风、中式传统、美式复古、日式禅意等，满足不同用户的个性化装修需求。借助AI算法的自动化生成能力，
  • C++ 中的静态数组 std::array 闪电麦坤95 C/C++c++算法c语言开发语言
    目录1.什么是std::array？2.基本用法3.主要特点4.常用操作示例5.优点1.什么是std::array？std::array是一个模板类，定义在头文件中。它是一个固定大小的数组，封装了C风格数组（例如intarr[5]），但提供了更多的功能和安全性。它的主要特点是：大小在编译时确定：不像std::vector，std::array的大小是固定的，无法在运行时动态改变。与STL兼容：它支
  • 从零开始搭建搜索推荐系统（五十四）多路召回之万剑归宗 hanyi_ 搜索推荐javajava搜索系统
    聊的不止技术。跟着小帅写代码，还原和技术大牛一对一真实对话，剖析真实项目筑成的一砖一瓦，了解最新最及时的资讯信息，还可以学到日常撩妹小技巧哦，让我们开始探索主人公小帅的职场生涯吧！（PS：本系列文章以幽默风趣风格为主，较真侠和杠精请绕道~）一、奶茶引发的血案（会议室里，行服小姐姐把笔记本往桌上一拍，屏幕上是密密麻麻的搜索日志）行服姐姐："小帅！你自己看看！用户搜'朝阳区低糖芝士草莓冰沙'，你家系统
  • C++，设计模式，【抽象工厂模式】 智驾 C/C++c++设计模式抽象工厂模式
    文章目录C++设计模式：用“抽象工厂模式”打造你的万能工厂一、从早餐店说起：什么是抽象工厂？二、工厂模式的升级版：抽象工厂vs简单工厂1.简单工厂（小作坊）2.抽象工厂（连锁集团）三、游戏开发实战：跨平台UI组件1.定义抽象产品族2.实现具体产品（Windows风格）3.实现具体产品（Mac风格）4.抽象工厂接口5.具体工厂实现6.客户端使用四、抽象工厂的精髓1.四大角色2.优势所在3.适用场景五
  • AIGC论文查重和传统论文查重有什么区别？ 真不二价825 论文查重AI论文写作AIGC论文查重
    AIGC论文查重和传统论文查重在多个方面存在显著区别，以下是对两者的详细比较：一、检测目标和技术原理AIGC论文查重检测目标：主要用于检测和分析文本内容是否由AI生成，特别是在要求提供真实人类经验的领域，如新闻发布、文学创作等。技术原理：主要利用自然语言处理和深度学习技术，分析文本的风格、语法结构和语义连贯性，以判断内容是否可能由AI模型产生。传统论文查重检测目标：主要检测论文中是否存在抄袭或剽窃
  • AI概率学预测足球大小球让球数据分析 sanx18 人工智能数据分析数据挖掘
    在足球数据分析中，AI概率学预测主要涉及大小球和让球盘口的分析。以下是关键点：1.大小球分析大小球指机构设定的进球数预期，投注者预测实际进球数是否超过或低于该值。AI应用：历史数据：AI通过分析球队的历史进球、失球等数据，预测未来比赛进球数。机器学习：使用回归模型、神经网络等预测进球数，考虑球队实力、比赛风格、天气等因素。实时数据：结合实时比赛数据动态调整预测。2.让球分析让球是机构为平衡双方实力
  • 不同学科的论文，AIGC检测时有区别吗？ kexiaoya2013 AIGC论文阅读论文笔记
    不同学科的论文在写作风格、专业术语、逻辑结构上有着明显的差异，那么，不同学科的论文在AIGC检测时，检测结果会有区别吗？结果提前告诉你，当然有区别。一、学科特性决定检测难度1、理工科论文专业术语密集、实验步骤固定，在写作过程中很容易形成标准化的表达，这种规律性很强的文本，最容易被AIGC检测工具抓出破绽。2、人文社科论文注重思辨与逻辑推演，在写作中常常会带有个人的观点和批判性思考，这些人类特有的复
  • Java Stream流 M.Freedom javawindows开发语言
    JavaStream流认识Stream流是Jdk8开始新增的一套API(java.util.stream.*)，可以用于操作集合或者数组的数据优势：Stream流大量的结合了Lambda的语法风格来编程，功能强大、性能高效、代码简洁、可读性好代码体验packagecom.itheima.stream;importjava.util.ArrayList;importjava.util.List;im
  • ThinkPHP框架中各模块通过MVC架构和扩展机制协同工作形成完整的请求处理流程 Wiktok mvcphp开源
    在ThinkPHP框架中，各模块通过MVC架构和扩展机制协同工作，形成完整的请求处理流程。以下是核心模块的功能及协作关系分析：一、路由（Route）作用：负责将HTTP请求的URL映射到具体的控制器和方法，支持动态参数解析、RESTful风格接口定义，并实现URL的优雅化（如隐藏入口文件）31119。协作关系：与控制器配合：路由解析后直接调用对应控制器的操作方法，例如Route::get('use
  • SOAP和REST的区别 dev.null 网络网络
    SOAP（SimpleObjectAccessProtocol）和REST（RepresentationalStateTransfer）是两种用于构建Web服务的架构风格，它们的主要区别如下：1.协议与架构SOAP：是一种基于XML的协议，使用标准消息格式进行通信，通常依赖HTTP、SMTP、TCP等传输协议。REST：是一种架构风格，而不是协议，它基于HTTP协议并使用其标准的GET、POST、
  • 19个判定学术写作内容有AI生成痕迹的例子 AIWritePaper官方账号 AIWritePaperDeepSeekChatGPT人工智能chatgpt机器学习AIWritePaper大数据
    写作风格与语言特征重复性与一致性：AI生成的内容往往会在文中重复使用某些短语或表达方式，且整体语气和风格保持高度一致，缺乏人类写作者在不同情境下自然产生的微妙变化。缺乏情感与语境变化：AI生成的文本通常难以体现出人类写作者在不同段落或情境中可能会有的情感波动或语境的灵活转换。过度使用特定词汇和短语：某些词汇和短语在AI生成的文本中出现频率较高，如“commendable”“meticulous”“
  • Stable Diffusion游戏底模推荐 Liudef06 从零开始设计游戏stablediffusion游戏
    一、基础通用型底模SDXLbase官方原版底模，支持1024x1024高清出图，适用于各类游戏场景和角色的基础生成，建议作为微调训练的基准模型。来源:相关搜索结果写实风格搭配推荐搭配9realisticSDXL或麻袋realistic_XL，增强光影真实感和皮肤细节表现。来源:相关搜索结果二、二次元/动漫风格animagineXLV3_v30专为二次元优化的底模，适合日系动漫角色设计，支持高精度面
  • AI电商文生图comfyui工作流搭建定制 AI信息官 人工智能
    触站AI：AI电商文生图comfyui工作流搭建定制在电商的海洋中，触站AI以其专业comfyui图像生成技术，为品牌打造个性化视觉体验，提升用户界面的舒适度和亲和力。️第一板块：comfyui图像生成系统定制️️定制化服务触站AI提供个性化的comfyui图像生成系统定制服务，确保每个企业都能拥有与其品牌特色和用户需求相匹配的图像生成系统。①品牌一致性——定制系统确保生成的图像与企业品牌风格保持
  • 【大模型篇】推理模型大作战（QwQ-32B vs DeepSeek-R1） 大F的智能小课 大模型资讯速读DeepSeek技术解析和实战大模型理论和实战人工智能
    大家好，我是大F，深耕AI算法十余年，互联网大厂技术岗。分享AI算法干货、技术心得。欢迎关注《大模型理论和实战》、《DeepSeek技术解析和实战》，一起探索技术的无限可能！写在前面当我让QwQ-32BvsDeepSeek-R1写一封未来自己的信大家更喜欢哪种风格？QwQ-32B模型介绍及使用指南一、模型简介（一&
  • Vue2-状态管理Vuex介绍与使用 来一杯龙舌兰 前端#Vue2Vue2Vuex状态管理前端共享
    文章目录VueX介绍什么情况下应该使用Vuex？VueX状态管理简单状态管理最简单的StoreState在Vue组件中获得Vuex状态对象展开运算符组件仍然保有局部状态Getter通过属性访问通过方法访问Mutation提交载荷（Payload）对象风格的提交方式使用常量替代Mutation事件类型Mutation必须是同步函数在组件中提交MutationAction分发Action在组件中分发A
  • Python（一）——双引号 (“) 和 单引号 (‘) 的区别 八年。。 python开发语言学习
    一句话：引用内容中有单引号用双引号，有双引号用单引号，其他随意。（大多数情况下）具体介绍如下：在Python中，双引号(")和单引号(')在功能上是等效的，用来定义字符串时没有区别。可以根据个人习惯、代码风格或实际需求选择任意一种，但在某些特定场景下，它们的选择可能会影响代码的可读性或减少转义字符的使用。1.没有区别的情况：设置文件路径无论用单引号还是双引号，效果完全一样：#单引号file_pat
  • flink（十一）：Table&Sql实现窗口水印计算 羽落风起 大数据flinkflink
    文章目录分享说明实现讲解代码总结分享大数据博客列表说明本博客每周五更新一次。本文属于实战，讲解Flink1.12版本java代码使用时间窗口加水印实现，具体需求为5秒内用户订单总数、订单最大金额、最小金额实现讲解代码结构分为5部分，准备环境env数据输入source模拟数据生成数据处理transformation创建水印、窗口执行任务基于sql和table风格实现对应功能数据输出sink启动任务e
  • C++中一些获取字符串和数组长度的函数 じ☆ve 清风° C++c++开发语言
    目录1.字符串的长度（string）：2.字符串字面值的长度（C风格字符串）：3.数组的长度（静态数组）：4.动态数组的长度（vector或动态分配的数组）：在C++中，你可以使用不同的方式来获得字符和数组的长度，具体取决于你处理的数据类型和情境。以下是一些常见的方法：1.字符串的长度（string）：使用length()函数​stringmyString="Hello,World";intlen
  • OkHttp源码解析（构建者模式、责任链模式、主线流程） 码农小风 开源框架移动开发Android责任链模式安卓移动开发OkHttp开源框架
    在分析OkHttp的核心流程已经核心类之前，我们先搞清楚两个概念，一个是OkHttpClient和Request在创建时所使用的构建者模式；另外一个则是负责响应处理的拦截器模式；OkHttpClient/Request的构建者模式解析基本概念构建者（又称建造者）模式允许我们使用多个简单的对象一步一步构建成一个复杂的对象。概念解释如果你要装修房子，你就会要考虑这个房子的整体设计怎么做，用地中海风格？
  • Faster R-CNN原理详解以及Pytorch实现模型训练与推理 阿_旭 深度学习实战cnnpytorch人工智能FasterRCNN
    《------往期经典推荐------》一、AI应用软件开发实战专栏【链接】项目名称项目名称1.【人脸识别与管理系统开发】2.【车牌识别与自动收费管理系统开发】3.【手势识别系统开发】4.【人脸面部活体检测系统开发】5.【图片风格快速迁移软件开发】6.【人脸表表情识别系统】7.【YOLOv8多目标识别与自动标注软件开发】8.【基于深度学习的行人跌倒检测系统】9.【基于深度学习的PCB板缺陷检测系统
  • 每日学Java之一万个为什么 ~Yogi 修炼java开发语言
    文章目录RESTFUL风格设计JSON数据中的返回工具类R浏览器跨域问题及其前后端解决办法SpringMVC基于AOP的功能有哪些SpringMVC声明式异常处理SpringMVC拦截器区别filter不能放行RESTFUL风格设计url：尽量使用名词，如果实在重复使用动词method：GETDELET（区别路径传参：唯一标识，和接受查询字符串：范围查询）POSTPUTparam：response
  • 29.Harmonyos Next仿uv-ui 组件NumberBox 步进器组件自定义图标 harmonyos-next
    HarmonyosNext仿uv-ui组件NumberBox步进器组件自定义图标1.组件介绍NumberBox步进器组件支持自定义加减按钮的图标，使开发者能够根据应用的设计风格定制按钮外观。本文将详细介绍如何在HarmonyOSNEXT中设置和使用NumberBox步进器的自定义图标功能。2.效果展示3.自定义图标设置3.1基本图标设置在NumberBox组件中，通过minusIcon和plusI
  • 四种主要的 API 架构风格：RPC、SOAP、REST、GRAPHQL 小马不敲代码 系统设计架构rpcgraphql
    讨论四种主要的API架构风格，比较它们的优缺点，并重点介绍每种情况下最适合的API架构风格。RPCSOAPRESTGRAPHQL两个单独的应用程序需要中介程序才能相互通信，因此，开发人员经常需要搭建桥梁——也就是应用程序编程接口（API），来允许一个系统访问另一个系统的信息或功能。为了快速、大规模地集成不同的应用程序，API使用协议或规范来定义那些通过网络传输的消息的语义和信息。这些规范构成了AP
  • 《围城》：初读不接书中意，再读已是书中人 细节处有神明 学习记录读书笔记读书笔记围城
    元数据[!abstract]围城书名：围城作者：钱钟书简介：钱钟书先生最经典的作品，也是仅有的一部长篇小说，堪称中国现代文学史上风格独特的讽刺经典，被誉为“新儒林外史”，自上世纪八十年代以来一直横贯常销、畅销小说之首。小说塑造了抗战初期以方鸿渐为主的一类知识分子群像，记叙了他们所面临的教育、婚姻和事业困境。虽然有具体的历史背景，但这部小说揭示的人群的弱点，在今天依然能引起人们的共鸣。著名文学评论家
  • 绝美焦糖暖色调复古风景画面Lr调色教程，手机滤镜PS+Lightroom预设下载！ 调了个寂寞 复古预设lr调色摄影后期人像预设lr预设文艺预设手机滤镜
    调色教程通过Lr软件丰富的工具和功能，对风景照片在色彩、影调等方面进行调整。例如利用基本参数调整选项，精准控制照片亮度、对比度、色温、色调等基础要素；运用HSL面板可对不同色彩的色相、饱和度以及明亮度进行单独调节；利用曲线工具能灵活塑造画面影调等。最终把照片原本的色彩风格转变为以焦糖暖色调为主导的复古风格，为风景画面增添独特的艺术魅力和怀旧氛围。预设信息调色风格：复古风格预设适合类型：人像，街拍，
  • 项目实操分享：一个基于 Flask 的音乐生成系统，能够根据用户指定的参数自动生成 MIDI 音乐并转换为音频文件 mosquito_lover1 aipython
    系统架构1.1核心组件MusicGenerator类负责音乐生成的核心逻辑包含MIDI生成和音频转换功能管理音乐参数和音轨生成FluidSynth集成用于MIDI到音频的转换支持高质量的音色合成需要正确配置声音字体文件功能特性2.1音乐风格支持Pop（流行）:钢琴主旋律，弦乐伴奏，原声贝斯Rock（摇滚）:电吉他主导，失真吉他伴奏，电贝斯Classical（古典）:钢琴主旋律，弦乐组伴奏，低音提琴
  • AI工作流到底好不好用！2025年主流AI工作流工具对比与深度洞察 Jing_saveSlave AI人工智能chatgpt扣子DEEPSEEK
    直击痛点、痒点、爽点：2025年主流AI工作流工具对比与深度洞察在AI工具井喷的2025年，创作者们既享受技术红利，也面临选择困境。本文从痛点、痒点、爽点三个维度，剖析主流AI工具的真实价值，并揭示其如何重塑创作生态。一、痛点：AI工具的“隐形门槛”与用户需求鸿沟操作复杂性与学习成本高多数AI工具标榜“智能”，但用户常因复杂的参数设置、晦涩的术语（如“风格迁移权重”“模型微调”）而却步。例如Mid
  • 10个实用IntelliJ IDEA插件 嘵奇 提升自己intellij-ideajavaide
    精心整理了最新的面试资料和简历模板，有需要的可以自行获取点击前往百度网盘获取点击前往夸克网盘获取以下是为提升开发效率推荐的10个实用IntelliJIDEA插件，涵盖代码质量、效率工具及热门框架支持：一、代码质量与规范SonarLint实时代码缺陷检测，提前规避潜在Bug，支持自定义规则与SonarQube同步CheckStyle-IDEA强制代码风格统一，适配Google/阿里巴巴等主流规范，团
  • jQuery 跨域访问的三种方式 No 'Access-Control-Allow-Origin' header is present on the reque qiaolevip 每天进步一点点学习永无止境跨域众观千象
    XMLHttpRequest cannot load http://v.xxx.com. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:63342' is therefore not allowed access. test.html:1
  • mysql 分区查询优化 annan211 java分区优化mysql
    分区查询优化 引入分区可以给查询带来一定的优势，但同时也会引入一些bug. 分区最大的优点就是优化器可以根据分区函数来过滤掉一些分区，通过分区过滤可以让查询扫描更少的数据。 所以，对于访问分区表来说，很重要的一点是要在where 条件中带入分区，让优化器过滤掉无需访问的分区。 可以通过查看explain执行计划，是否携带 partitions
  • MYSQL存储过程中使用游标 chicony Mysql存储过程
    DELIMITER $$ DROP PROCEDURE IF EXISTS getUserInfo $$ CREATE PROCEDURE getUserInfo(in date_day datetime)-- -- 实例-- 存储过程名为：getUserInfo-- 参数为：date_day日期格式:2008-03-08--    BEGINdecla
  • mysql 和 sqlite 区别 Array_06 sqlite
    转载： http://www.cnblogs.com/ygm900/p/3460663.html mysql 和 sqlite 区别 SQLITE是单机数据库。功能简约，小型化，追求最大磁盘效率 MYSQL是完善的服务器数据库。功能全面，综合化，追求最大并发效率 MYSQL、Sybase、Oracle等这些都是试用于服务器数据量大功能多需要安装，例如网站访问量比较大的。而sq
  • pinyin4j使用 oloz pinyin4j
    首先需要pinyin4j的jar包支持；jar包已上传至附件内 方法一:把汉字转换为拼音；例如：编程转换后则为biancheng      /** * 将汉字转换为全拼 * @param src 你的需要转换的汉字 * @param isUPPERCASE 是否转换为大写的拼音； true:转换为大写；fal
  • 微博发送私信 随意而生 微博
    在前面文章中说了如和获取登陆时候所需要的cookie，现在只要拿到最后登陆所需要的cookie，然后抓包分析一下微博私信发送界面 http://weibo.com/message/history?uid=****&name=**** 可以发现其发送提交的Post请求和其中的数据， 让后用程序模拟发送POST请求中的数据，带着cookie发送到私信的接入口，就可以实现发私信的功能了。
  • jsp 香水浓 jsp
    JSP初始化     容器载入JSP文件后，它会在为请求提供任何服务前调用jspInit()方法。如果您需要执行自定义的JSP初始化任务，复写jspInit()方法就行了 JSP执行     这一阶段描述了JSP生命周期中一切与请求相关的交互行为，直到被销毁。     当JSP网页完成初始化后
  • 在 Windows 上安装 SVN Subversion 服务端 AdyZhang SVN
    在 Windows 上安装 SVN Subversion 服务端2009-09-16高宏伟哈尔滨市道里区通达街291号   最佳阅读效果请访问原地址：http://blog.donews.com/dukejoe/archive/2009/09/16/1560917.aspx   现在的Subversion已经足够稳定，而且已经进入了它的黄金时段。我们看到大量的项目都在使
  • android开发中如何使用 alertDialog从listView中删除数据？ aijuans android
    我现在使用listView展示了很多的配置信息，我现在想在点击其中一条的时候填出 alertDialog,点击确认后就删除该条数据，（ ArrayAdapter ，ArrayList，listView 全部删除），我知道在 下面的onItemLongClick 方法中 参数 arg2  是选中的序号，但是我不知道如何继续处理下去 1 2 3
  • jdk-6u26-linux-x64.bin 安装 baalwolf linux
    1.上传安装文件(jdk-6u26-linux-x64.bin) 2.修改权限 [root@localhost ~]# ls -l /usr/local/jdk-6u26-linux-x64.bin 3.执行安装文件 [root@localhost ~]# cd /usr/local [root@localhost local]# ./jdk-6u26-linux-x64.bin&nbs
  • MongoDB经典面试题集锦 BigBird2012 mongodb
    1.什么是NoSQL数据库？NoSQL和RDBMS有什么区别？在哪些情况下使用和不使用NoSQL数据库？ NoSQL是非关系型数据库，NoSQL = Not Only SQL。 关系型数据库采用的结构化的数据，NoSQL采用的是键值对的方式存储数据。 在处理非结构化/半结构化的大数据时；在水平方向上进行扩展时；随时应对动态增加的数据项时可以优先考虑使用NoSQL数据库。 在考虑数据库的成熟
  • JavaScript异步编程Promise模式的6个特性 bijian1013 JavaScriptPromise
            Promise是一个非常有价值的构造器，能够帮助你避免使用镶套匿名方法，而使用更具有可读性的方式组装异步代码。这里我们将介绍6个最简单的特性。         在我们开始正式介绍之前，我们想看看Javascript Promise的样子： var p = new Promise(function(r
  • [Zookeeper学习笔记之八]Zookeeper源代码分析之Zookeeper.ZKWatchManager bit1129 zookeeper
    ClientWatchManager接口 //接口的唯一方法materialize用于确定那些Watcher需要被通知 //确定Watcher需要三方面的因素1.事件状态 2.事件类型 3.znode的path public interface ClientWatchManager { /** * Return a set of watchers that should
  • 【Scala十五】Scala核心九：隐式转换之二 bit1129 scala
    隐式转换存在的必要性，   在Java Swing中，按钮点击事件的处理，转换为Scala的的写法如下：   val button = new JButton button.addActionListener( new ActionListener { def actionPerformed(event: ActionEvent) {
  • Android JSON数据的解析与封装小Demo ronin47
    转自：http://www.open-open.com/lib/view/open1420529336406.html package com.example.jsondemo; import org.json.JSONArray; import org.json.JSONException; import org.json.JSONObject;    impor
  • [设计]字体创意设计方法谈 brotherlamp UIui自学ui视频ui教程ui资料
      从古至今，文字在我们的生活中是必不可少的事物，我们不能想象没有文字的世界将会是怎样。在平面设计中，UI设计师在文字上所花的心思和功夫最多，因为文字能直观地表达UI设计师所的意念。在文字上的创造设计，直接反映出平面作品的主题。 如设计一幅戴尔笔记本电脑的广告海报，假设海报上没有出现“戴尔”两个文字，即使放上所有戴尔笔记本电脑的图片都不能让人们得知这些电脑是什么品牌。只要写上“戴尔笔
  • 单调队列-用一个长度为k的窗在整数数列上移动，求窗里面所包含的数的最大值 bylijinnan java算法面试题
    import java.util.LinkedList; /* 单调队列 滑动窗口 单调队列是这样的一个队列：队列里面的元素是有序的，是递增或者递减 题目：给定一个长度为N的整数数列a(i),i=0,1,...,N-1和窗长度k. 要求：f(i) = max{a(i-k+1),a(i-k+2),..., a(i)},i = 0,1,...,N-1 问题的另一种描述就
  • struts2处理一个form多个submit chiangfai struts2
    web应用中，为完成不同工作，一个jsp的form标签可能有多个submit。如下代码： <s:form action="submit" method="post" namespace="/my"> <s:textfield name="msg" label="叙述：">
  • shell查找上个月，陷阱及野路子 chenchao051 shell
    date -d "-1 month" +%F     以上这段代码，假如在2012/10/31执行，结果并不会出现你预计的9月份，而是会出现八月份，原因是10月份有31天，9月份30天，所以-1 month在10月份看来要减去31天，所以直接到了8月31日这天，这不靠谱。     野路子解决：假设当天日期大于15号
  • mysql导出数据中文乱码问题 daizj mysql中文乱码导数据
    解决mysql导入导出数据乱码问题方法： １、进入mysql，通过如下命令查看数据库编码方式： mysql>  show variables like 'character_set_%'; +--------------------------+----------------------------------------+ | Variable_name&nbs
  • SAE部署Smarty出现：Uncaught exception 'SmartyException' with message 'unable to write dcj3sjt126com PHPsmartysae
      对于SAE出现的问题：Uncaught exception 'SmartyException' with message 'unable to write file...。 官方给出了详细的FAQ：http://sae.sina.com.cn/?m=faqs&catId=11#show_213 解决方案为：   01 $path 
  • 《教父》系列台词 dcj3sjt126com
    Your love is also your weak point. 你的所爱同时也是你的弱点。   If anything in this life is certain, if history has taught us anything, it is that you can kill anyone.   不顾家的人永远不可能成为一个真正的男人。 &
  • mongodb安装与使用 dyy_gusi mongo
    一.MongoDB安装和启动,widndows和linux基本相同 1.下载数据库,     linux:mongodb-linux-x86_64-ubuntu1404-3.0.3.tgz 2.解压文件,并且放置到合适的位置     tar -vxf mongodb-linux-x86_64-ubun
  • Git排除目录 geeksun git
    在Git的版本控制中，可能有些文件是不需要加入控制的，那我们在提交代码时就需要忽略这些文件，下面讲讲应该怎么给Git配置一些忽略规则。   有三种方法可以忽略掉这些文件，这三种方法都能达到目的，只不过适用情景不一样。 1.  针对单一工程排除文件 这种方式会让这个工程的所有修改者在克隆代码的同时，也能克隆到过滤规则，而不用自己再写一份，这就能保证所有修改者应用的都是同一
  • Ubuntu 创建开机自启动脚本的方法 hongtoushizi ubuntu
    转载自： http://rongjih.blog.163.com/blog/static/33574461201111504843245/ Ubuntu 创建开机自启动脚本的步骤如下： 1) 将你的启动脚本复制到 /etc/init.d目录下 以下假设你的脚本文件名为 test。   2) 设置脚本文件的权限 $ sudo chmod 755
  • 第八章 流量复制/AB测试/协程 jinnianshilongnian nginxluacoroutine
    流量复制 在实际开发中经常涉及到项目的升级，而该升级不能简单的上线就完事了，需要验证该升级是否兼容老的上线，因此可能需要并行运行两个项目一段时间进行数据比对和校验，待没问题后再进行上线。这其实就需要进行流量复制，把流量复制到其他服务器上，一种方式是使用如tcpcopy引流；另外我们还可以使用nginx的HttpLuaModule模块中的ngx.location.capture_multi进行并发
  • 电商系统商品表设计 lkl
    DROP TABLE IF EXISTS `category`; -- 类目表 /*!40101 SET @saved_cs_client = @@character_set_client */; /*!40101 SET character_set_client = utf8 */; CREATE TABLE `category` ( `id` int(11) NOT NUL
  • 修改phpMyAdmin导入SQL文件的大小限制 pda158 sqlmysql
    　用phpMyAdmin导入mysql数据库时，我的10M的 数据库不能导入，提示mysql数据库最大只能导入2M。 　　 phpMyAdmin数据库导入出错： 　　You probably tried to upload too large file. Please refer to documentation for ways to workaround this limit.
  • Tomcat性能调优方案 Sobfist apachejvmtomcat应用服务器
    一、操作系统调优 对于操作系统优化来说，是尽可能的增大可使用的内存容量、提高CPU的频率，保证文件系统的读写速率等。经过压力测试验证，在并发连接很多的情况下，CPU的处理能力越强，系统运行速度越快。。 【适用场景】 任何项目。 二、Java虚拟机调优 应该选择SUN的JVM，在满足项目需要的前提下，尽量选用版本较高的JVM，一般来说高版本产品在速度和效率上比低版本会有改进。 J
  • SQLServer学习笔记 vipbooks 数据结构xml
    1、create database school 创建数据库school 2、drop database school 删除数据库school 3、use school 连接到school数据库，使其成为当前数据库 4、create table class(classID int primary key identity not null) 创建一个名为class的表，其有一
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他