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)

  • HTMl详解 丸子猪的dady html前端
    拖拽目标元素的事件监听：（应用于目标元素）ondragenter当拖拽元素进入时调用ondragover当拖拽元素停留在目标元素上时，就会连续一直触发（不管拖拽元素此时是移动还是不动的状态）ondrop当在目标元素上松开鼠标时调用ondragleave当鼠标离开目标元素时调用.box{width:200px;height:200px;background-color:green;}//绑定拖拽事件
  • DeepSeek行业应用案例——教育 未来智慧谷 DeepSeek人工智能大数据AI教育
    一、简介在数字化浪潮汹涌澎湃的当下，DeepSeek以其强大的技术实力，如同一股创新的洪流，席卷众多行业，为各领域带来了前所未有的变革与突破。本案例集初步收录了40多个来自农业、制造业、汽车行业、手机行业、智能家居、物流、云服务、办公、网络安全、金融、医疗、教育等多个关键行业的应用案例。从助力农业实现病虫害精准预测与智能灌溉，到推动制造业生产故障预警与产品质量提升；从优化汽车智能交互体验与智能驾驶
  • DeepSeek行业应用案例——制造业篇 未来智慧谷 人工智能深度学习大数据自然语言处理
    一、简介在数字化浪潮汹涌澎湃的当下，DeepSeek以其强大的技术实力，如同一股创新的洪流，席卷众多行业，为各领域带来了前所未有的变革与突破。本案例集初步收录了40多个来自农业、制造业、汽车行业、手机行业、智能家居、物流、云服务、办公、网络安全、金融、医疗、教育等多个关键行业的应用案例。从助力农业实现病虫害精准预测与智能灌溉，到推动制造业生产故障预警与产品质量提升；从优化汽车智能交互体验与智能驾驶
  • 手机抓https包安卓7以上ca证书安装方法 慕城南风 android
    用charles或fiddler抓app包的https接口必须要安装ca证书,才能正常抓包,安卓7之前把ca证书安装到用户证书下即可,但安卓7以上只有系统级证书才能被信任,所以为了能正常抓包,需要把ca证书安装到系统证书下流程:下载OpenSSL制作证书导入到手机准备工作:电脑安装了OpenSSL电脑安装了Charles(其他抓包工具也是一样的原理)一台已root手机(模拟器也可以,但部分app会
  • 超越传统！wangEditor编辑器如何实现excel、ppt、pdf及word一键导入？ 2501_90699780 编辑器excelpowerpointumeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片
    要求：开源，免费，技术支持编辑器：wangEditor前端：vue2,vue3,vue-cli,html5后端：java,jsp,springboot,asp.net,php,asp,.netcore,.netmvc,.netform群体：学生,个人用户,外包,自由职业者,中小型网站,博客,场景：数字门户,数字中台,站群,内网，外网，信创国产化环境，web截屏行业：医疗，教育，建筑，政府，党政，国
  • HarmonyNext实战：基于ArkTS的高性能网络请求与缓存优化案例详解 harmonyos-next
    HarmonyNext实战：基于ArkTS的高性能网络请求与缓存优化案例详解在现代移动应用开发中，网络请求是不可避免的核心功能之一。然而，频繁的网络请求不仅会增加服务器负担，还会影响应用的性能和用户体验。HarmonyOSNext提供了强大的网络请求框架和缓存机制，帮助开发者优化网络请求性能。本文将深入探讨如何在HarmonyOSNext中使用ArkTS实现高性能网络请求与缓存优化。通过一个完整的
  • 元戎启行最新战略RoadAGI：所有移动智能体都将被AI驱动 量子位
    2025年3月18日（北京时间），元戎启行作为国内人工智能企业代表，出席由NVIDIA主办的GTC大会。会上，公司CEO周光发表了技术主题演讲，展示了公司的最新战略布局RoadAGI，并发布道路通用人工智能平台——AISpark（以下简称”Spark平台”）。RoadAGI是元戎启行实现物理世界通用人工智能的关键一步，旨在让包括智能驾驶汽车在内的移动智能体，都具有在道路上自主行驶、与物理世界深度交
  • HarmonyOS NEXT 用户首选项（Preferences）在应用开发中的应用与机制 架构教育
    在移动应用开发中，用户首选项（Preferences）是一种常见的数据存储方式，用于保存用户的个性化设置或应用的配置信息。类似于Android中的SharedPreferences，Preferences以键值对（Key-Value）的形式将数据存储在应用的内存和本地文件中。本文将详细介绍Preferences的概念、运作机制、API使用以及相关的限制。一、用户首选项（Preferences）的概
  • 小米5miui10android,小米又一款手机适配Android 10！MIUI开发版暂停，米粉别着急！... weixin_39843677
    2020年3月看到市场上的智能手机又要迎来一波新形势，更多厂家开始在手机的外观、形态、材质上下功夫。2月发布的小米10系列，几次开卖总是遇到抢购无货状态，看来雷军的高端手机市场卓有成效。除了硬件之外，手机系统其实还是挺重要的，日常体验才是王道。看到iOS最近几次测试版的更新不如人意，bug太多就是日常应用也会有适配兼容难的现象，卡顿闪退带来的效果总是不太好，影响用户去正常使用手机。再看看安卓阵营，
  • Objective-C语言的网络编程 俞嫦曦 包罗万象golang开发语言后端
    Objective-C语言中的网络编程引言Objective-C是一种面向对象的编程语言，广泛应用于iOS和macOS应用程序的开发。随着移动互联网的快速发展，网络编程成为了现代应用程序开发中不可或缺的一部分。无论是从服务器获取数据、上传文件，还是实现实时通信，网络编程都扮演着至关重要的角色。本文将深入探讨Objective-C语言中的网络编程，涵盖从基础的网络请求到高级的异步处理、安全通信等内容
  • 汽车机械钥匙升级一键启动的优点 zsmydz888 汽车无钥匙启动汽车
    汽车机械钥匙升级一键启动的优点主要包括：便捷性：一键启动功能的引入极大地提升了用车便捷性。车主无需翻找钥匙，只需在车辆感应范围内轻触启动键，即可轻松发动汽车。安全性：移动管家专车专用一键启动系统配备了防盗警报功能。在车辆遭遇盗窃或意外情况时，系统会迅速锁定发动机，有效预防车辆被盗。科技感：一键启动作为现代汽车的先进配置，使驾驶过程更加智能化和便捷化。无需拿出钥匙：只要钥匙在你身边，达到感应距离，就
  • Vue2 - 详解实现网站使用企业微信二维码扫描登录，企业微信授权第三方网站接入企业微信登陆功能，扫二维码登录后获取用户信息，登录页展示企业微信二维码或iframe新开一页或弹框，解决各种报错登录失败 王二红 +Vue企业微信网站授权企业微信扫码登录最新vue2.jsnuxt2.js如何在新窗口弹出企业微信二维码解决显示报错回调错误无法渲染vue企业微信扫一扫二维码登录
    前言如果您需要Vue3版本，请访问这篇文章。在vue2|nuxt2网站开发中，详解实现网页集成使用“企业微信扫一扫登录”功能，用户使用手机企业微信app扫描网站的登录二维码后，获取用户身份信息及号码并完成授权登录教程，新手小白完整流程及示例运行代码，支持多种企业微信二维码“展现方式”，可构造独立窗口登录二维码(iframe一个小弹框网页窗口或浏览器新页签全屏展示)、内嵌登录二维码(放到弹框组件中或
  • HTML 元素和有效 DOCTYPES 智慧浩海 HTMLhtml前端
    HTML元素-有效DOCTYPES下面的表格列出了所有的HTML5/HTML4.01/XHTML元素，以及它们会出现在什么文档类型(!DOCTYPE)中：HTML4.01/XHTML1.0TagHTML5TransitionalStrictFramesetXHTML1.1YesYesYesYesYesYesYesYesYesYesNoYesYesYesYesYesYesYesYesYesNoYes
  • 添加视频播放进度条鸿蒙示例代码
    本文原创发布在华为开发者社区。介绍本示例构建了一个视频播放进度条案例，主要实现的功能是为正在播放的视频添加一个刻度条组件用以表示进度。添加视频播放进度条源码链接效果预览使用说明打开应用，展示待播放的视频以及播放、暂停两个按钮。点击播放按钮，视频播放，刻度条会随视频的进度条而移动。拖动刻度条也可以视频进度进行拖动。实现思路利用videoController简单的设置video的播放、暂停按钮控制。B
  • android开发—项目结构设计 LaFerrariLi android开发结构经验设计移动开发
    我作为一名Android开发者也有好几年的经历了，从打杂开始到带领几个人的小团队开发，写过的项目也有很多了，从小到几十个页面的到几百个页面的，也算是积累了一些移动开发的经验了。我在这些年的工作当中发现很多开发者都喜欢把所有的代码,类放在一个项目下，甚至还有人把Adapter放在Activity中,这些做法显然是不好的首先是看起来很不方便，结构很乱，不利于优化和修改，时间长了项目大了之后，迭代简直就
  • SSA麻雀搜索算法LSTM 数分小白.py lstm人工智能rnn
    SSA（SparrowSearchAlgorithm）是一种受麻雀觅食和反捕食行为启发的群体智能优化算法，具有全局搜索能力强、收敛速度快的特点。SSA麻雀搜索算法核心思想群体角色划分：发现者（Discoverers）：占种群10-20%，负责探索新区域，引导群体移动。加入者（Joiners）：占60-80%，跟随发现者进行局部搜索。侦察者（Scouts）：占10-20%，监测环境，危险时触发预警机
  • HarmonyOS ArkTS声明式UI开发实战教程 李游Leo harmonyosharmonyos-next鸿蒙harmonyosui华为
    引言：为何选择ArkTS？在HarmonyOS生态快速发展的当下，ArkTS作为新一代声明式UI开发框架，正在引发移动应用开发范式的变革。笔者曾在多个跨平台框架开发中经历过"命令式编程之痛"，直到接触ArkTS后才发现，原来UI开发可以如此直观高效。本文将通过完整案例解析，带您掌握声明式UI设计的精髓。一、ArkTS声明式设计核心理念1.1与命令式开发的本质差异传统开发中，我们需要逐步指示每个UI
  • 【大模型开发】ONNX 格式的大模型在 Android 上的部署与测试 云博士的AI课堂 大模型技术开发与实践哈佛博后带你玩转机器学习深度学习android大模型部署本地推理引擎大模型开发机器学习边缘设备
    以下内容将以ONNX格式的大模型在Android上的部署与测试为核心，提供一套可运行的示例（基于AndroidStudio/Gradle），并结合代码进行详细讲解。最后会给出一些针对在移动设备上部署ONNX推理的优化方法和未来建议。目录整体流程概述准备工作2.1ONNX模型准备2.2Android项目准备在Android上使用ONNXRuntime3.1添加依赖3.2项目结构说明3.3代码示例运行
  • Python 视频爬取教程 小白教程 pythonPythonPython视频爬取教程Python视频爬取Python教程Python视频教程
    文章目录前言基本原理环境准备Python安装选择Python开发环境安装必要库示例1：爬取简单直链视频示例2：爬取基于HTML5的视频（以某简单视频网站为例）前言以下是一个较为完整的Python视频爬取教程，包含基本原理、不同网站的爬取示例以及注意事项。基本原理视频爬取本质上是模拟浏览器向服务器发送请求，获取包含视频信息的网页内容，解析出视频的真实下载地址，然后将视频文件下载到本地。一般会用到re
  • android app锁定后台运行的方法 шесай-ай-ай-ай-ай, ч android源码androidandroid
    想直接看图操作，可以android下一个小米穿戴然后我->开启后台运行权限->点击当前手机后面的里面有小米MIUI,华为EMUI,OPPOColorOS,VivoFuntouchOS,图文并茂的教你各个系统怎么开启后台运行权限的；因为安卓系统后台程序限制，软件在长时间挂后台运行时会被系统杀掉，可以将程序加入清理白名单中，并在手机系统设置中的“电池->后台高耗电中允许软件后台高耗电”具体方法如下：1
  • 苹果iPhone 16e销量表现糟糕 难以拯救市场 佳晓晓 智能手机scikit-learndjangovue.jsiphone
    在竞争激烈的智能手机市场中，苹果公司一直占据着重要的地位。然而，其最新推出的iPhone16e却在市场上遭遇了滑铁卢，销量表现糟糕，难以拯救苹果在中国市场不断下降的市场份额。本文将从多个方面对iPhone16e的销量困境进行分析。一、销量数据惨淡据统计机构数据，iPhone16e在国内市场前三天的销量比起iPhoneSE3的同期销量提升了60%。乍看之下，似乎表现十分火爆，然而这只是数字上的繁荣。
  • 手机零部件三维光学测量解决方案 yy229382036 人工智能3d光学成像算法
    在移动互联网时代，智能终端深受市场追捧，而智能手机占据了第一大移动智能终端的地位。市场的火热造就了手机厂商白热化的竞争，继CPU、屏幕、摄像头等硬件配置大战之后，以外观、设计、质量为切入点的设计及功能竞争，也日趋激烈。在手机设计、质量检测中，无论是手机中框还是屏幕，利用三维光学测量技术，有助于优化从原型和模具构建、首件检验报告到装配分析等环节的质量控制，并有效节省检测时间，快速推进新产品上市。另外
  • 手机租赁平台开发技术方案解析 红点聊租赁 其他
    内容概要想造个手机租赁平台？这事儿可比租共享充电宝复杂多了——毕竟用户可能抱着价值万元的折叠屏手机连夜跑路（别笑，真有案例）。不过别慌，咱们的"技术武器库"里藏着三件法宝：区块链账本、AI风控雷达和支付宝生态对接器。先说区块链架构，它就像个永远撕不坏的记账本。每次租赁订单生成时，系统会自动在链上刻下"电子纹身"，把设备序列号、租赁协议、用户身份信息打包成加密积木块。就算有人想偷偷给手机刷机，区块链
  • 全面解析手机租赁平台开发的关键要素与实施策略 红点聊租赁 其他
    内容概要在手机租赁平台开发的过程中，市场调研是至关重要的一步。只有深入了解用户需求和行业趋势，才能确保平台的成功。首先要考虑潜在用户，他们究竟对手机租赁有什么期望？是希望租金更便宜，还是更看重手机的款式和新旧程度？通过问卷、访谈等方式收集相关数据，可以帮助确定目标市场的特征。接下来，我们需要关注行业趋势。近年来，随着环保意识的增强和消费习惯的改变，越来越多的人开始倾向于租赁而非购买。这一趋势不仅改
  • 手机租赁系统开发核心技术解析 红点租赁系统开发 其他
    内容概要如果把手机租赁系统比作一台精密运转的智能管家，那它的骨架可不是用代码随便搭的乐高积木。这玩意儿得同时搞定三件事：让用户像刷短视频一样流畅下单，让风控系统比小区门禁还难糊弄，还得让物流信息比外卖小哥的定位更透明。想象一下，当你在APP里滑动挑选最新款折叠屏手机时，后台其实正在上演三重加密的信用评分大战——你的芝麻信用分、电商平台消费记录甚至社交账号活跃度，都被塞进算法熔炉里炼成租赁权限的通行
  • 手机租赁系统开发全面解析与实现指南 红点租赁系统开发 其他
    内容概要手机租赁系统的设计理念是为了满足用户对便捷、灵活的手机使用需求。想象一下，谁还愿意花大价钱买一部手机呢？尤其是当新款手机频繁推出时，租赁似乎成了更受欢迎的选择。这个系统旨在让用户可以随时随地选择租用不同型号的手机，极大提升了用户体验。接下来，我们将深入探讨这个系统的技术架构。它通常包含前端界面、后端处理和数据库管理三个核心部分。前端负责与用户交互，后端则处理数据逻辑，而数据库则是存储所有租
  • 【Jmeter】前置处理器实战：「BeanShell 预处理程序」参数化手机号码、身份证号 顾三殇 JMeter从入门到软件测试实战jmeter
    一、实战场景业务场景：常见业务管理系统测试中，个人信息档案的自动化批量生成，需要贴近实际进行入参，在姓名、手机号码、身份证号、生日、性别中，这五者有着各自的行业规范格式，而生日、性别有时是由身份证号默认带出数据的信息，数据输入规范：·姓名：“姓”在百家姓中任意取一，“名”任意，均为对字符串的随机取值，字数为2~18字·手机号码：11位整数，“手机号码”规范格式，比如188、135等开头的号码为有效
  • 基于STM32蓝牙智能温控风扇系统设计与实现（代码+原理图+PCB+蓝牙APP） 科创工作室li 毕业设计1stm32智能家居嵌入式硬件单片机物联网
    STM32蓝牙智能温控风扇系统设计与实现资料齐全:源代码，原理图，PCB和机智云相关教程，参考lun文等！摘要：本文设计并实现了一种基于STM32F103C8T6单片机的蓝牙智能温控风扇系统。该系统具备OLED显示、自动/手动模式切换、温湿度检测、风扇档位调节、人体红外检测、倒计时以及蓝牙APP远程控制等功能。通过集成多种传感器和执行器，系统能够根据当前温湿度变化自动控制风扇转动，同时支持手机AP
  • ### 深入解析：如何构建三角形并求解自顶向下的最小路径和 的基础—（构建三角形） 小学仔 leetcode动态规划java算法
    ####一、问题分析给定一个三角形`triangle`，要求找出自顶向下的最小路径和。每次移动只能到下一行相邻的节点（当前下标`i`或`i+1`）。例如，三角形如下时：```2346574183```####二、代码框架搭建#####1.输入处理与三角形构建```javaScannersc=newScanner(System.in);List>triangle=newArrayListrow=ne
  • 实现组件裁剪鸿蒙示例代码
    本文原创发布在华为开发者社区。介绍对Image组件设置clipShape属性，并通过PathShape传入不同的裁剪命令，将Image组件裁剪为不同形状。使用Path组件，通过设置commands属性，并传入不同的绘制命令，绘制出带圆角的不同形状的组件。实现组件裁剪源码链接效果预览使用说明安装到手机后点击应用图标即可进入本应用。点击不同按钮，查看clipShape裁剪组件和Path绘制圆角形状组件
  • 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其他