MajorMayer
MajorMayer

【插件】用hammer.js插件实现网页手势操作

在开发web app页面或者做平常的微信页面开发的时候我们一贯的鼠标事件是不现实的，我们需要实现手势触摸和touch事件，像我这样的菜鸟要自己写这些手势touch事件代码，目前还是能力有限^_^。
还好有大神们的插件，先做一个拿来主义者吧，这里使用的是hammer，为什么要选着hammer不选着jqm等等其他的呢，因为个人觉得我只需要手势touch，不需要其他的，hammer里面只有纯粹的手势实现代码。

看看效果



所有使用方法都写到代码注释中了，就不在赘述了^_^

上代码

<!DOCTYPE html>
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
    <script src="http://cdn.bootcss.com/jquery/3.0.0-beta1/jquery.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.6/hammer.min.js"></script>
    <title></title>
    <style type="text/css"> /*左边固定部分*/ #lt { position: absolute; top: 0px; left: -70px; width: 70px; text-align: center; } #lt div { line-height: 3em; color: #808080; border-bottom: 1px solid #D4D4D4; cursor: pointer; } /*被激活的tab样式*/ .curunt { line-height: 3em; color: #C0192A !important; border-left: 4px solid #C0192A; background: white; } /*右边自适应部分*/ #rt { position: absolute; top: 0px; left: 0px; width: 100%; right: 0; height: 100%; background: white; } /*左边tab添加手势滑动过度*/ #lt, #rt { transition: left 1s; -moz-transition: left 1s; -webkit-transition: left 1s; -o-transition: left 1s; } /*数据表格样式*/ .flexcss { width: 95%; font-size: 10pt; line-height: 3em; margin-left: 5%; } </style>

</head>
<body>
        <div id="lt">
            <div class="curunt">白酒</div>
            <div>白酒</div>
            <div>白酒</div>
            <div>白酒</div>
        </div>

        <div id="rt">
            <table class="flexcss">
                <tr>
                    <td colspan="3">
                        <h3>类型</h3>
                    </td>
                </tr>
                <tr>
                    <td>冰酒</td>
                    <td>起泡酒</td>
                    <td>干红葡萄酒</td>
                </tr>
                <tr>
                    <td>冰酒</td>
                    <td>起泡酒</td>
                    <td>干红葡萄酒</td>
                </tr>
                <tr>
                    <td>冰酒</td>
                    <td>起泡酒</td>
                    <td>干红葡萄酒</td>
                </tr>
            </table>
            <table class="flexcss">
                <tr>
                    <td colspan="3">
                        <h3>品牌</h3>
                    </td>
                </tr>
                <tr>
                    <td>马格普益乐</td>
                    <td>马格普益乐</td>
                    <td>干红葡萄酒</td>
                </tr>
                <tr>
                    <td>马格普益乐</td>
                    <td>马格普益乐</td>
                    <td>干红葡萄酒</td>
                </tr>
                <tr>
                    <td>马格普益乐</td>
                    <td>马格普益乐</td>
                    <td>干红葡萄酒</td>
                </tr>
            </table>
        </div>
    <script type="text/javascript"> //本页面暂未实现后台 //疑问联系【编码人】周杨 QQ1414294708 var e = window.event || e; //事件注册 function addListener(element, e, fn) { if (element.addEventListener) { element.addEventListener(e, fn, false); } else { element.attachEvent(e, fn); } } //加载手势库，判断左滑右滑 //container 是手势滑动区域，mc是讲区域加入手势监测管理，Swipe 是监测到滑动的手势 var container = document.getElementById('rt'), mc = new Hammer.Manager(container), Swipe = new Hammer.Swipe(); mc.add(Swipe); mc.on('swipeleft', function (e) { $("#lt").css("left", "-70px"); $("#rt").css("left", "0px"); }); mc.on('swiperight', function (e) { $("#lt").css("left", "0px"); $("#rt").css("left", "70px"); }); //tab切换 var lt = document.getElementById('lt').children; for (var i = 0; i < lt.length; i++) { addListener(lt[i], "click", function (e) { for (var i = 0; i < lt.length; i++) { var cild = $(e.target).parent().children()[i]; if (cild == e.target) { $(e.target).toggleClass("curunt"); } else { cild.className = ""; } } }); } </script>
</body>
</html>

源码下载：http://pan.baidu.com/s/1dETFD65

你可能感兴趣的:(js,插件,手势,Hammer)

  • 在HarmonyOS ArkTS ArkUI-X 5.0及以上版本中，手势开发全攻略：
    在HarmonyOS应用开发中，手势交互是连接用户与设备的核心纽带。ArkTS框架提供了丰富的手势处理能力，既支持点击、长按、拖拽等基础单一手势的精细控制，也能通过多种绑定策略解决父子组件的手势竞争问题。本文将结合官方开发文档，从单一手势特性、绑定方法原理到实战场景，为开发者构建完整的手势开发知识体系。一、七大核心单一手势的深度解析（一）基础交互：点击与长按手势点击手势（TapGesture）通过
  • HarmonyOS-ArkUI 手势系列4--多层级手势 曹小满2579 HarmonyOS学习笔记HarmonyOSharmonyos华为ArkUIArkTs
    HarmonyOS-ArkUI手势系列1--API分析及使用方式及示例-CSDN博客HarmonyOS-ArkUI手势系列2--单一手势(长按，拖拽，滑动，旋转，捏合)-CSDN博客HarmonyOS-ArkUI手势系列3--组合手势-CSDN博客什么是多层级手势就是父容器和子组件都有手势监听的情况，叫做多层级手势。VSAndroid如果您没有Android研发经验，可以略过此处。本节主要是讲鸿蒙
  • HTML表格导出为Excel文件的实现方案 ~风清扬~ 前端技术htmlexcel前端
    1、前端javascript可通过mime类型、blob对象或专业库（如sheetjs）实现html表格导出excel，适用于中小型数据量；2、服务器端方案利用后端语言（如python的openpyxl、java的apachepoi）处理复杂报表和大数据，确保安全性与格式控制；3、常见问题包括数据类型识别错误、样式丢失、大文件卡顿、浏览器兼容性及乱码，需通过设置单元格类型、使用后端样式api、分页
  • 如何学习前端炙手可热的Vue？Vue学习路线图详解！ 真·skysys 大前端和跨平台技术vue
    总结vue文档从0.11、0.12、1.0、2.x到3.0beta本文章长期更新，持续维护限于博主水平，如有错漏还望各位不吝赐教文章内容可能有争议，欢迎大家理性交流与探讨What’svue：Vue.js是什么？定位设计目标（初心）：通过尽可能简单的API提供响应数据绑定和可组合视图组件灵感来源（创意）：AngularJS，KnockoutJS，Ractive.js和Rivets.js。在简单性和功
  • Vue进阶之Vue项目实战（四） VillanelleS Vue无代码可视化项目vue.js前端javascript
    Vue项目实战出码功能知识介绍渲染器性能调优使用vuedevtools进行分析使用“渲染”进行分析判断打包构建的产物是否符合预期安装插件使用位置使用过程使用lighthouse分析页面加载情况使用performance分析页面加载情况应用自动化部署与发布CI/CD常见的CI/CD服务出码功能出码->1、直接序列化JSON2、直接出代码code出包->不需要将代码进行输出，只需要在对应的编辑器中间，
  • 鸿蒙开发中创建手势登录
    话不多说直接上代码引入文件解释：headElement是我自己封装的头部组件可直接删除PreferencesUtil是使用的第三方库网址https://ohpm.openharmony.cn/#/cn/detail/@pura%2Fharmony-utils可自行去安装使用不需要用第三方首选项的话可删除相关代码即可importrouterfrom'@ohos.router';import{head
  • 鸿蒙Harmony应用开发—ArkTS声明式开发（基础手势：PatternLock）
    图案密码锁组件，以九宫格图案的方式输入密码，用于密码验证场景。手指在PatternLock组件区域按下时开始进入输入状态，手指离开屏幕时结束输入状态完成密码输入。说明：该组件从APIVersion9开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。子组件无接口PatternLock(controller?:PatternLockController)参数:参数名参数类型必填描述
  • 鸿蒙手势密码 大土豆的bug记录 鸿蒙开发鸿蒙harmonyos
    一.实现步骤1.直接贴代码PatternLock(this.patternLockController).sideLength(320)//宽高.circleRadius(12)//圆点半径.pathStrokeWidth(1)//线宽度.regularColor('#ffd9d9d9')//未选中圆点色.backgroundColor('#FFFFFF')//设置背景色.activeColor(
  • 轻量级、无依赖、响应式粒子背景动画库——tsparticles、@tsparticles/engine、@tsparticles/react
    项目简介tsparticles-demo是一个基于React和tsparticles的可视化粒子特效演示项目，旨在为开发者和设计师提供丰富、炫酷的粒子动画效果参考。项目支持多种粒子特效切换，界面美观，交互友好，适合用于网页背景、登录页、展示页等多种场景。无依赖项（*），浏览器直接可用，且兼容React.js、Vue.js（2.x和3.x）、Angular、Svelte、jQuery、Preact、
  • 鸿蒙系统（HarmonyOS）应用开发之手势锁屏密码锁（PatternLock） 伍哥的传说 HarmonyOS资源华为鸿蒙harmonyos前端前端框架
    项目概述基于鸿蒙（OpenHarmony）平台开发的手势密码锁应用，旨在为用户提供安全、便捷且具有良好交互体验的身份验证方式。通过手势图案输入，用户可以轻松设置和验证密码，提升设备的安全性和个性化体验。功能特点手势密码设置与验证：支持用户自定义手势密码，输入手势后进行验证，保障账户安全。动态提示与反馈：输入正确或错误时，界面会以不同颜色和动画进行反馈，并通过Toast提示用户操作结果。密码重置：一
  • Protobuf在游戏开发中的应用：TypeScript + Golang 实践 qq_16827895 golang游戏引擎服务器
    Protobuf在游戏开发中的应用：TypeScript+Golang实践指南前言在游戏开发中，客户端与服务器之间的通信是核心功能之一。随着游戏复杂度的增加，传统的JSON通信方式在性能、数据大小和类型安全方面逐渐显现出不足。ProtocolBuffers（简称Protobuf）作为Google开发的数据序列化格式，以其高效的二进制编码、强类型定义和跨语言支持等优势，成为游戏开发中理想的通信协议选
  • SVG 安装使用教程 小奇JAVA面试 安装使用教程SVG
    一、SVG简介SVG（ScalableVectorGraphics，可缩放矢量图形）是一种基于XML的图像格式，用于描述二维图形。与传统的PNG、JPG等位图格式不同，SVG不会因放大而失真，适合展示图标、图表、动画和交互图形。二、SVG的应用场景网站图标和UI元素数据可视化（与ECharts、D3.js等结合）响应式Web设计中的矢量图动画和交互图形三、SVG安装环境（无需专门安装）3.1浏览器
  • java中http调用接口 传参为form-data 洋:Y springbootjavahttpservlet
    直接上代码@OverridepublicJSONObjectgetCameraList(intcurrent,intsize,Stringcode,Stringname)throwsIOException{DefaultHttpClientclient=newDefaultHttpClient();MultipartEntityBuilderbuilder=MultipartEntityBuild
  • 数学视频动画引擎Python库 -- Manim Voiceover 安装 Installation
    文中内容仅限技术学习与代码实践参考，市场存在不确定性，技术分析需谨慎验证，不构成任何投资建议。ManimVoiceover是一个为Manim打造的专注于语音旁白的插件：直接在Python中添加语音旁白：无需使用视频编辑器，即可为Manim视频添加语音旁白。在渲染期间录制旁白：通过简单的命令行界面（参见RecorderService），可使用麦克风在渲染过程中录制语音旁白。使用AI生成旁白：利用多种
  • Flink将数据流写入Kafka,Redis,ES,Mysql 浅唱战无双 flinkmysqlesrediskafka
    Flink写入不同的数据源写入到Mysql写入到ES向Redis写入向kafka写入导入公共依赖org.slf4jslf4j-simple1.7.25compileorg.apache.flinkflink-java1.10.1org.apache.flinkflink-streaming-java_2.121.10.1写入到Mysql导入依赖mysqlmysql-connector-java5.
  • 蚁群算法及蚂蚁系统的原理（js实现版） de_fault_ js算法算法javascript图论启发式算法
    蚁群算法及蚂蚁系统的原理（js实现版）蚁群算法旅行商问题蚁群系统代码实现蚁群算法蚁群算法是著名的启发式算法，常用于解决最短路径问题蚁群算法的来源蚁群算法来源于对蚂蚁寻找食物行为的观察，蚂蚁个体并不存在太高的智慧，但蚁群整体却可以通过信息素来找到通往食物的最短路径蚁群算法的原理假设从a点到b点存在2条路径，而第一条路径l短，第二条路径m长。刚开始时走l和m是随机的，但是由于l更短，所以重复频率也就更
  • 删除南方CASS10.1批量分幅图框模板里的文字（如批注：）（是CAD插件程序，插件后缀.lsp） 发光小阳 南方CASS批量分幅图框模板CAD插件.lsp
    复制下列代码到记事本中，另存并改文件后缀名为.lsp即可在CASS当插件使用(defunc:BatchDelComments(/*error*acadAppdocsfolderfilesfilefullpathdocmspentcount)(vl-load-com);;错误处理函数(defun*error*(msg)(if(anddoc(not(vlax-object-released-pdoc)
  • 数学视频动画引擎Python库 -- Manim Voiceover 快速入门 Quickstart
    文中内容仅限技术学习与代码实践参考，市场存在不确定性，技术分析需谨慎验证，不构成任何投资建议。ManimVoiceover是一个为Manim打造的专注于语音旁白的插件：直接在Python中添加语音旁白：无需使用视频编辑器，即可为Manim视频添加语音旁白。在渲染期间录制旁白：通过简单的命令行界面（参见RecorderService），可使用麦克风在渲染过程中录制语音旁白。使用AI生成旁白：利用多种
  • 掌握Three.js材质：从基础到自定义着色器 AWS云计算 Three.js材质着色器ShaderMaterial
    背景简介在Three.js中，材质是定义对象表面如何与光线交互并呈现给观察者的属性集。选择合适的材质对于创建真实感强的三维场景至关重要。本篇博客将探讨Three.js中不同类型的材质，以及如何利用它们来提升我们的三维模型质感。MeshLambertMaterial和MeshPhongMaterialMeshLambertMaterial是Three.js中用于创建具有柔和阴影的表面的一种材质。通过
  • Nuxt.js 数据获取全面指南：从基础到高级实践 vvilkin的学习备忘 Nuxtjavascript开发语言ecmascript
    在现代Web应用开发中，高效、可靠的数据获取是构建优秀用户体验的关键。Nuxt.js作为一个基于Vue.js的元框架，为开发者提供了一套完整的数据获取解决方案，既支持客户端渲染(CSR)，也支持服务器端渲染(SSR)和静态站点生成(SSG)。本文将深入探讨Nuxt.js的各种数据获取方法，分析它们的适用场景，并通过实际示例展示如何在实际项目中应用这些技术。一、Nuxt.js数据获取概述1.1为什么
  • ThreeJS—自定义着色器
    ThreeJS自定义着色器说起着色器的学习，强烈推荐康玉之编写的《GPU编程与CG语言之阳春白雪下里巴人》，尤其是此书的序言部分针砭时弊毫无隐晦的指出了当今学术现状的问题，更是发出了“开天辟地，日月重光”的愤慨。着色器的编程语言的根是CG（CForGraphics），语言风格类似C语言或者说就是；在ThreeJS当中，着色器的编程风格也是类似C语言的，引擎最终会通过字符串解析将着色器解析成正常的G
  • Three.js引擎开发：Three.js渲染技术_（14）.Three.js环境与大气效果 chenlz2007 游戏开发javascript开发语言ecmascript交互前端
    Three.js环境与大气效果在虚拟现实游戏中，环境与大气效果对于提升游戏的真实感和沉浸感至关重要。Three.js提供了多种方法来实现这些效果，包括使用环境贴图、大气散射、雾化效果等。本节将详细介绍如何在Three.js中实现这些效果，并提供具体的代码示例。环境贴图环境贴图（EnvironmentMap）是一种用于模拟物体周围环境的技术，通常用于实现反射效果。Three.js支持多种类型的环境贴
  • 用原生 JS + Vue 实现一套可复用的前端错误监控系统 javascript前端css
    摘要随着前端项目变得越来越复杂，一点小小的异常都有可能导致页面白屏、功能不可用，甚至用户直接流失。为了尽早发现这些问题，我们需要在项目中构建一个前端错误监控系统，能自动捕获错误、记录上下文、上报后端，辅助我们快速定位问题，保障线上应用的稳定运行。引言虽然市面上已有如Sentry、Fundebug等成熟的监控平台，但对于部分项目（特别是中小项目）来说，要么成本太高，要么无法灵活定制。这时候，自己搭建
  • 学习threejs，使用自定义GLSL 着色器，生成艺术作品 gis分享者 threejsgis工程师threejsGLSLglsl着色器ShaderMaterialPlaneGeometry
    ‍⚕️主页：gis分享者‍⚕️感谢各位大佬点赞收藏⭐留言加关注✅!‍⚕️收录于专栏：threejsgis工程师文章目录一、前言1.1☘️GLSL着色器1.1.1☘️着色器类型1.1.2☘️工作原理1.1.3☘️核心特点1.1.4☘️应用场景1.1.5☘️实战示例二、使用自定义GLSL着色器，生成艺术作品1.☘️实现思路2.☘️代码样例一、前言本文详细介绍如何基于threejs在三维场景中使用自定义
  • 【工具】推荐50个 IDEA 常用的插件
    今天给大家分享IDEA里一些好用的插件IntelliJIDEA2023.3.3及以上版本常用插件安利1、Lombok2、SonarLint3、CheckStyle-IDEA4、FindBugs-IDEA5、GitIntegration6、MavenHelper7、RainbowBrackets8、CodeGlance9、StringManipulation10、KeyPromoterX11、Pla
  • OpenCVforUnity人脸识别插件：Unity3D中的实时人脸检测解决方案
    OpenCVforUnity人脸识别插件：Unity3D中的实时人脸检测解决方案【下载地址】OpenCVforUnity人脸识别插件OpenCVforUnity人脸识别插件专为Unity3D开发者设计，帮助轻松实现高效的人脸识别功能。该插件支持摄像头画面的实时检测，精准比对面部特征，适用于刷脸验证等交互场景。集成简单快捷，符合Unity开发习惯，同时具备良好的可扩展性，方便二次开发与功能定制。无论
  • 快速创建Chrome浏览器二维码生成插件的完全指南 不爱说话的我
    本文还有配套的精品资源，点击获取简介：Chrome简易二维码插件是一个JavaScript开发的浏览器扩展，用于快速生成链接或文本内容的二维码，方便用户扫描分享。该插件简化了二维码生成过程，提升用户体验。开发此插件需要掌握浏览器扩展开发、事件监听、二维码库使用、DOM操作、错误处理等关键技术点。开发者还应考虑性能优化、设备适配及无障碍设计原则。本插件的实际案例能够帮助开发者提高Web开发技能，并为
  • idea常用插件 蓝天白云下遛狗 intellij-ideajavaide
    idea常用插件PDFViewer（可以查看pdf文档在idea中）QuickFilePreview(快速查看文件)LongTimeToDateLongTimeToDate是一款IDEA插件，能够方便地将毫秒日期转换为年月日格式。用户可以通过调试器、编辑器或控制台使用此插件。安装插件可通过IDEA内置市场或从指定网址下载离线包安装。使用时，只需选中毫秒日期，右键选择’ConvertLongtoDa
  • Vue从入门到精通：前端开发的基石之旅 奔跑吧邓邓子 必备核心技能vue.js前端javascript从入门到精通
    目录一、Vue简介1.1渐进式框架的含义1.2Vue在前端开发中的优势二、Vue环境搭建2.1安装Node.js和npm2.2全局安装VueCLI2.3使用VueCLI创建Vue项目三、Vue基础语法3.1数据绑定3.1.1插值语法3.1.2指令语法3.2计算属性和侦听器3.2.1计算属性3.2.2侦听器3.3条件渲染与列表渲染3.3.1v-if、v-else-if、v-else3.3.2v-sh
  • Jenkins Email Extension 插件 sankgao Jenkinsjenkins运维
    EmailExtension介绍问题和议题入门系统范围的配置项目配置流水线步骤用法预发送脚本和后发送脚本触发器扩展电子邮件发布者触发器常用触发选项脚本触发器选项TokensJelly脚本内容模板Groovy脚本内容模板附件Jive格式化程序EmailExtension官网地址：EmailExtension介绍这个插件通过给您更多的控制来扩展Mailer插件的功能。它提供了三个区域的定制：Trigg
  • 项目中 枚举与注解的结合使用 飞翔的马甲 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其他