suface
suface

移动端 触屏 滑动回弹菜单(css版)

 

 

移动端 触屏 滑动回弹菜单(css版)_第1张图片

 

移动端 触屏 滑动回弹菜单(css版)_第2张图片

 

有点：网易新闻，微信微信 热文 都是 -webkit-overflow-scrolling: touch;实现，css实现，清量；

bug： 部分安卓浏览器（uc，自带）  只支持持续滑动，不支持回弹，

          iphone垂直滑动 第一次不能完全持续滑动到底部；总体不影响使用；

        偶尔低端的手机会卡，适当 GPU hack；

         iphone safari浏览器会出现滚动条，::-webkit-scrollbar {display: none;width：0}无效；

      

 

 

如果需要js版本的持续滑动菜单 ，请点击 淘宝 xscroll.js 基于kissy框架，

不懂kissy框架。如需独立的，里面找一下，有原生的js，不依赖库的  传送门 http://xscroll.github.io/ ，感觉功能却是完善，但这个组件的体积还是有点稍微大了；

移动端 触屏 滑动回弹菜单(css版)_第3张图片

 

自己封装的移动端 触屏滑动条菜单(完善版) ，功能呵呵，能用，兼容没人淘宝的那么强大，也没那么多测试机器，win10触摸屏的不支持；

如果需要淘宝的 ，点击此处

附上css demo：

<!DOCTYPE html>
<html>
 <head>
  <title>surface</title> 
  <meta charset="utf-8" /> 
<meta name="viewport"   content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width"  />

 <meta http-equiv="pragma" content="no-cache">
 <meta http-equiv="cache-control" content="no-cache">
 <meta http-equiv="expires" content="0">
 
 
 <meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="address=no">
<meta name="format-detection" content="email=no" >
<meta name="apple-mobile-web-app-title" content="">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
 </head> 
 <body>
  
<script>  document.body.addEventListener('touchstart', function () { }); </script>
  <style>
  *{ margin:0; padding:0;}
  ul,li{ list-style:none;}



::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb:horizontal {/*当焦点不在当前区域滑块的状态*/
background:#FF0;
}
  
  
.slider_wrap {
height:40px; line-height:40px;
padding-bottom:11px; /*iphone safari 去掉滚动条*/
overflow-x: scroll;
overflow-y:hidden;
width: 85%;
/* -webkit-overflow-scrolling: touch;  js 添加  */
-webkit-transform: translateZ(0px);transform: translateZ(0px); backface-visibility:hidden;}


#slider_wrap::-webkit-scrollbar{
display:none; width:0px; -webkit-appearance: none; 
}


.u_c_items {
white-space: nowrap; height:40px;/*display: -webkit-box;*/
}

.item_cell {
display: inline-block;
height: 50px;
width: 16.6666%;
overflow: hidden;
position: relative;
}


.u_c_items span {
color: #555;
line-height: 40px;
white-space: nowrap;
display: block;
-webkit-tap-highlight-color: rgba(0,0,0,0);
text-align: center;
cursor: pointer;
}

.u_c_more {
width: 15%; background:#666; color:#fff; z-index:5; font-size:22px;
height: 40px;
line-height: 40px;
text-align: center;
position: absolute;
bottom: 0;
right: 0;
}



.qb_ns-float-menus-mask {
position: fixed;
z-index: 0;
top: 40px;
left: 0;
width: 100%;
height: 100%;
background: rgba(30,30,30,0.5);-webkit-transition: opacity .2s;
transition: opacity .2s;
opacity: 0;
pointer-events: none;
}

.qb_ns-float-menus-mask.qb_show {
opacity: 1;
pointer-events: auto;
z-index: 190;
}
  </style>
  
  
  <div style="width:98%; margin:0 auto; height:40px;border:1px solid red; position:relative; display:block; overflow-y:hidden;">
          <div class="slider_wrap " id="slider_wrap">
                <div class="u_c_items" id="j_u_c_items">
                <div class="item_cell current" scroll-left="0" data-child="all" data-cnn="all"><span data-href="#/all">推荐</span></div>
                <div class="item_cell" scroll-left="0" data-child="all" data-cnn="news"><span data-href="#/news">新闻</span></div>
                <div class="item_cell" scroll-left="0" data-child="all" data-cnn="sports"><span data-href="#/sports">体育</span></div>
                <div class="item_cell" scroll-left="45" data-child="all" data-cnn="ent"><span data-href="#/ent">娱乐</span></div>
                <div class="item_cell" scroll-left="91" data-child="all" data-cnn="money"><span data-href="#/money">财经</span></div>
                <div class="item_cell" scroll-left="777" data-child="all" data-cnn="baby"><span data-href="#/baby">亲子</span></div>
                <div class="item_cell current" scroll-left="0" data-child="all" data-cnn="all"><span data-href="#/all">推荐</span></div>
                <div class="item_cell" scroll-left="0" data-child="all" data-cnn="news"><span data-href="#/news">新闻</span></div>
                <div class="item_cell" scroll-left="0" data-child="all" data-cnn="sports"><span data-href="#/sports">体育</span></div>
                <div class="item_cell" scroll-left="45" data-child="all" data-cnn="ent"><span data-href="#/ent">娱乐</span></div>
                <div class="item_cell" scroll-left="91" data-child="all" data-cnn="money"><span data-href="#/money">财经</span></div>
               <div class="item_cell" scroll-left="777" data-child="all" data-cnn="navall"><span data-href="http://3g.163.com/touch/navigation/">更多</span></div>
              </div>
         </div> 
          <div class="u_c_more">
                <span class="more_channel up ">+</span>
          </div>
    </div>
    
    
    <div class="qb_ns-float-menus-mask ">
    
    </div>
    
    <script>
	document.getElementById('slider_wrap').style.webkitOverflowScrolling = 'touch';  //js 添加  防止开始卡死
	document.getElementById("j_u_c_items").addEventListener('touchstart', function(event){});//ios7 促发
	
     var u_c_more=document.querySelector(".u_c_more").addEventListener("click",function(){
		 document.querySelector(".qb_ns-float-menus-mask").classList.toggle('qb_show');
		 
	 });;
    </script>
 </body>
</html>

　　

你可能感兴趣的:(移动端 触屏 滑动回弹菜单(css版))

  • 当知识库、数据库和大模型组成“三体舰队”：智能体的宇宙级战斗力解析 芯作者 DD：计算机科学领域人工智能
    如果你以为智能体只是个会聊天的“人工智障”，那你可能错过了一场AI界的“三体文明”进化史。今天我们就来拆解智能体背后的“三体舰队”——知识库、数据库与大模型，看看这三个看似普通的组件，如何组合成能上天入地的超级智能体！一、智能体里的“三体文明”揭秘1.1知识库：AI界的移动图书馆如果把智能体比作学霸，那知识库就是它随身携带的量子速读版百科全书。不同于传统数据库的刻板，知识库玩的是三大黑科技：记忆折
  • 掌握Ollama框架：一站式教程，从环境搭建到高效开发 一名技术极客 人工智能人工智能ollama
    掌握Ollama框架：一站式教程，从环境搭建到高效开发安装ollamamacOSWindows预览版LinuxDockerollama的库和工具ollama-pythonollama-js快速开始运行模型访问模型库自定义模型从GGUF导入模型自定义提示CLI参考创建模型拉取模型删除模型复制模型多行输入多模态模型提示作为参数传入RESTAPI生成响应与模型对话构建ollama安装依赖生成依赖构建二进
  • 浙大版PTA Python程序设计 题目与知识点整理（综合版）
    目录第一章一、高级语言程序的执行方式二、变量赋值与内存地址三、字符编码3.1Unicode3.2ASCII（AmericanStandardCodeforInformationInterchange）四、编程语言分类按照编程范式分类4.1面向过程语言4.2面向对象语言五、原码、反码和补码5.1原码5.2反码5.3补码六、基本的计算机概念6.1二进制和数据表示6.2内存和存储6.3变量和常量6.4运
  • Linux系统下nvm工具的安装与基本使用 江湖有缘 Linux技术学习linuxvim运维
    Linux系统下nvm工具的安装与基本使用引言一、NVM介绍1.1nvm简介1.2主要特点1.3使用场景二、本地环境介绍3.1本地环境规划3.2本次实践介绍三、检查本地环境3.1检查本地操作系统版本3.2检查系统内核版本四、安装node.js4.1安装nvm4.2查看nvm版本4.3安装node.js4.4查看当前node版本五、nvm管理5.1安装Node.js指定版本5.2切换Node.js版
  • JavaWeb开发1 偷萧逸苦茶 java
    JavaWeb什么是web?全球广域网，能够通过浏览器访问的网站Web网站工作流程Web前端开发网页有哪些部分组成？文字，图片，音频，视频，超链接...我们看到的网页本质是程序员写的前端代码前端代码如何转换成用户眼中的网页？通过浏览器解析和渲染浏览器中对代码解析渲染的部分称为浏览器内核Web标准HTML：负责网页结构（页面元素和内容）CSS：负责网页的表现（页面元素外观，位置等页面样式，如颜色、大
  • Windows 11 24H2 专业版/家庭版安装教程（2025年6月更新版）- U盘启动盘制作+详细步骤
    准备U盘启动盘下载个叫「Rufus」的免费小工具（百度搜就行）。插入一个至少8GB的空U盘（U盘会被清空，提前备份资料！）。打开Rufus，选你的U盘，ISO文件选你下载的那个zh-cn_windows_11...ISO，其他设置默认，点「开始」等它做完。Win11msdn官方原版iso镜像下载(2025年6月17日更新)网盘下载地址：https://pan.quark.cn/s/13b260e1
  • Huawei 6730 Switch software upgrade example版本升级 funnycoffee123 华为java前端
    Huawei6730Switchsoftwareupgradeexample版本V1.0密级•开放内部•机密类型讨论版•测试版•正式版修订记录修订日期修订人版本号审核人修订说明目录1背景32升级步骤32.1备份当前配置32.2备份当前版本文件32.2.1交换机连接ftpserver32.2.2备份当前老版本文件到ftpserver42.2.3备份当前配置文件到ftpserver42.3拷贝新版
  • 基于eNSP的mstp基础实验和综合实验-20250704练习版 韩公子的Linux大集市 服务器前端javascript
    文章目录华为eNSPMSTP实验全集（S5700版）-终极整合指南实验拓扑图全集（含数据流可视化）实验1：单交换机MSTP基础配置实验2：跨交换机MSTP负载分担实验3：MSTP与静态路由集成实验4：企业MSTP网络架构（综合实验）详细配置手册（S5700为核心）通用配置原则实验1：单交换机MSTP配置实验2：跨交换机负载分担实验3：MSTP与路由集成实验4：企业级MSTP网络全实验验证矩阵初学者
  • Switch全能模拟器1.19.1，续航提升30%+60帧 2501_92572038 memcached
    1解压switch1.19.1.7有俩个文件夹switch文件1.19.1.7复制粘贴内存卡根目录1.19.1.7前端相册安装2解压retroarch文件。复制粘贴内存卡根目录3ROM游戏文件夹。复制粘贴内存卡根目录4投币键ZL开始建ZR同时按ZL和ZR菜单切换+键关闭游戏全能模拟器是最新1.19.1，核心全部手动匹配好了，全部游戏适配遥感操作，玩射击游戏按住b健连发，cpu频率默认1000改成7
  • mybatis考试
    题目：学生选课管理系统（高级版，无事务）数据库表结构（保持不变）1.学生表（student）id(主键,自增)name(学生姓名)gender(性别)age(年龄)class_id(班级ID)2.班级表（class）id(主键,自增)class_name(班级名称)课程表（course）id(主键,自增)course_name(课程名称)teacher(授课老师)3.选课表（student_cou
  • 单调栈总结 qq_43344375 刷题总结数据结构算法数据结构算法leetcode
    单调栈总结+Leetcode实例单调栈1.模型识别2.原理3.模板4.例题基础版1)LeetCode739.每日温度2)LeetCode496.下一个更大元素I3)LeetCode503.下一个更大元素II4)LeetCode901.股票价格跨度5)LeetCode1019.链表中的下一个更大节点5.例题提高版1)LeetCode84.柱状图中最大的矩形2)LeetCode42.接雨水3)Leet
  • 微信小程序——自定义顶部菜单navigationBar方式（可详细了！） 朕. 微信小程序小程序前端
    前言：开发中，设计师也是奇思妙想，把小程序顶部的默认菜单改成了自己觉得好看的样式，改了返回icon的样式，加了各种返回首页、收藏、什么鬼的按钮，甚至把胶囊按钮都给改了~~~，好吧，遵从设计师的审美，盘他（除了胶囊按钮）（本文字数较多，因为我把每一步都分的很细，都写出来了，望客官细品，仔细品）要点概述：（助于童鞋们更好的理解）小程序默认的navigationBar是占据手机顶部区域的，小程序的页面内
  • nano编辑器的详细使用教程 咖啡续命又一天 Linux编辑器
    以下是Linux下nano编辑器的详细使用指南，涵盖安装、基础操作、高级功能、快捷键以及常见问题处理。一、安装nano大多数Linux发行版已预装nano。如果没有安装，可以通过以下命令安装：Debian/Ubuntu系：sudoaptupdate&&sudoaptinstallnano-yCentOS/RHEL系：sudoyuminstallnano-y验证安装：nano--version二、启
  • Linux安装及常用指令
    一、Linux安装简述1.常见Linux发行版发行版特点Ubuntu最流行，用户友好，社区支持强，适合新手CentOS/RockyLinux企业级稳定版本，适合服务器Debian稳定、安全，适合开发或服务器ArchLinux极简、自由度高，适合进阶用户KaliLinux渗透测试专用2.安装方式✅推荐：虚拟机安装（安全、不破坏主系统）工具：VMware/VirtualBox安装流程：下载ISO镜像（
  • element-ui手机区号+手机号
    需求场景项目开发中对方要求手机号带上全球区号需求分析项目使用的是若依前端框架，element-ui的框架。尝试使用已经网上的组件vue-country-intl等发现不怎么适配element-ui的样式等。这还不是关键的，关键的是弹窗中使用这些组件发现区号的下拉展示框展示不全，层级存在问题，设置css的z-index等相关属性也不能有效处理。于是决定手搓一个element-ul下拉的区号，支持国际
  • Web自动化测试的八大元素定位 今天记单词了嘛 前端javascript自动化
    1.什么时候适合用文本自动化？1.1软件需求变更不频繁1.2项目周期比较长1.3自动化的脚本能够重复利用2.在Web自动化中元素的8大定位方法id,name,class_name,xpath,css,tag_name,link_text,partail_link_text下面例子以百度为例ID定位：driver，find_element(By.ID).send_keys("学院")name定位：d
  • 仿 Twitter 点赞爱心动画效果 其中用到 animation hackchen html前端css
    大概的原理，准备一张雪碧图，通过hover改变雪碧图的X坐标，达到动画的效果HTML：CSS：.heart{width:100px;height:100px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:url("data:image/png;base64,iVBORw0KGgoAAAANS
  • 编程新手之环境搭建：node python PyAIGCMaster Reactpython开发语言
    好的，没问题！为你新装的机器打造一套稳定、高效、专业的开发环境是一件非常有成就感的事情。我们将遵循“稳定优先，专业实践”的原则，不追求最新版本，而是选择社区广泛认可的长期支持版（LTS）和最佳实践工具。整个过程将分为几个部分：基础环境：终端、包管理器和Git，这是所有开发的基石。Node.js环境：使用版本管理器nvm，专业地管理Node.js。Python环境：使用版本管理器pyenv+venv
  • 协议篇-I3C协议 本章带你真正使用I3C 热爱学习地派大星 单片机嵌入式硬件fpga开发fpgaI3CI3C协议
    简介上一章讲到I2C协议，作为IIC的升级版，I3C的优点非常明显。总线依然采用SDA和SCL通信。相比较IIC，I3C协议要复杂很多，网上有很多对I3C的介绍，但是对于真正需要编写I3C代码的人来说并不友好，内容千篇一律，使用协议过程中遇到问题却很难找到答案，作者已经实现使用I3C协议对传感器寄存器进行读写操作。硬件特性接下来描述比较核心的内容，首先I3C的时钟一般使用推免输出，如下图所示：图1
  • Python——函数版用户管理系统 TWAS@py pythonpycharm
    今天学习了Python的函数模块，就把上次发的字典版用户管理系统用函数的框架升级一下，话不多说，进入正题。1.变量的定义#创建一个列表存放所有用户信息user_list=[]#创建元组提供选择user_input_number=("1","2","3","4","5")user_input_chance=("姓名","年龄","性别","地址")2.菜单函数menu()#创建菜单defmenu()
  • PTA | 与零交换 三流搬砖艺术家 PTA算法数据结构c++图论深度优先
    目录题目：输入格式：输出格式：输入样例：输出样例：代码：无注释版：有注释版：题目：将{0,1,2,...,n−1}的任意一个排列进行排序并不困难，这里加一点难度，要求你只能通过一系列的Swap(0,*)——即将一个数字与0交换——的操作，将初始序列增序排列。例如对于初始序列{4,0,2,1,3}，我们可以通过下列操作完成排序：Swap(0,1)⟹{4,1,2,0,3}Swap(0,3)⟹{4,1,
  • css 实现一个卡片 很菜很菜的人 cssjavascript前端
    Document.box{width:300px;height:400px;}.code{height:100px;width:360px;margin-left:-30px;background-color:white;clip-path:inset(0000round0035%35%);margin-bottom:-30px;position:relative;}.inner{width:26
  • Electron 快速上手 AAA小土豆 electronarcgisjavascript
    技术栈Web技术包括HTML、CSS、JavaScript和WebAssembly。它们是现代互联网的基石。这些技术已成为构建用户界面的最佳选择——无论是对于消费者应用程序还是关键业务型应用程序。这不仅适用于需要在浏览器中运行的应用程序，也适用于那些无法通过浏览器访问的桌面应用程序。我们在此大胆断言，这不仅适用于需要在多个操作系统上运行的跨平台应用程序，而且适用于所有类型的应用程序。Electro
  • Charles 中文版怎么用？接口抓包、慢请求分析、App 调试一文掌握 2501_91591841 httpudphttpswebsocket网络安全网络协议tcp/ip
    随着应用开发的复杂性增加，开发者在调试和优化网络请求时需要依赖高效的工具来确保系统稳定性和用户体验。特别是在Web开发和移动应用开发中，调试HTTP/HTTPS请求和API接口变得尤为重要。Charles抓包工具因其强大的抓包、调试功能以及性能分析能力，成为了开发者日常工作中不可或缺的工具。本文将介绍如何使用Charles中文版抓包工具提升API调试效率、优化应用性能和加速开发流程。1.Charl
  • 排查 WebView 中 touch、click 事件失效：移动端调试过程详解 2501_91591841 httpudphttpswebsocket网络安全网络协议tcp/ip
    在Web开发中，事件绑定通常是最基础的交互逻辑。然而，在移动端WebView环境下，哪怕一个普通的点击事件，也可能因为平台差异、容器限制、手势冲突等原因出现完全不同的表现。特别是在App中加载的Web页面中，我们经常会遇到以下情况：某些Android机型上点击按钮无反应；滑动过程中页面“卡住”或无法滑动；iOS设备上触发手势存在延迟或遮挡；同一DOM元素，在浏览器中能响应事件，在WebView中却
  • python+pygame 实现贪吃蛇小游戏 whttim Pythonpygamepython开发语言
    上代码重新修改了一下，加入了游戏结束后的菜单，可以重新开始或者退出，不用一结束就自动关闭游戏窗口后续改进，每次启动时，随机生成食物位置和蛇的位置importpygameimportrandomimportsysfrompygame.rectimportRectdefgameQuit():pygame.quit()sys.exit(0)#系统退出classCSnake(object):def__in
  • 面试版-前端开发核心知识
    一、DOM操作与事件处理：用户交互的基石1.1原生点击事件的三种绑定方式前端与用户的交互始于事件，而点击事件是最基础的交互方式。原生JavaScript绑定点击事件主要有以下三种方式：（1）HTML内联绑定（不推荐）直接在HTML标签中通过onclick属性定义事件逻辑：点击我functionhandleClick(){console.log('内联事件触发');}缺点：HTML与JS逻辑耦合，无
  • react+antd Anchor(锚点组件)通讯录字母索引实现 伍哥的传说 前端源码分享react.js前端前端框架javascriptecmascriptreactjsreact
    一、页面概述本项目实现了一个美观、实用的通讯录页面，采用React框架，结合AntDesign组件库与TailwindCSS原子化样式，支持按字母分组展示联系人，并提供便捷的字母索引导航。页面设计现代，交互流畅，适用于各类需要联系人管理的Web应用。二、功能特点字母分组展示联系人自动按姓名首字母分组，分组标题悬浮吸顶，便于快速定位。字母索引导航右侧集成AntDesignAnchor组件，点击字母可
  • 前端领域HTML的表单美化技巧 前端视界 前端htmlai
    前端领域HTML的表单美化技巧关键词：HTML表单、CSS美化、用户体验、交互设计、响应式布局、表单验证、前端框架摘要：本文将深入探讨HTML表单的美化技巧，从基础CSS样式到高级交互效果，全面解析如何提升表单的视觉吸引力和用户体验。我们将通过详细的代码示例、设计原则和实战案例，帮助开发者掌握表单美化的核心技能，包括响应式设计、动画效果、自定义组件等前沿技术。1.背景介绍1.1目的和范围本文旨在为
  • Fiddler中文版抓包工具如何帮助前端开发者高效调试 HTTPwise httpudphttpswebsocket网络安全网络协议tcp/ip
    前端开发早已不再是“写好页面就完事”的工作。随着业务复杂度提升，前端开发者需要直面接口联调、性能优化、跨域排查、HTTPS调试等一系列和网络请求紧密相关的任务。抓包工具成为这些环节中不可替代的得力助手，而Fiddler抓包工具因其全面的功能和灵活的配置能力，被无数开发者选作日常调试首选。然而，Fiddler并不是万能工具，只有与Postman、Charles等常用工具协同使用，才能让调试效率最大化
  • 算法 单链的创建与删除 换个号韩国红果果 c算法
    先创建结构体 struct student { int data; //int tag;//标记这是第几个 struct student *next; }; // addone 用于将一个数插入已从小到大排好序的链中 struct student *addone(struct student *h,int x){ if(h==NULL) //??????
  • 《大型网站系统与Java中间件实践》第2章读后感 白糖_ java中间件
           断断续续花了两天时间试读了《大型网站系统与Java中间件实践》的第2章，这章总述了从一个小型单机构建的网站发展到大型网站的演化过程---整个过程会遇到很多困难，但每一个屏障都会有解决方案，最终就是依靠这些个解决方案汇聚到一起组成了一个健壮稳定高效的大型系统。          看完整章内容，
  • zeus持久层spring事务单元测试 deng520159 javaDAOspringjdbc
    今天把zeus事务单元测试放出来,让大家指出他的毛病, 1.ZeusTransactionTest.java 单元测试   package com.dengliang.zeus.webdemo.test; import java.util.ArrayList; import java.util.List; import org.junit.Test; import
  • Rss 订阅 开发 周凡杨 htmlxml订阅rss规范
                    RSS是 Really Simple Syndication的缩写（对rss2.0而言，是这三个词的缩写，对rss1.0而言则是RDF Site Summary的缩写，1.0与2.0走的是两个体系）。   RSS
  • 分页查询实现 g21121 分页查询
    在查询列表时我们常常会用到分页，分页的好处就是减少数据交换，每次查询一定数量减少数据库压力等等。 按实现形式分前台分页和服务器分页： 前台分页就是一次查询出所有记录，在页面中用js进行虚拟分页，这种形式在数据量较小时优势比较明显，一次加载就不必再访问服务器了，但当数据量较大时会对页面造成压力，传输速度也会大幅下降。 服务器分页就是每次请求相同数量记录，按一定规则排序，每次取一定序号直接的数据
  • spring jms异步消息处理 510888780 jms
    spring JMS对于异步消息处理基本上只需配置下就能进行高效的处理。其核心就是消息侦听器容器，常用的类就是DefaultMessageListenerContainer。该容器可配置侦听器的并发数量，以及配合MessageListenerAdapter使用消息驱动POJO进行消息处理。且消息驱动POJO是放入TaskExecutor中进行处理，进一步提高性能，减少侦听器的阻塞。具体配置如下：
  • highCharts柱状图 布衣凌宇 hightCharts柱图
    第一步：导入 exporting.js,grid.js,highcharts.js;第二步：写controller   @Controller@RequestMapping(value="${adminPath}/statistick")public class StatistickController {  private UserServi
  • 我的spring学习笔记2-IoC（反向控制 依赖注入） aijuans springmvcSpring 教程spring3 教程Spring 入门
    IoC（反向控制 依赖注入）这是Spring提出来了，这也是Spring一大特色。这里我不用多说，我们看Spring教程就可以了解。当然我们不用Spring也可以用IoC，下面我将介绍不用Spring的IoC。 IoC不是框架，她是java的技术，如今大多数轻量级的容器都会用到IoC技术。这里我就用一个例子来说明： 如：程序中有 Mysql.calss 、Oracle.class 、SqlSe
  • TLS java简单实现 antlove javasslkeystoretlssecure
      1. SSLServer.java package ssl; import java.io.FileInputStream; import java.io.InputStream; import java.net.ServerSocket; import java.net.Socket; import java.security.KeyStore; import
  • Zip解压压缩文件 百合不是茶 Zip格式解压Zip流的使用文件解压
       ZIP文件的解压缩实质上就是从输入流中读取数据。Java.util.zip包提供了类ZipInputStream来读取ZIP文件,下面的代码段创建了一个输入流来读取ZIP格式的文件; ZipInputStream in = new ZipInputStream(new FileInputStream(zipFileName));     &n
  • underscore.js 学习（一） bijian1013 JavaScriptunderscore
            工作中需要用到underscore.js，发现这是一个包括了很多基本功能函数的js库，里面有很多实用的函数。而且它没有扩展 javascript的原生对象。主要涉及对Collection、Object、Array、Function的操作。       学
  • java jvm常用命令工具——jstatd命令(Java Statistics Monitoring Daemon) bijian1013 javajvmjstatd
    1.介绍         jstatd是一个基于RMI（Remove Method Invocation）的服务程序，它用于监控基于HotSpot的JVM中资源的创建及销毁，并且提供了一个远程接口允许远程的监控工具连接到本地的JVM执行命令。         jstatd是基于RMI的，所以在运行jstatd的服务
  • 【Spring框架三】Spring常用注解之Transactional bit1129 transactional
    Spring可以通过注解@Transactional来为业务逻辑层的方法(调用DAO完成持久化动作)添加事务能力，如下是@Transactional注解的定义：   /* * Copyright 2002-2010 the original author or authors. * * Licensed under the Apache License, Version
  • 我(程序员)的前进方向 bitray 程序员
    作为一个普通的程序员,我一直游走在java语言中,java也确实让我有了很多的体会.不过随着学习的深入,java语言的新技术产生的越来越多,从最初期的javase,我逐渐开始转变到ssh,ssi,这种主流的码农,.过了几天为了解决新问题,webservice的大旗也被我祭出来了,又过了些日子jms架构的activemq也开始必须学习了.再后来开始了一系列技术学习,osgi,restful.....
  • nginx lua开发经验总结 ronin47
    使用nginx lua已经两三个月了，项目接开发完毕了，这几天准备上线并且跟高德地图对接。回顾下来lua在项目中占得必中还是比较大的，跟PHP的占比差不多持平了，因此在开发中遇到一些问题备忘一下 1：content_by_lua中代码容量有限制，一般不要写太多代码，正常编写代码一般在100行左右（具体容量没有细心测哈哈，在4kb左右），如果超出了则重启nginx的时候会报 too long pa
  • java-66-用递归颠倒一个栈。例如输入栈{1,2,3,4,5}，1在栈顶。颠倒之后的栈为{5,4,3,2,1}，5处在栈顶 bylijinnan java
    import java.util.Stack; public class ReverseStackRecursive { /** * Q 66.颠倒栈。 * 题目：用递归颠倒一个栈。例如输入栈{1,2,3,4,5}，1在栈顶。 * 颠倒之后的栈为{5,4,3,2,1}，5处在栈顶。 *1. Pop the top element *2. Revers
  • 正确理解Linux内存占用过高的问题 cfyme linux
    Linux开机后，使用top命令查看，4G物理内存发现已使用的多大3.2G，占用率高达80%以上： Mem:   3889836k total,  3341868k used,   547968k free,   286044k buffers Swap:  6127608k total,&nb
  • [JWFD开源工作流]当前流程引擎设计的一个急需解决的问题 comsci 工作流
         当我们的流程引擎进入IRC阶段的时候，当循环反馈模型出现之后，每次循环都会导致一大堆节点内存数据残留在系统内存中，循环的次数越多，这些残留数据将导致系统内存溢出，并使得引擎崩溃。。。。。。       而解决办法就是利用汇编语言或者其它系统编程语言，在引擎运行时，把这些残留数据清除掉。
  • 自定义类的equals函数 dai_lm equals
    仅作笔记使用 public class VectorQueue { private final Vector<VectorItem> queue; private class VectorItem { private final Object item; private final int quantity; public VectorI
  • Linux下安装R语言 datageek R语言 linux
    命令如下：sudo gedit  /etc/apt/sources.list1、deb http://mirrors.ustc.edu.cn/CRAN/bin/linux/ubuntu/ precise/ 2、deb http://dk.archive.ubuntu.com/ubuntu hardy universesudo apt-key adv --keyserver ke
  • 如何修改mysql 并发数(连接数)最大值 dcj3sjt126com mysql
    MySQL的连接数最大值跟MySQL没关系，主要看系统和业务逻辑了   方法一：进入MYSQL安装目录 打开MYSQL配置文件 my.ini 或 my.cnf查找 max_connections=100 修改为 max_connections=1000 服务里重起MYSQL即可 　　方法二：MySQL的最大连接数默认是100客户端登录：mysql -uusername -ppass
  • 单一功能原则 dcj3sjt126com 面向对象的程序设计软件设计编程原则
    单一功能原则[ 编辑]     SOLID 原则 单一功能原则 开闭原则 Liskov代换原则 接口隔离原则 依赖反转原则 查   论   编 在面向对象编程领域中，单一功能原则（Single responsibility principle）规定每个类都应该有
  • POJO、VO和JavaBean区别和联系 fanmingxing VOPOJOjavabean
    POJO和JavaBean是我们常见的两个关键字，一般容易混淆，POJO全称是Plain Ordinary Java Object / Plain Old Java Object，中文可以翻译成：普通Java类，具有一部分getter/setter方法的那种类就可以称作POJO，但是JavaBean则比POJO复杂很多，JavaBean是一种组件技术，就好像你做了一个扳子，而这个扳子会在很多地方被
  • SpringSecurity3.X--LDAP：AD配置 hanqunfeng SpringSecurity
    前面介绍过基于本地数据库验证的方式，参考http://hanqunfeng.iteye.com/blog/1155226，这里说一下如何修改为使用AD进行身份验证【只对用户名和密码进行验证，权限依旧存储在本地数据库中】。   将配置文件中的如下部分删除： <!-- 认证管理器，使用自定义的UserDetailsService，并对密码采用md5加密-->
  • mac mysql 修改密码 IXHONG mysql
    $ sudo /usr/local/mysql/bin/mysqld_safe –user=root & //启动MySQL(也可以通过偏好设置面板来启动)$ sudo /usr/local/mysql/bin/mysqladmin -uroot password yourpassword //设置MySQL密码（注意，这是第一次MySQL密码为空的时候的设置命令，如果是修改密码，还需在-
  • 设计模式--抽象工厂模式 kerryg 设计模式
    抽象工厂模式：     工厂模式有一个问题就是，类的创建依赖于工厂类，也就是说，如果想要拓展程序，必须对工厂类进行修改，这违背了闭包原则。我们采用抽象工厂模式，创建多个工厂类，这样一旦需要增加新的功能，直接增加新的工厂类就可以了，不需要修改之前的代码。     总结：这个模式的好处就是，如果想增加一个功能，就需要做一个实现类，
  • 评"高中女生军训期跳楼” nannan408
       首先，先抛出我的观点，各位看官少点砖头。那就是，中国的差异化教育必须做起来。    孔圣人有云：有教无类。不同类型的人，都应该有对应的教育方法。目前中国的一体化教育，不知道已经扼杀了多少创造性人才。我们出不了爱迪生，出不了爱因斯坦，很大原因，是我们的培养思路错了，我们是第一要“顺从”。如果不顺从，我们的学校，就会用各种方法，罚站，罚写作业，各种罚。军
  • scala如何读取和写入文件内容？ qindongliang1922 javajvmscala
    直接看如下代码： package file import java.io.RandomAccessFile import java.nio.charset.Charset import scala.io.Source import scala.reflect.io.{File, Path} /** * Created by qindongliang on 2015/
  • C语言算法之百元买百鸡 qiufeihu c算法
    中国古代数学家张丘建在他的《算经》中提出了一个著名的“百钱买百鸡问题”，鸡翁一，值钱五，鸡母一，值钱三，鸡雏三，值钱一，百钱买百鸡，问翁，母，雏各几何？ 代码如下： #include <stdio.h> int main() { int cock,hen,chick; /*定义变量为基本整型*/ for(coc
  • Hadoop集群安全性：Hadoop中Namenode单点故障的解决方案及详细介绍AvatarNode wyz2009107220 NameNode
    正如大家所知，NameNode在Hadoop系统中存在单点故障问题，这个对于标榜高可用性的Hadoop来说一直是个软肋。本文讨论一下为了解决这个问题而存在的几个solution。 1. Secondary NameNode 原理：Secondary NN会定期的从NN中读取editlog，与自己存储的Image进行合并形成新的metadata image 优点：Hadoop较早的版本都自带，
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他