计划
计划

jQuery手机端触摸卡片切换效果

效果：http://hovertree.com/code/run/jquery/a1gr3gm9.html

可以用手机查看效果。

代码如下：

 1 <!doctype html>
 2 <html lang="zh">
 3 <head>
 4 <meta charset="UTF-8">
 5 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 
 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"><style>body{overflow:scroll}</style>
 7 <title>jQuery手机端触摸卡片切换效果 - 何问起</title>
 8 
 9 <link rel="stylesheet" type="text/css" href="http://hovertree.com/texiao/mobile/7/css/normalize.css" />
10 <link rel="stylesheet" type="text/css" href="http://hovertree.com/texiao/mobile/7/css/demo.css" />
11 <link rel="stylesheet" type="text/css" href="http://hovertree.com/texiao/mobile/7/css/style.css" />
12 
13 </head>
14 <body>
15 <br><br>
16 <div class="view">
17     <div class="card__full">
18         <div class="card__full-top">
19             <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
20                     <path d="M16.59 8.59l-4.59 4.58-4.59-4.58-1.41 1.41 6 6 6-6z"/>
21                     <path d="M0 0h24v24h-24z" fill="none"/>
22             </svg>
23             <span class="card__full-num"></span>
24         </div>
25         <div class="card__full-bottom">
26             <p class="card__full-handle"></p>
27             <p class="card__full-info"></p>
28         </div>
29     </div>
30     <ul class="card__list">
31         <li class="card__item card__item--blue">
32             <div class="card__info">
33                 <div class="info-player">
34                     <p class="info-player__num">9</p>
35                     <p class="info-player__name"><small>忘了</small><br>算了</p>
36                 </div>
37                 <div class="info-place">1<sup>st</sup></div>
38             </div>
39         </li>
40         <li class="card__item card__item--purple">
41             <div class="card__info">
42                 <div class="info-player">
43                     <p class="info-player__num">18</p>
44                     <p class="info-player__name"><small>Tom</small><br><a href="http://hovertree.com/code/jquery/a1gr3gm9.htm">原文</a></p>
45                 </div>
46                 <div class="info-place">2<sup>nd</sup></div>
47             </div>
48         </li>
49         <li class="card__item card__item--green">
50             <div class="card__info">
51                 <div class="info-player">
52                     <p class="info-player__num">12</p>
53                     <p class="info-player__name"><small>Hoverc</small><br><a href="http://hovertree.com/h/bjaf/lxxidg7g.htm">下载</a></p>
54                 </div>
55                 <div class="info-place">3<sup>rd</sup></div>
56             </div>
57         </li>
58         <li class="card__item card__item--yellow">
59             <div class="card__info">
60                 <div class="info-player">
61                     <p class="info-player__num">7</p>
62                     <p class="info-player__name"><small>何问起</small><br>如何了断思念</p>
63                 </div>
64                 <div class="info-place">4<sup>th</sup></div>
65             </div>
66         </li>
67         <li class="card__item card__item--tan">
68             <div class="card__info">
69                 <div class="info-player">
70                     <p class="info-player__num">9</p>
71                     <p class="info-player__name"><small>柯乐义</small><br>keleyi.com</p>
72                 </div>
73                 <div class="info-place">5<sup>th</sup></div>
74             </div>
75         </li>
76         <li class="card__item card__item--orange">
77             <div class="card__info">
78                 <div class="info-player">
79                     <p class="info-player__num">18</p>
80                     <p class="info-player__name"><small>hewenqi</small><br>HoverTree</p>
81                 </div>
82                 <div class="info-place">6<sup>th</sup></div>
83             </div>
84         </li>
85     </ul>
86 </div>
87 
88 <script src="http://hovertree.com/ziyuan/jquery/jquery-2.2.0.min.js" type="text/javascript"></script>
89 <script src="http://hovertree.com/texiao/mobile/7/js/cards.js" charset="utf-8" type="text/javascript"></script>
90 
91 </body>
92 </html>

下载：http://hovertree.com/h/bjaf/lxxidg7g.htm

更多特效：http://www.cnblogs.com/jihua/p/webfront.html

你可能感兴趣的:(jQuery手机端触摸卡片切换效果)

  • JavaScript电子网页时钟效果（canvas版） 李游Leo 前端javascriptecmascript前端
    先上代码：分部翻页电子时钟body{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#333;margin:0;}canvas{background-color:#000;border:5pxsolid#555;}constcanvas=document.getElementB
  • CSS特效 —— 蛇形左右扭动的效果 DTcode7 HTML网站开发#前端基础入门三大核心之CSSHTMLCSSwebcss3网页开发
    CSS特效——蛇形左右扭动的效果引言基础概念示例一：基本的蛇形动画HTML结构CSS样式代码解释示例二：增加动画的复杂度CSS样式代码解释示例三：多条蛇形元素HTML结构CSS样式代码解释示例四：改变蛇形元素的形状CSS样式代码解释示例五：加入碰撞效果CSS样式代码解释功能使用思路思路一：控制动画的重复次数思路二：调整动画方向思路三：使用JavaScript控制动画实际开发中的使用技巧自行拓展内容
  • 使用HTML和CSS制作爱心特效 WbhsOcaml htmlcss前端Css
    在本文中，我们将详细介绍如何使用HTML和CSS来制作一个漂亮的爱心特效。我们将使用CSS的伪元素和过渡效果来实现这个效果。让我们开始吧！首先，我们需要创建一个HTML文件，并在其中添加一个div元素来容纳我们的爱心特效。在div元素内部，我们将添加一个span元素，用于创建爱心形状。
  • 新版Pycharm找不到在anaconda已创建的虚拟环境(成功解决) 给我一个接口 pycharmpythonideyoloconda
    在使用pycharm导入已经创建配置好的环境时找不到对应的文件路径，或者显示不出来处理方法也很简单只需要在如下红色框内输入如下的文件路径名注意，要改成你自己创建好的对应的路径名，下面是在我电脑上的例子D:\Anaconda\Scripts\conda.exe接下来就成功的添加上已经创建好的环境了！最后效果如图所示
  • html、js、css实现爱心效果 学不完了是吧 HTMLcsscss3前端
    好的！我们可以进一步美化这个爱心效果，增加更多动态和视觉吸引力。以下是改进后的代码，包括以下功能：1.背景渐变：添加动态背景渐变效果。2.爱心阴影：为爱心添加阴影，使其更具立体感。3.随机颜色：点击时随机切换颜色，而不是固定顺序。4.文字提示：在爱心下方添加文字提示，告诉用户可以点击切换颜色。---###美化后的代码```html跳动爱心body{display:flex;justify-cont
  • 双线性函数的紧凑超平面散列（Compact Hyperplane Hashing with Bilinear Functions）阅读笔记 Legend105CC 机器学习主动学习机器学习
    Abstract超平面散列（Hyperplanehashing）的目的是快速搜索到离超平面最近的点，并在使用支持向量机（SVM）扩大主动学习方面显示出实际效果。存在问题：不幸的是，现有的随机方法需要长哈希码才能达到合理的搜索精度，因此会降低搜索速度和内存开销。解决方法：为此，论文（CompactHyperplaneHashingwithBilinearFunctions）提出了一种新的超平面哈希技
  • 一文带你了解Linux中部署Redis主从复制，主从复制原理 小满只想睡觉 linuxredis后端
    本文谈到的内容主要是以下几点：如何部署Redis主从复制（一主二从）一些关于主从的问题模拟和思考主从复制原理和工作流程前文所谓主从复制，就是以其中一台机器作为master，并且以写为主，其他从服务器（Slave）则是以读为主，达到读写分离的效果，以来提高系统性能。从服务器的数据全部从主服务中复制同步而来。当master数据变化的时候，自动将新的数据异步同步到其他Slave数据库redis官方文档：
  • [b01lers2020]Life on Mars glan想睡觉 wp安全
    直接查看页面其实好像发现不了什么，所以打开bp随便切几个页面看看能不能有什么收获。在切页面的过程当中可以得到几个url，类似于找渗透点一共有三个看起来挺抽象的参数，我们删几个看看，发现删除后面两个函数好像没有什么感觉，但是第一个明显就是切换到不同内容的选项，所以我们重点把视线放在第一个参试上了。猜测渗透类型直接随便改改，发现添加单引号的时候页面直接变成1了。加上--+后发现得到的数据正常，于是猜测
  • 微信小程序-绘制仪表盘 学习者+1 微信小程序微信小程序小程序
    参考文章1、微信小程序Canvas自绘图表之仪表图（表盘）2、canvas实现环形渐变进度条效果展示前言完整代码可移至参考文章1，若有需要，敬请移步。在此根据需要对样式进行了些修改，在此仅记录绘制表盘的代码。代码functiondrawCircle(item,that){//定义画图大小letwidth=windowWidth*0.6;letheight=windowWidth*0.6;//获取中
  • AIGC产品数字人 –【字形绘梦】之绘声 拉达曼迪斯II AI创业WebRTCAIGC学习人工智能音视频AIGCSD数字人微信小程序字形绘梦
    最近开始发一些AIGC相关的学习博客，期间用到的RamendeusStudio公司的一款免费图文生成微信小程序【字形绘梦】还是不错。关键是免费。最近貌似它们新增了一个语音还是视频的能力叫【绘声】，简单的试用之后觉得还行，给大家分享下先上效果：PT3-11绘文模块使用方法：打开主界面，点选角色或者自定义图片，选择默认文案或者字形输入，点击生成。完成后微信会自动通知你制作完成，点击过去查看即可。它的绘
  • 100行Html5+CSS3+JS代码实现元旦倒计时界面 2401_89828732 html5css3javascript
    1.下载VSCode下载链接：VSCode在Hbuilder、idea运行也是可以的，这里推荐使用VSCode2.配置插件三个插件对应的功能：改写标签后自动完善切换成中文页面让代码在网页中打开，默认键Alt+B3.构建三个文件在桌面新建一个空的文件夹，用VSCode打开在VSCode新建三个文件index.htmlstyle.cssscript.js（文件名字要和这个一样，不然会出错），把上面的图
  • 「分块」数列分块入门1 – 9 by hzwer 解题记录 GA_PK
    出处学习蓝书的时候感觉书上关于分块的题目太少了.而且都是难度较大的一些分块题目,想巩固一下分块方面的知识,就找到了hzwer大佬的分块入门知识介绍.用这篇博客记录一下.从树状数组到线段树再到分块.都是对区间信息的快速处理来达到想要的效果.树状数组效率最优,可是拓展性实在不高.线段树效率稍微差一点但是拓展性较好,可是在信息不满足区间可加性的情况下代码难度会高很多.而分块效率上最差但是可以接受,且拓展
  • GNU编译优化级别-O -O1 -O2 -O3 hemmingway C++Linux
    最近做一个算法的GPU加速，发现实际上使用gcc的-O3(最高级编译优化)选项，可以获得很高的加速比，我的程序里达到了3倍的样子，有时效果甚至比GPU加速好。因此小小学习了下GNU的编译优化。附言一句，在进行调试的时候，最好关闭编译优化，不然程序自动优化，执行的步骤可能稍有变化。GNU编译器提供-O选项供程序优化使用:-O提供基础级别的优化-O2提供更加高级的代码优化,会占用更长的编译时间-O3提
  • 从0开始使用面对对象C语言搭建一个基于OLED的图形显示框架（动态菜单组件实现） charlie114514191 OLED驱动开发记录c语言算法驱动开发教程OLED单片机STM32
    目录面对对象C的程序设计（范例）面对对象C的程序设计（应用）进一步谈论我上面给出的代码——继承实现一个面对对象的文本编辑器所以，什么是继承重申我们对菜单的抽象抽象菜单项目抽象菜单动画实现菜单功能初始化我们的菜单关于我们的图标设置，显示和隐藏菜单本体功能关于切换focus的菜单和进入父子菜单的函数完整的测试文件终于，我们来到了这个令人激动的部分了，现在，我们终于把所有的基础工作做好了，就差我们的动态
  • 深度学习（DL/ML）学习路径 jackl的科研日常 深度学习学习人工智能
    最近几年，尤其是自从2016年AlphaGo打败李世石事件后，人工智能技术受到了各行业极大关注。其中以机器学习技术中深度学习最受瞩目。主要原因是这些技术在科研领域和工业界的应用效果非常好，大幅提升了算法效率、降低了成本。因而市场对相关技术有了如此大的需求。我在思考传统行业与这些新兴技术结合并转型的过程中，亦系统的回顾了深度学习及其相关技术。本文正是我在学习过程中所作的总结。我将按照我所理解的学习路
  • 【Elasticsearch】 Compound Queries risc123456 Elasticsearchelasticsearch大数据搜索引擎
    ElasticsearchCompoundQueriesElasticsearch的CompoundQueries是一种强大的工具，用于组合多个查询子句，以实现更复杂的搜索逻辑。这些查询子句可以是叶查询（LeafQueries）或复合查询（CompoundQueries），并且可以用于组合结果和分数、改变行为或从查询上下文切换到过滤上下文。主要的复合查询类型bool查询：用于组合多个叶查询或复合查
  • 基于深度学习的行人检测识别系统：YOLOv8 + UI界面 + 数据集完整实现 2025年数学建模美赛 深度学习YOLOui人工智能分类
    1.引言行人检测与识别是计算机视觉中的一个重要领域，广泛应用于安防监控、智能交通、自动驾驶等多个领域。传统的行人检测方法面临着许多挑战，如低光照、复杂背景、遮挡等问题。随着深度学习技术的迅猛发展，基于卷积神经网络（CNN）的方法，尤其是YOLO（YouOnlyLookOnce）系列算法，在行人检测中取得了显著的效果。YOLOv8作为YOLO系列的最新版本，继承了YOLO一贯的高效性和准确性，在速度
  • Python Flask框架基础（五）数据库 525小白菜 PythonWeb编程数据库pythonflask
    数据库是大多数动态Web程序的基础设施，本章主要介绍如何给Flask程序添加数据库支持，具体来说就是在Python中使用DBMS来对数据库进行管理和操作。使用ORM不光可以解决SQL注入的问题，而且它为不同的DBMS提供统一的Python接口库，使得切换数据库非常简单。ORM把底层的SQL数据实体转化成高层的Python对象，这样甚至不用了解SQL，只需要通过Python代码即可完成数据库操作，O
  • 笔记day4 子非鱼921 Vue项目实战（尚品汇）笔记vue
    文章目录1复习2开发Search模块中的TypeNav商品分类菜单（过渡动画效果）3商品分类三级列表可以进行优化4合并params与query参数5开发Home首页中的ListContainer组件与Floor组件6swiper1复习商品分类的三级列表由静态变为动态形式【获取服务器数据：解决代理跨域问题】函数防抖与节流【面试频率很高】路由跳转：声明式导航（router-link）、编程式导航【编程
  • 【转载】通过 GetMessageExtraInfo 方法判断当前收到的鼠标消息是否来自触控板和 Pen 涟幽516 windowsmicrosoft
    大家都知道，在不开启WM_Pointer的情况下，无论是走WM_Touch或者是RealTimeStylus等方式，默认下触摸都会提升为鼠标消息从而更好兼容应用程序的逻辑如果此时应用程序想要根据消息循环里面接收到的Win32消息判断一个鼠标消息的来源是否来自于触摸框触摸屏或者是Pen笔等，可以通过GetMessageExtraInfo方法获取更多的信息根据GetMessageExtraInfo方法
  • Vue - route路由（router-link、useRoute、useRouter） 来一碗刘肉面 Vuevue.jsjavascript前端
    为了避免反复在app.vue中去修改引入的路径，当用了新的页面，想切换回老页面的时候，都需要去手动改变路径，那么有没有一种可能，可以在一个地方，把这些组件配置好，然后通过不同的路径，就去访问不同的组件呢？vuerouter就提供了这个功能，翻译一下，router：路由，vuerouter，vue的路由。单页面应用：SPASPA的核心思想是将应用划分为多个组件，通过前端路由来控制不同组件的显示，实现
  • npm镜像源管理工具 Mister.wang npm前端node.js
    npm镜像源管理工具一、镜像源链接切换全局切换镜像源：npmconfigsetregistryhttp://registry.npm.taobao.org查看镜像源使用状态：npmgetregistry全局切换官方镜像源：npmconfigsetregistryhttp://www.npmjs.org二、使用nrm切换镜像源1.nrmnrm(npmregistrymanager)是npm的镜像源管
  • 常用的npm镜像源配置方法 TechExplorer365 ToolVuenpm前端node.js
    常用的npm镜像源配置方法常用的npm镜像源配置方法一、切换到淘宝镜像源二、切换到腾讯云镜像源三、切换到华为云镜像源四、通过淘宝提供的`cnpm`工具安装包常用的npm镜像源配置方法一、切换到淘宝镜像源配置命令：npmconfigsetregistryhttps://registry.npmmirror.com验证配置：npmconfiggetregistry如果返回https://registr
  • Vue3实现酷炫打字机效果：让你的网站文字动起来 陈书予 三十天精通Vue3(含示例代码和代码说明)vue.jsjavascript前端vueelementui
    ✅创作者：陈书予个人主页：陈书予的个人主页陈书予的个人社区，欢迎你的加入:陈书予的社区专栏地址:三十天精通Vue3文章目录引言一、介绍1.1什么是酷炫打字机效果1.2Vue3框架简介二、创建Vue3项目2.1安装VueCLI2.2创建Vue3项目2.3运行项目三、实现酷炫打字机效果3.1准备工作3.2创建Typewriter组件3.3实现打字机效果四、优化酷炫打字机效果4.1优化Typewrite
  • SnapGene 4.3.6 win 中文完美不闪退 科研小行星
    SnapGene是一款功能非常强大的分子生物学软件，融合了DNAStar，DNAman等软件的优点，软件体积小，大量运用了可视化显示效果和操作效果，非常容易上手。4.3.6版位目前最稳定版，序列不会闪退隐藏，下载见文末。供专业的生物分析功能，可以通过这款软件在电脑分析生物实验数据，你可以在软件新建一个DNA，随后使用软件内置的功能帮助你分析蛋白酶，支持选择酶、使用酶组、隐藏酶、保存酶组、输出酶组、
  • 毕设分享 基于Kmeans的图像分割算法软件设计 bee_dc 毕业设计毕设大数据
    文章目录0简介1Kmeans聚类算法基本原理2基于Kmeans图像分割算法流程4代码运行结果及评价5最后0简介今天学长向大家分享一个毕业设计项目毕业设计基于Kmeans的图像分割算法软件设计项目运行效果：毕业设计基于kmean的图像分割项目分享:见文末!1Kmeans聚类算法基本原理K-Means算法的思想很简单，对于给定的样本集，按照样本之间的距离大小，将样本集划分为K个簇。让簇内的点尽量紧密的
  • 毕设开源 python大数据旅游数据分析可视化系统(源码分享) bee_dc 毕业设计毕设大数据
    文章目录0前言1课题背景2数据处理3数据可视化工具3.1django框架介绍3.2ECharts4Django使用echarts进行可视化展示（mysql数据库）4.1修改setting.py连接mysql数据库4.2导入数据4.3使用echarts可视化展示5实现效果5.1前端展示5.2后端展示6最后0前言这两年开始毕业设计和毕业答辩的要求和难度不断提升，传统的毕设题目缺少创新和亮点，往往达不到
  • 毕业设计项目 深度学习人体目标检测 bee_dc 毕业设计毕设大数据
    1简介今天学长向大家介绍一个机器视觉的毕设项目，基于深度学习的人体目标检测算法研究与实现项目运行效果：毕业设计深度学习行人目标检测系统项目分享:见文末!2目标检测概念普通的深度学习监督算法主要是用来做分类，如图1所示，分类的目标是要识别出图中所示是一只猫。在ILSVRC（ImageNetLargeScaleVisualRecognitionChallenge)竞赛以及实际的应用中，还包括目标定位和
  • 2025蛇年喜庆HTML5代码 学习&实践爱好者 HTML5与CSS3JavaScrip技术编程实践系列html5前端html
    2025蛇年喜庆HTML5代码以下是一个简单的HTML5+CSS+JavaScript代码示例，用于庆祝2025年蛇年。先看效果图：源码如下：2025年蛇年快乐！body{font-family:'Arial',sans-serif;background-color:#0a0a23;/*深蓝色背景*/color:#ffffff;/*白色文字*/text-align:center;margin:0;
  • DeepSeek 推出全新推理模型 R1-Lite 预览版 三花AI 三花AI人工智能
    DeepSeek全新研发的推理模型预览版DeepSeek-R1-Lite现已正式上线网页版。R1系列模型采用强化学习训练，推理过程中包含大量反思和验证，思维链长度可达数万字。该系列模型在数学、代码以及各种复杂逻辑推理任务上，取得了媲美o1-preview的推理效果。目前，DeepSeek-R1-Lite仍处于迭代开发阶段，仅支持网页使用，暂不支持API调用。官方表示，正式版DeepSeek-R1模
  • Java实现的基于模板的网页结构化信息精准抽取组件：HtmlExtractor yangshangchuan 信息抽取HtmlExtractor精准抽取信息采集
    HtmlExtractor是一个Java实现的基于模板的网页结构化信息精准抽取组件，本身并不包含爬虫功能，但可被爬虫或其他程序调用以便更精准地对网页结构化信息进行抽取。   HtmlExtractor是为大规模分布式环境设计的，采用主从架构，主节点负责维护抽取规则，从节点向主节点请求抽取规则，当抽取规则发生变化，主节点主动通知从节点，从而能实现抽取规则变化之后的实时动态生效。 如
  • java编程思想 -- 多态 百合不是茶 java多态详解
    一: 向上转型和向下转型 面向对象中的转型只会发生在有继承关系的子类和父类中（接口的实现也包括在这里）。父类：人    子类：男人向上转型： Person p = new Man() ; //向上转型不需要强制类型转化向下转型： Man man =
  • [自动数据处理]稳扎稳打,逐步形成自有ADP系统体系 comsci dp
          对于国内的IT行业来讲,虽然我们已经有了"两弹一星",在局部领域形成了自己独有的技术特征,并初步摆脱了国外的控制...但是前面的路还很长....       首先是我们的自动数据处理系统还无法处理很多高级工程...中等规模的拓扑分析系统也没有完成,更加复杂的
  • storm 自定义 日志文件 商人shang stormclusterlogback
    Storm中的日志级级别默认为INFO，并且，日志文件是根据worker号来进行区分的，这样，同一个log文件中的信息不一定是一个业务的，这样就会有以下两个需求出现： 1. 想要进行一些调试信息的输出 2. 调试信息或者业务日志信息想要输出到一些固定的文件中   不要怕，不要烦恼，其实Storm已经提供了这样的支持，可以通过自定义logback 下的 cluster.xml 来输
  • Extjs3 SpringMVC使用 @RequestBody 标签问题记录 21jhf
    springMVC使用 @RequestBody(required = false) UserVO userInfo 传递json对象数据，往往会出现http 415，400,500等错误，总结一下需要使用ajax提交json数据才行，ajax提交使用proxy，参数为jsonData，不能为params；另外，需要设置Content-type属性为json，代码如下： （由于使用了父类aaa
  • 一些排错方法 文强chu 方法
    1、java.lang.IllegalStateException: Class invariant violation at org.apache.log4j.LogManager.getLoggerRepository(LogManager.java:199)at org.apache.log4j.LogManager.getLogger(LogManager.java:228) at o
  • Swing中文件恢复我觉得很难 小桔子 swing
           我那个草了！老大怎么回事，怎么做项目评估的？只会说相信你可以做的，试一下，有的是时间！        用java开发一个图文处理工具，类似word，任意位置插入、拖动、删除图片以及文本等。文本框、流程图等，数据保存数据库，其余可保存pdf格式。ok,姐姐千辛万苦，
  • php 文件操作 aichenglong PHP读取文件写入文件
    1 写入文件 @$fp=fopen("$DOCUMENT_ROOT/order.txt", "ab"); if(!$fp){ echo "open file error" ; exit; } $outputstring="date:"." \t tire:".$tire."
  • MySQL的btree索引和hash索引的区别 AILIKES 数据结构mysql算法
    Hash 索引结构的特殊性，其 检索效率非常高，索引的检索可以一次定位，不像B-Tree 索引需要从根节点到枝节点，最后才能访问到页节点这样多次的IO访问，所以 Hash 索引的查询效率要远高于 B-Tree 索引。     可能很多人又有疑问了，既然 Hash 索引的效率要比 B-Tree 高很多，为什么大家不都用 Hash 索引而还要使用 B-Tree 索引呢
  • JAVA的抽象--- 接口 --实现 百合不是茶
    抽象 接口 实现接口   //抽象 类 ,方法   //定义一个公共抽象的类 ,并在类中定义一个抽象的方法体 抽象的定义使用abstract   abstract class A 定义一个抽象类 例如： //定义一个基类 public abstract class A{     //抽象类不能用来实例化，只能用来继承 //
  • JS变量作用域实例 bijian1013 作用域
    <script> var scope='hello'; function a(){ console.log(scope); //undefined var scope='world'; console.log(scope); //world console.log(b);
  • TDD实践（二） bijian1013 javaTDD
    实践题目：分解质因数 Step1： 单元测试： package com.bijian.study.factor.test; import java.util.Arrays; import junit.framework.Assert; import org.junit.Before; import org.junit.Test; import com.bijian.
  • [MongoDB学习笔记一]MongoDB主从复制 bit1129 mongodb
    MongoDB称为分布式数据库，主要原因是1.基于副本集的数据备份， 2.基于切片的数据扩容。副本集解决数据的读写性能问题，切片解决了MongoDB的数据扩容问题。   事实上，MongoDB提供了主从复制和副本复制两种备份方式，在MongoDB的主从复制和副本复制集群环境中，只有一台作为主服务器，另外一台或者多台服务器作为从服务器。 本文介绍MongoDB的主从复制模式，需要指明
  • 【HBase五】Java API操作HBase bit1129 hbase
    import java.io.IOException; import org.apache.hadoop.conf.Configuration; import org.apache.hadoop.hbase.HBaseConfiguration; import org.apache.hadoop.hbase.HColumnDescriptor; import org.apache.ha
  • python调用zabbix api接口实时展示数据 ronin47
    zabbix api接口来进行展示。经过思考之后，计划获取如下内容：     1、  获得认证密钥     2、  获取zabbix所有的主机组     3、  获取单个组下的所有主机     4、  获取某个主机下的所有监控项  
  • jsp取得绝对路径 byalias 绝对路径
    在JavaWeb开发中，常使用绝对路径的方式来引入JavaScript和CSS文件，这样可以避免因为目录变动导致引入文件找不到的情况，常用的做法如下： 一、使用${pageContext.request.contextPath} 　　代码” ${pageContext.request.contextPath}”的作用是取出部署的应用程序名，这样不管如何部署，所用路径都是正确的。
  • Java定时任务调度：用ExecutorService取代Timer bylijinnan java
    《Java并发编程实战》一书提到的用ExecutorService取代Java Timer有几个理由，我认为其中最重要的理由是： 如果TimerTask抛出未检查的异常，Timer将会产生无法预料的行为。Timer线程并不捕获异常，所以 TimerTask抛出的未检查的异常会终止timer线程。这种情况下，Timer也不会再重新恢复线程的执行了;它错误的认为整个Timer都被取消了。此时，已经被
  • SQL 优化原则 chicony sql
    一、问题的提出 　在应用系统开发初期，由于开发数据库数据比较少，对于查询SQL语句，复杂视图的的编写等体会不出SQL语句各种写法的性能优劣，但是如果将应用系统提交实际应用后，随着数据库中数据的增加，系统的响应速度就成为目前系统需要解决的最主要的问题之一。系统优化中一个很重要的方面就是SQL语句的优化。对于海量数据，劣质SQL语句和优质SQL语句之间的速度差别可以达到上百倍，可见对于一个系统
  • java 线程弹球小游戏 CrazyMizzz java游戏
    最近java学到线程，于是做了一个线程弹球的小游戏，不过还没完善 这里是提纲 1.线程弹球游戏实现 1.实现界面需要使用哪些API类 JFrame JPanel JButton FlowLayout Graphics2D Thread Color ActionListener ActionEvent MouseListener Mouse
  • hadoop jps出现process information unavailable提示解决办法 daizj hadoopjps
    hadoop jps出现process information unavailable提示解决办法   jps时出现如下信息： 3019 -- process information unavailable3053 -- process information unavailable2985 -- process information unavailable2917 --
  • PHP图片水印缩放类实现 dcj3sjt126com PHP
    <?php class Image{ private $path; function __construct($path='./'){ $this->path=rtrim($path,'/').'/'; } //水印函数，参数：背景图，水印图，位置，前缀,TMD透明度 public function water($b,$l,$pos
  • IOS控件学习：UILabel常用属性与用法 dcj3sjt126com iosUILabel
    参考网站： http://shijue.me/show_text/521c396a8ddf876566000007 http://www.tuicool.com/articles/zquENb http://blog.csdn.net/a451493485/article/details/9454695 http://wiki.eoe.cn/page/iOS_pptl_artile_281
  • 完全手动建立maven骨架 eksliang javaeclipseWeb
    建一个 JAVA 项目 ： mvn archetype:create -DgroupId=com.demo -DartifactId=App [-Dversion=0.0.1-SNAPSHOT] [-Dpackaging=jar] 建一个 web 项目 ： mvn archetype:create -DgroupId=com.demo -DartifactId=web-a
  • 配置清单 gengzg 配置
    1、修改grub启动的内核版本 vi /boot/grub/grub.conf 将default 0改为1 拷贝mt7601Usta.ko到/lib文件夹 拷贝RT2870STA.dat到 /etc/Wireless/RT2870STA/文件夹 拷贝wifiscan到bin文件夹，chmod 775 /bin/wifiscan 拷贝wifiget.sh到bin文件夹，chm
  • Windows端口被占用处理方法 huqiji windows
    以下文章主要以80端口号为例，如果想知道其他的端口号也可以使用该方法..........................1、在windows下如何查看80端口占用情况?是被哪个进程占用?如何终止等.        这里主要是用到windows下的DOS工具,点击"开始"--"运行",输入&
  • 开源ckplayer 网页播放器， 跨平台(html5, mobile)，flv, f4v, mp4, rtmp协议. webm, ogg, m3u8 ！ 天梯梦 mobile
    CKplayer，其全称为超酷flv播放器，它是一款用于网页上播放视频的软件，支持的格式有：http协议上的flv,f4v,mp4格式，同时支持rtmp视频流格 式播放，此播放器的特点在于用户可以自己定义播放器的风格，诸如播放/暂停按钮，静音按钮，全屏按钮都是以外部图片接口形式调用，用户根据自己的需要制作 出播放器风格所需要使用的各个按钮图片然后替换掉原始风格里相应的图片就可以制作出自己的风格了，
  • 简单工厂设计模式 hm4123660 java工厂设计模式简单工厂模式
           简单工厂模式（Simple Factory Pattern）属于类的创新型模式，又叫静态工厂方法模式。是通过专门定义一个类来负责创建其他类的实例，被创建的实例通常都具有共同的父类。简单工厂模式是由一个工厂对象决定创建出哪一种产品类的实例。简单工厂模式是工厂模式家族中最简单实用的模式，可以理解为是不同工厂模式的一个特殊实现。
  • maven笔记 zhb8015 maven
    跳过测试阶段： mvn package -DskipTests 临时性跳过测试代码的编译： mvn package -Dmaven.test.skip=true   maven.test.skip同时控制maven-compiler-plugin和maven-surefire-plugin两个插件的行为，即跳过编译，又跳过测试。   指定测试类 mvn test
  • 非mapreduce生成Hfile，然后导入hbase当中 Stark_Summer maphbasereduceHfilepath实例
    最近一个群友的boss让研究hbase，让hbase的入库速度达到5w+/s，这可愁死了，4台个人电脑组成的集群，多线程入库调了好久，速度也才1w左右，都没有达到理想的那种速度，然后就想到了这种方式，但是网上多是用mapreduce来实现入库，而现在的需求是实时入库，不生成文件了，所以就只能自己用代码实现了，但是网上查了很多资料都没有查到，最后在一个网友的指引下，看了源码，最后找到了生成Hfile
  • jsp web tomcat 编码问题 王新春 tomcatjsppageEncode
    今天配置jsp项目在tomcat上，windows上正常，而linux上显示乱码，最后定位原因为tomcat 的server.xml 文件的配置，添加 URIEncoding 属性： <Connector port="8080" protocol="HTTP/1.1" connectionTi
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他