yongh701
yongh701

【AmazeUI】手机版页面的顶部导航条Header与侧边导航栏offCanvas

顶部导航条如果你细心留意下现在的页面，实在是太常见了。这个组件在手机端的页面中，同样可以借助AmazeUI这个前端框架实现。与此同时，可以在导航栏的最右方加一个触发侧边导航栏offCanvas。不要再使用BootStrap那种，一旦点击就大幅度下拉的导航了，反正我个人觉得很蛋疼的。一个导航活活地占据了页面大量位置。这个侧边导航栏offCanvas曾经是php方面的WorkPress的优秀设计来的。

使用AmazeUI做出来的效果如下：

【AmazeUI】手机版页面的顶部导航条Header与侧边导航栏offCanvas_第1张图片

首先是顶部导航栏的代码：

    	<!--这里的顶部导航栏与Bootstrap一种，也只提供深浅两色。唯一不同的是，Bootstrap是灰黑两色，AmazeUI则是灰蓝两色。去掉am-topbar-inverse则显示灰色-->
        <div class="am-topbar am-topbar-inverse">
            <h1 class="am-topbar-brand">
           		<a href="#">网站Logo</a>
            </h1>
            <div class="am-topbar-right am-fr">
            <!--在导航栏的最右方，定义两个按钮，一个是以文字的形式，跳转到其它页面，一个则是以按钮形式，触发侧边栏。-->
                <button class="am-topbar-btn am-btn am-btn-sm am-btn-primary" onClick="javascript:window.location.href='#'">其它</button>
                <button class="am-topbar-btn am-btn am-btn-sm am-btn-primary" data-am-offcanvas="{target: '#offcanvasId'}"><span class="am-icon-bars"></span></button>
            </div>
		</div>

然后是侧边栏的代码： 

        <!-- 侧边栏内容 -->
        <div id="offcanvasId" class="am-offcanvas">
            <div class="am-offcanvas-bar">
                <div class="am-offcanvas-content">
                    <ul class="am-menu-nav am-avg-sm-1">
                        <li class="">侧边栏菜单</li>
                        <li>----------</li>
                        <li><a href="#">功能1</a></li>
                        <li><a href="#">功能2</a></li>
                        <li><a href="#">功能3</a></li>
                    </ul>
                </div>
            </div>
        </div>
因此，整个页面的代码如下： 

<!--使用HTML5开发-->
<!doctype html>
<html class="no-js">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <!--自动适应移动屏幕-->
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
        <!--优先使用webkit内核渲染-->
        <meta name="renderer" content="webkit">
        <!--不要被百度转码-->
        <meta http-equiv="Cache-Control" content="no-siteapp"/>
        <!--以下才是引入amazeui资源-->
        <link rel="stylesheet" href="assets/css/amazeui.min.css">
        <link rel="stylesheet" href="assets/css/app.css">
        <!--引入js的时候要注意，必须先引入jQuery，再引入amazeui，因为这个框架是基于jQuery开发的-->
        <script src="assets/js/jquery.min.js"></script>
        <script src="assets/js/amazeui.min.js"></script>
        <title>Header</title>
    </head>

    <body>
    	<!--这里的顶部导航栏与Bootstrap一种，也只提供深浅两色。唯一不同的是，Bootstrap是灰黑两色，AmazeUI则是灰蓝两色。去掉am-topbar-inverse则显示灰色-->
        <div class="am-topbar am-topbar-inverse">
            <h1 class="am-topbar-brand">
           		<a href="mIndex-index.html">网站Logo</a>
            </h1>
            <div class="am-topbar-right am-fr">
            <!--在导航栏的最右方，定义两个按钮，一个是以文字的形式，跳转到其它页面，一个则是以按钮形式，触发侧边栏。-->
                <button class="am-topbar-btn am-btn am-btn-sm am-btn-primary" onClick="javascript:window.location.href='#'">其它</button>
                <button class="am-topbar-btn am-btn am-btn-sm am-btn-primary" data-am-offcanvas="{target: '#offcanvasId'}"><span class="am-icon-bars"></span></button>
            </div>
		</div>
        <!-- 侧边栏内容 -->
        <div id="offcanvasId" class="am-offcanvas">
            <div class="am-offcanvas-bar">
                <div class="am-offcanvas-content">
                    <ul class="am-menu-nav am-avg-sm-1">
                        <li class="">侧边栏菜单</li>
                        <li>----------</li>
                        <li><a href="#">功能1</a></li>
                        <li><a href="#">功能2</a></li>
                        <li><a href="#">功能3</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <!--接下去，你可以自由发挥了。-->
	</body>
</html>
值得注意的是，此顶部导航条Header不会出现，滚动条怎么滚动，都一直悬停在头部的情况。相当于一个普通的页面内容而已。

你可能感兴趣的:(html5,移动,手机,侧边栏,AmazeUI)

  • 抖音自动取关助手，自动取关取消点赞 2501_90701262 其他经验分享
    抖音一键自动取关助手是一款旨在帮助用户快速取消关注抖音账号的工具。通过该工具，用户可以一键取消关注，节省大量手动操作的时间，提高管理关注列表的效率。二、核心功能（一）一秒取关该工具的核心功能是一秒取关，用户可以通过简单的操作，快速取消关注大量账号。这对于需要清理大量无用关注的用户来说，非常便捷。三、设备要求抖音一键自动取关助手支持多种设备，包括安卓手机、鸿蒙手机、模拟器和云手机。用户可以根据自己的
  • 6种最新算法（小龙虾优化算法COA、螳螂搜索算法MSA、红尾鹰算法RTH、新雀优化算法NOA、鳑鲏鱼优化算法BFO、蜘蛛蜂优化算法SWO）求解机器人路径规划（提供MATLAB代码） IT猿手 机器人路径规划优化算法无人机路径规划算法机器人matlab宽度优先开发语言人工智能前端
    一、机器人路径规划介绍移动机器人（Mobilerobot，MR）的路径规划是移动机器人研究的重要分支之，是对其进行控制的基础。根据环境信息的已知程度不同，路径规划分为基于环境信息已知的全局路径规划和基于环境信息未知或局部已知的局部路径规划。随着科技的快速发展以及机器人的大量应用，人们对机器人的要求也越来越高，尤其表现在对机器人的智能化方面的要求，而机器人自主路径规划是实现机器人智能化的重要步骤，路
  • [js高手之路] dom常用API【appendChild,insertBefore,removeChild,replaceChild,cloneNode】详解与应用 nqxcwl 前端javascriptappencchildinsertbeforeclonenodereplacechildremovechild
    本文主要讲解DOM常用的CURD操作，appendChild(往后追加节点),insertBefore(往前追加节点),removeChild(移除节点),replaceChild(替换节点),cloneNode(克隆节点)的语法与实战应用一、appendChild:向元素的内部最后面增加一个节点，或者移动一个现有的节点到元素的内部最后面用法:someNode.appendChild(newNod
  • 本周MoonBit新增Wasm1引用计数支持、语法即将添加错误恢复机制 MoonBit月兔 开发语言MoonBit编程语言程序员moonbit
    MoonBit更新【WasmMVP】Wasm1后端添加基于Perceus算法的引用计数支持【语法】throwraisetrycatch均被保留为关键字为了即将添加的错误处理机制【Core】List与sorted_map被移动至core/immut下List被移动至core/immut/list包中，并被移除内置类型支持leta=@immut/list.List::Cons(1,Cons(2,Nil
  • 后端变现+AB测试双赢攻略，如何让收入不受影响？
    大家好，我是阿联。在优化移动广告变现的过程中，我们常常遇到一个老问题：如何快速测试不同的广告配置，同时避免影响收入。尤其是对像MAX、AdMob这样的广告平台，虽然它们支持AB测试，但往往效果慢且灵活性差。尤其在获取结果时，不仅周期长，而且往往会有一定的收入损失。传统的AB测试需要一定的时间来收集数据和评估效果，但这对于需要快速迭代的广告变现优化来说显然不够高效。那么，有没有一种既能保持快速测试，
  • 2023年09月 GESP等级认证Python编程（三级）试题解析 编程小伙伴测评网 CCF编程能力等级认证GESPPython三四级真题解析python开发语言算法少儿编程青少年编程数据结构排序算法
    【单选题】（每题2分）1、人们所使用的手机上安装的App通常指的是？（）A、一款操作系统B、一款应用软件C、一种通话设备D、以上都不对正确答案：B试题解析：人们所使用的手机上安装的App通常指的是一款应用软件。App
  • html5+ push-消息推送 代码简单说 html5+h5+muijs推送打包app
    push-消息推送Push模块管理推送消息功能，可以实现在线、离线的消息推送，通过plus.push可获取推送消息管理对象。方法：addEventListener:添加推送消息事件监听器clear:清空所有推送消息createMessage:创建本地消息getAllMessage:获取所有推送消息getClientInfo:获取客户端推送标识信息setAutoNotification:设置程序是否
  • 编程之外的财富：程序员必知的盈利策略 guzhoumingyue AIpython
    程序员找到稳定盈利的管道可以从以下几个方面入手：1.开发软件产品SaaS（软件即服务）：开发并销售订阅制软件，如项目管理工具、CRM系统等。移动应用：开发并上架移动应用，通过广告、内购或付费下载盈利。桌面应用：开发桌面软件，通过一次性销售或订阅模式盈利。2.提供技术服务自由职业：在平台（如Upwork、Freelancer）上接单，提供编程、网站开发等服务。咨询与培训：为企业提供技术咨询或开设编程
  • 如何使用Vue3创建在线三维模型展示？ ScriptEcho 前端
    本文由ScriptEcho平台提供技术支持项目地址：传送门代码相关的技术博客代码应用场景介绍本段代码使用RoughJS库在HTML5Canvas上创建了手绘风格的图像，展示了RoughJS库的强大功能，可用于创建具有有机手绘外观的图形。代码基本功能介绍代码通过RoughJS库创建了一个火焰状的图形，包括：火焰主体：使用path()函数绘制，采用不规则的形状和粗糙的线条。火焰细节：添加了额外的pat
  • 【蓝牙信号异地空间还原术】解决异地蓝牙信号还原模拟，自定义mac蓝牙信号数据远程神器。dd，企维，盖娅，劳冻力人员，PICC，码上J2等等蓝牙信号的设备！ linghuchong2025 蓝牙mac蓝牙信号模拟自定义mac钉钉企业微信
    痛点一：如何设置相同的蓝牙信号数据，以达到异地实现蓝牙信号还原?蓝牙设备在工作的时候，会发出一个广播信号包，这个包如果能找到，就可以实现蓝牙信号模拟还原。痛点二：如何才能获取到目标设备的蓝牙信号数据？查找蓝牙信号数据是个很简单的事情，只需要用安卓手机下载个软件就能获取到。❓如何获取信号数据？➯安卓手机+蓝牙嗅探APP轻松抓包;痛点三：那应该如何实现异地蓝牙信号还原的问题呢？利用支持写入蓝牙信号数据
  • 家里WiFi信号差，如何解决？ xiaoweids web电脑
    转自：微点阅读https://www.weidianyuedu.com现在，大家都离不开WiFi了，到亲戚朋友家串个门第一件事也是连WiFi，连得多了，相信大家心中都会有个疑惑：为啥WiFi信号总是这么差？一般情况下，在室内环境中，我们手机接收到的WiFi信号主要是反射、绕射、漫射和穿透这四种效应的叠加。后三种效应都和信号的频率关系很大，频率越高绕射和穿透的能力越差。总的来说，木头、玻璃这些障碍物
  • CPP集群聊天服务器开发实践（七）：Github上传项目 杨枝甘露小码 CPP集群聊天服务器开发服务器github
    github链接：GitHub-arduino-ctrl/ClusterServer:基于json+muduo+mysql+nginx+redis的集群服务器与客户端通信源码步骤如下：1.github新建代码仓库，复制url2.gitclonehttps://github.com/arduino-ctrl/ClusterServer.git3.将项目文件移动到ClusterServer文件夹里面m
  • 智能推送系统的智能推送功能：精准触达与高效转化的技术密码智能 数据库
    在移动互联网流量红利消退的背景下，APP企业面临着用户增长放缓、运营成本攀升的双重压力。智能消息推送系统凭借其“精准触达”与“动态优化”能力，已成为企业提升用户活跃度、挖掘商业价值的关键工具。数据显示，采用智能推送的APP用户留存率平均提升25%，转化成本降低40%。从“流量消耗”到“价值创造”的跃迁引入智能消息推送系统后，头部APP企业普遍实现关键指标的显著提升：·提升用户生命周期价值（LTV）
  • 美国主要的科技大公司及其产品介绍 C嘎嘎嵌入式开发 科技
    美国主要的科技大公司及其产品介绍1.Apple（苹果公司）概述成立时间：1976年创始人：史蒂夫·乔布斯、史蒂夫·沃兹尼亚克、罗纳德·韦恩总部：加利福尼亚州库比蒂诺主要产品iPhone：智能手机系列，广受欢迎，以其高性能和用户友好的界面著称。iPad：平板电脑系列，适用于多种应用，包括娱乐、工作和教育。Mac：个人电脑系列，包括MacBook（笔记本电脑）和iMac（台式电脑）。AppleWatc
  • 2025全新一代PHP游戏代练系统源码发布|好用的代练订单管理系统 vue.jsphpmysql
    在这里不仅可以找代练，还能成为打手当代练，同时软件中拥有一流的大神、专业的客服团队、高效的代练模式，致力为用户提供优质、高效、快捷、安全的代练服务，并且软件不仅能为您量身打造定制代练需求，还会为您包胜率解决源码获取地址！！！！！源码传送门！！！！此类系统允许用户注册账号、下单委托游戏任务、查看代练进度以及完成任务后的评价等。该系统兼容手机端，提供了良好的用户体验。PHP网站开发基础:PHP是一种广
  • 【Java实现数组的插入优化】 长安归故里♬ java算法开发语言
    头插，尾插的插入效率在之前的插入中是【直接让currentIndex++我们在填入数据】现在我们把他们分为头插和尾插和中间插入中间插入：【在插入index的位置以后移动一位然后在index的位置中插入我们的数据】publicvoidadd(intdata,intindex){//是否扩容currentIndex++;if(currentIndex>nums.length-2){inttager[]
  • 磁盘空间分析统计和管理软件 TreeSize Pro 中文注册版 下载与使用说明 xiaodi8 windows电脑
    TreeSizePro是一款功能丰富且易于操作的磁盘空间管理软件。通过它，用户可以快速、准确地查看计算机中各文件和文件夹的占用情况，从而有效地管理磁盘空间，提升计算机的性能和效率。TreeSizePro支持快速扫描各种存储介质，如硬盘、SSD、网络共享、CD/DVD以及移动设备等。扫描速度非常快，且占用系统资源少，非常适合长时间使用。更值得一提的是，它支持多任务扫描，用户可以同时扫描多个区域，从而
  • 文件内容比较工具 UltraCompare v24.0.0.23 许可证 xiaodi8 windows电脑
    UltraCompare是一款功能全面的文件比较工具，它不仅支持文本模式、文件夹模式和二进制模式的比较，还能帮助你进行文件合并、同步等操作。无论是文本文件的差异对比，还是二进制文件的内容比较，UltraCompare都能轻松应对。此外，它还支持撤消操作，拥有书签和收藏夹功能，让文件管理更方便。该版本已内置许可证，可以使用全部功能。操作说明：1、将压缩文件解压到某固定位置，不要随意移动。2、解压后，
  • 【忍者算法】字母组合“杀手锏“：5分钟攻克电话号码的字母组合｜LeetCode 17 忍者算法_ 算法leetcode职场和发展数据结构
    字母组合"杀手锏"：5分钟攻克电话号码的排列组合今天带你轻松掌握LeetCode17题「电话号码的字母组合」大家好，我是忍者算法。今天要聊的这道题，是面试中的经典题目，它不仅考察了递归回溯的思维，更是字符串处理的典型案例。来看看如何优雅地解决它！从生活场景说起还记得诺基亚手机的九宫格键盘吗？按键2对应"abc"按键3对应"def"按键4对应"ghi"…当我们要输入"hello"时，需要按：44-3
  • 软件测试技术之跨平台的移动端UI自动化测试（上） 学掌门 软件测试ITui软件测试
    摘要：本文提出一种跨平台的UI自动化测试方案，一方面使用像素级的截图对比技术，解决传统UI自动化测试难以验证页面样式的问题；另一方面用统一部署在服务器端的JavaScript测试代码代替Android和iOS测试代码，大大提高编写测试代码的效率。该方案经过实际验证，具有效率高、质量好、便于维护等多方面优点，文中将阐述具体设计思路以及各关键步骤的实现方法，为同类测试提供借鉴。一、背景当前金融服务数字
  • 【Three.js】JS 3D library（一个月进化史） Tiffany_Ho 前端Three.js
    #春节过完了，该继续投入学习了~作为一个平面开发者，想要增进更多的技能，掌握web3D开发#前置知识与技能1.JavaScript基础-掌握ES6+语法（类、模块、箭头函数、解构等）-熟悉异步编程（Promise、async/await）-了解事件循环和DOM操作2.HTML5和CSS3-熟悉Canvas和WebGL的基础概念-了解CSS3动画和变换（transform、transition）3.
  • 磐玉云手机魔盒新品上架！一起了解魔盒“黑科技” 神经网络
    磐玉云手机魔盒已上架百度云市场扫描二维码，直接下单订购关注「百度磐玉」微信公众号，了解更多产品动态
  • Python如何播放本地音乐并在web页面播放 玩人工智能的辣条哥 开源项目AISphereButlerpython前端开发语言
    环境：Python问题描述：Python如何播放本地音乐并在web页面播放解决方案：要在Python中播放本地音乐并在Web页面中播放，您可以采用两种不同的方法：一种是在服务器端使用Python播放音频文件，另一种是创建一个Web应用程序，在客户端通过HTML5的标签来播放音频文件。下面我将分别介绍这两种方法。方法1:使用Python播放本地音乐如果您只是想在服务器端（例如在开发环境中）播放本地音
  • video 标签实现进度条不可拖动，并监听观看状态、超时触发挂机验证 牡丹城沉静的萝卜 html5前端javascript
    需求：用户观看视频时，实时监听观看状态，超过一定时长后，触发挂机验证，并禁止拖动滚动条快进查看。技术：主要是用html5的vidoe标签做的，用到了自带的暂停（pause）、播放（play）、监听（timeupdate）等事件html：javascript：data(){return{videoUrl:'',video:{currTime:'',maxTime:'',tipsTime:0,//出现
  • qt实现文字跑马灯效果 凌武贰玖 #QPainterQtqt开发语言
    实现跑马灯的方式多种多少样，可以通过定时器，或者animation等来实现。本文通过定时器，将第一个文字，移动到最后一个这种方式来实现，还有其他方式哈。直接上源码h文件#ifndefTEXTTICKER_H#defineTEXTTICKER_H#include#include/*跑马灯标签文字*/classTextTicker:publicQLabel{Q_OBJECTpublic:TextTic
  • 情书网源码 情书大全帝国cms7.5模板 CSDN专家-微编程 PHP源码PHP
    源码介绍帝国cms7.5仿《情书网》模板，精美情书大全站源码，同步生成带手机站带采集。非常漂亮的帝国cms模板，适合改改做文学类的网站。此模板适合做精美情书网站，功能比较齐全，后台操作方便，简单易上手，并拥有多款插件。或适合老师或能自己写文字的站长，把学生的作文，或自己写点文章发布到自己网站。效果预览!源码获取情书网源码情书大全帝国cms7.5模板
  • 双指针-三数之和 Vacant Seat 排序算法算法数据结构
    三数之和给你一个整数数组nums，判断是否存在三元组[nums[i],nums[j],nums[k]]满足i!=j、i!=k且j!=k，同时还满足nums[i]+nums[j]+nums[k]==0。请你返回所有和为0且不重复的三元组。注意：答案中不可以包含重复的三元组。输入：整型数组输出：二元列表思路：先对数组进行排序，然后循环排序后的数组，再定义双指针，进行移动，关键是对于去重的操作，clas
  • 双指针-盛最多水的容器 Vacant Seat 算法java数据结构双指针
    盛最多水的容器给定一个长度为n的整数数组height。有n条垂线，第i条线的两个端点是(i,0)和(i,height[i])。找出其中的两条线，使得它们与x轴共同构成的容器可以容纳最多的水。返回容器可以储存的最大水量。说明：你不能倾斜容器。输入：整型数组输出：整型变量思路：本题使用双指针，一个在左一个在右，值小的先移动classSolution{publicintmaxArea(int[]heig
  • 1、Android概述 守望178 Android
    安卓（Android）是一种基于Linux的自由及开放源代码的操作系统。主要使用于移动设备，如智能手机和平板电脑，由Google公司和开放手机联盟领导及开发。Android操作系统最初由AndyRubin开发，主要支持手机。2005年8月由Google收购注资。2007年11月，Google与84家硬件制造商、软件开发商及电信营运商组建开放手机联盟共同研发改良Android系统。随后Google以
  • 听书项目（一） screamn SpringCloudJava开发Java开发项目记录
    内容来源尚硅谷知识星球，精选项目，只记录开发中的优点功能，并不涉及侵权问题，若有侵权联系作者删除。项目背景随着智能手机和高速互联网的普及，人们开始寻求更便捷的方式来获取信息和娱乐。有声书的出现使得人们可以在旅途中、跑步时、做家务时等各种场景下，以更加灵活的方式享受阅读。在过去，有声书主要是由专业的演员朗读，制作成录音带或CD。但随着数字化媒体的发展，听书软件应运而生，为用户提供了更多选择，包括自助
  • ASM系列六 利用TreeApi 添加和移除类成员 lijingyao8206 jvm动态代理ASM字节码技术TreeAPI
        同生成的做法一样，添加和移除类成员只要去修改fields和methods中的元素即可。这里我们拿一个简单的类做例子，下面这个Task类，我们来移除isNeedRemove方法，并且添加一个int 类型的addedField属性。   package asm.core; /** * Created by yunshen.ljy on 2015/6/
  • Springmvc-权限设计 bee1314 springWebjsp
    万丈高楼平地起。 权限管理对于管理系统而言已经是标配中的标配了吧，对于我等俗人更是不能免俗。同时就目前的项目状况而言，我们还不需要那么高大上的开源的解决方案，如Spring Security，Shiro。小伙伴一致决定我们还是从基本的功能迭代起来吧。 目标： 1.实现权限的管理（CRUD） 2.实现部门管理 （CRUD) 3.实现人员的管理 （CRUD） 4.实现部门和权限
  • 算法竞赛入门经典（第二版）第2章习题 CrazyMizzz c算法
    2.4.1 输出技巧 #include <stdio.h> int main() { int i, n; scanf("%d", &n); for (i = 1; i <= n; i++) printf("%d\n", i); return 0; } 习题2-2 水仙花数(daffodil
  • struts2中jsp自动跳转到Action 麦田的设计者 jspwebxmlstruts2自动跳转
    1、在struts2的开发中，经常需要用户点击网页后就直接跳转到一个Action，执行Action里面的方法，利用mvc分层思想执行相应操作在界面上得到动态数据。毕竟用户不可能在地址栏里输入一个Action（不是专业人士）   2、＜jsp:forward page="xxx.action" /＞ ，这个标签可以实现跳转，page的路径是相对地址,不同与jsp和j
  • php 操作webservice实例 IT独行者 PHPwebservice
    首先大家要简单了解了何谓webservice，接下来就做两个非常简单的例子，webservice还是逃不开server端与client端。我测试的环境为：apache2.2.11 php5.2.10做这个测试之前，要确认你的php配置文件中已经将soap扩展打开，即extension=php_soap.dll; OK 现在我们来体验webservice //server端 serve
  • Windows下使用Vagrant安装linux系统 _wy_ windowsvagrant
    准备工作： 下载安装 VirtualBox ：https://www.virtualbox.org/ 下载安装 Vagrant ：http://www.vagrantup.com/ 下载需要使用的 box ： 官方提供的范例：http://files.vagrantup.com/precise32.box 还可以在 http://www.vagrantbox.es/ 
  • 更改linux的文件拥有者及用户组(chown和chgrp) 无量 clinuxchgrpchown
    本文（转） http://blog.163.com/yanenshun@126/blog/static/128388169201203011157308/ http://ydlmlh.iteye.com/blog/1435157 一、基本使用： 使用chown命令可以修改文件或目录所属的用户：        命令
  • linux下抓包工具 矮蛋蛋 linux
    原文地址： http://blog.chinaunix.net/uid-23670869-id-2610683.html tcpdump -nn -vv -X udp port 8888 上面命令是抓取udp包、端口为8888 netstat -tln 命令是用来查看linux的端口使用情况 13 . 列出所有的网络连接 lsof -i 14. 列出所有tcp 网络连接信息 l
  • 我觉得mybatis是垃圾！：“每一个用mybatis的男纸，你伤不起” alafqq mybatis
    最近看了  每一个用mybatis的男纸，你伤不起 原文地址 ：http://www.iteye.com/topic/1073938 发表一下个人看法。欢迎大神拍砖； 个人一直使用的是Ibatis框架，公司对其进行过小小的改良； 最近换了公司，要使用新的框架。听说mybatis不错；就对其进行了部分的研究； 发现多了一个mapper层；个人感觉就是个dao；
  • 解决java数据交换之谜 百合不是茶 数据交换
    交换两个数字的方法有以下三种 ，其中第一种最常用   /* 输出最小的一个数 */ public class jiaohuan1 { public static void main(String[] args) { int a =4; int b = 3; if(a<b){ // 第一种交换方式 int tmep =
  • 渐变显示 bijian1013 JavaScript
    <style type="text/css"> #wxf { FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#97FF98); height: 25px; } </style>
  • 探索JUnit4扩展：断言语法assertThat bijian1013 java单元测试assertThat
    一.概述         JUnit 设计的目的就是有效地抓住编程人员写代码的意图，然后快速检查他们的代码是否与他们的意图相匹配。 JUnit 发展至今，版本不停的翻新，但是所有版本都一致致力于解决一个问题，那就是如何发现编程人员的代码意图，并且如何使得编程人员更加容易地表达他们的代码意图。JUnit 4.4 也是为了如何能够
  • 【Gson三】Gson解析{"data":{"IM":["MSN","QQ","Gtalk"]}} bit1129 gson
      如何把如下简单的JSON字符串反序列化为Java的POJO对象? {"data":{"IM":["MSN","QQ","Gtalk"]}}   下面的POJO类Model无法完成正确的解析：   import com.google.gson.Gson;
  • 【Kafka九】Kafka High Level API vs. Low Level API bit1129 kafka
    1. Kafka提供了两种Consumer API High Level Consumer API Low Level Consumer API(Kafka诡异的称之为Simple Consumer API，实际上非常复杂) 在选用哪种Consumer API时，首先要弄清楚这两种API的工作原理，能做什么不能做什么，能做的话怎么做的以及用的时候，有哪些可能的问题  
  • 在nginx中集成lua脚本：添加自定义Http头，封IP等 ronin47 nginx lua
    Lua是一个可以嵌入到Nginx配置文件中的动态脚本语言，从而可以在Nginx请求处理的任何阶段执行各种Lua代码。刚开始我们只是用Lua 把请求路由到后端服务器，但是它对我们架构的作用超出了我们的预期。下面就讲讲我们所做的工作。 强制搜索引擎只索引mixlr.com Google把子域名当作完全独立的网站，我们不希望爬虫抓取子域名的页面，降低我们的Page rank。 location /{
  • java-归并排序 bylijinnan java
    import java.util.Arrays; public class MergeSort { public static void main(String[] args) { int[] a={20,1,3,8,5,9,4,25}; mergeSort(a,0,a.length-1); System.out.println(Arrays.to
  • Netty源码学习-CompositeChannelBuffer bylijinnan javanetty
    CompositeChannelBuffer体现了Netty的“Transparent Zero Copy” 查看API（ http://docs.jboss.org/netty/3.2/api/org/jboss/netty/buffer/package-summary.html#package_description） 可以看到，所谓“Transparent Zero Copy”是通
  • Android中给Activity添加返回键 hotsunshine Activity
    // this need android:minSdkVersion="11" getActionBar().setDisplayHomeAsUpEnabled(true); @Override public boolean onOptionsItemSelected(MenuItem item) {
  • 静态页面传参 ctrain 静态
    $(document).ready(function () { var request = { QueryString : function (val) { var uri = window.location.search; var re = new RegExp("" + val + "=([^&?]*)", &
  • Windows中查找某个目录下的所有文件中包含某个字符串的命令 daizj windows查找某个目录下的所有文件包含某个字符串
    findstr可以完成这个工作。   [html]  view plain copy   >findstr /s /i "string" *.*   上面的命令表示，当前目录以及当前目录的所有子目录下的所有文件中查找"string&qu
  • 改善程序代码质量的一些技巧 dcj3sjt126com 编程PHP重构
    有很多理由都能说明为什么我们应该写出清晰、可读性好的程序。最重要的一点，程序你只写一次，但以后会无数次的阅读。当你第二天回头来看你的代码 时，你就要开始阅读它了。当你把代码拿给其他人看时，他必须阅读你的代码。因此，在编写时多花一点时间，你会在阅读它时节省大量的时间。让我们看一些基本的编程技巧：    尽量保持方法简短    尽管很多人都遵
  • SharedPreferences对数据的存储 dcj3sjt126com
    SharedPreferences简介：                                                   &nbs
  • linux复习笔记之bash shell (2) bash基础 eksliang bashbash shell
    转载请出自出处： http://eksliang.iteye.com/blog/2104329 1.影响显示结果的语系变量（locale）  1.1locale这个命令就是查看当前系统支持多少种语系，命令使用如下： [root@localhost shell]# locale LANG=en_US.UTF-8 LC_CTYPE="en_US.UTF-8"
  • Android零碎知识总结 gqdy365 android
    1、CopyOnWriteArrayList add(E) 和remove(int index)都是对新的数组进行修改和新增。所以在多线程操作时不会出现java.util.ConcurrentModificationException错误。 所以最后得出结论：CopyOnWriteArrayList适合使用在读操作远远大于写操作的场景里，比如缓存。发生修改时候做copy，新老版本分离，保证读的高
  • HoverTree.Model.ArticleSelect类的作用 hvt Web.netC#hovertreeasp.net
    ArticleSelect类在命名空间HoverTree.Model中可以认为是文章查询条件类，用于存放查询文章时的条件，例如HvtId就是文章的id。HvtIsShow就是文章的显示属性，当为-1是，该条件不产生作用，当为0时，查询不公开显示的文章，当为1时查询公开显示的文章。HvtIsHome则为是否在首页显示。HoverTree系统源码完全开放，开发环境为Visual Studio 2013
  • PHP 判断是否使用代理 PHP Proxy Detector 天梯梦 proxy
    1. php 类 I found this class looking for something else actually but I remembered I needed some while ago something similar and I never found one. I'm sure it will help a lot of developers who try to
  • apache的math库中的回归——regression（翻译） lvdccyb Mathapache
    这个Math库，虽然不向weka那样专业的ML库，但是用户友好，易用。 多元线性回归，协方差和相关性（皮尔逊和斯皮尔曼），分布测试（假设检验，t，卡方，G），统计。   数学库中还包含，Cholesky，LU，SVD，QR，特征根分解，真不错。   基本覆盖了：线代，统计，矩阵， 最优化理论 曲线拟合 常微分方程 遗传算法（GA）， 还有3维的运算。。。
  • 基础数据结构和算法十三：Undirected Graphs (2) sunwinner Algorithm
      Design pattern for graph processing. Since we consider a large number of graph-processing algorithms, our initial design goal is to decouple our implementations from the graph representation
  • 云计算平台最重要的五项技术 sumapp 云计算云平台智城云
    云计算平台最重要的五项技术 1、云服务器 云服务器提供简单高效，处理能力可弹性伸缩的计算服务，支持国内领先的云计算技术和大规模分布存储技术，使您的系统更稳定、数据更安全、传输更快速、部署更灵活。 特性 机型丰富 通过高性能服务器虚拟化为云服务器，提供丰富配置类型虚拟机，极大简化数据存储、数据库搭建、web服务器搭建等工作； 仅需要几分钟，根据CP
  • 《京东技术解密》有奖试读获奖名单公布 ITeye管理员 活动
    ITeye携手博文视点举办的12月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。  12月试读活动回顾： http://webmaster.iteye.com/blog/2164754 本次技术图书试读活动获奖名单及相应作品如下： 一等奖（两名） Microhardest：http://microhardest.ite
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他