load_life
load_life

响应式Web设计：50实例例与实践

  原文地址：http://designmodo.com/responsive-design-examples/

    译者序：当我看到这篇文章的时候，还好发布的时间不算太早，主题很对我的胃口，因为我的Blog已经这么做了。但这篇总结的很全面，提到了一个新的名词“响应式Web设计”，作为Web内容应该去更加灵活的呈现在不同的终端上。这让我想起了之前写的一篇文章《未来我们只需要浏览器》，随着智能手机和各种Pad的发展，内容终端终究会发生改变，Web展现需要去适应这种趋势，并带来优秀的阅读体验。

    响 应式Web设计是在开发和设计网站过程中产生的一种方式，它的目的是让内容布局能随用户使用显示器的不同而变化。再明确点说，这种设计概念，就是让原本1292像素宽，4栏的内容，能够很好地显示在1025像素宽的用户屏幕上，同时还能自动简化成2栏。当然，让它很好的适应智能手机和其他种类电脑的屏幕也就成了水到渠成的事了。这种特殊的设计形式就被成为“响应式Web设计”。

    响应式Web设计与传统的设计方式截然不同，开发人员(特别是新手)必须要理解它的优势和弊端。这篇文章正是为大家揭示一些实例的。(这里介绍一个叫“Media Queries”的网站，里面介绍了更多实例和演示)

    数据表格是响应式Web设计的经典使用情景，实现它的想法与传统的设计理念有很大不同。数据表格默认很宽，当你要查看它全貌时，你得缩小表格，但这时字会变 的很小，很难去阅读。然而当你想看清楚上面的字时，就不得不再把表格放大，这时要查看完整表格就得横滚加纵滚。这么阅读表格也太KB了。或许重新格式化表格或以饼图形式展现是种解决方案。再不然，你可以弄一个迷你图，即使在窄屏幕里它也能适应。

    响应式Web设计中的图像以流式图像为主，可以被上下文感知的图像所替代，这是一种更好的设计方式。这种技术的真正意义在于，能够让图像适应不同的屏幕分辨率，更大的或更小的。所以它与传统设计的理念和技术都有很大不同，合理使用会让你的网页化腐朽为神奇。

响应式Web设计实例

响应式Web设计：50实例例与实践_第1张图片

Simon Collison

响应式Web设计：50实例例与实践_第2张图片

Andersson-Wise Architects

响应式Web设计：50实例例与实践_第3张图片

Stephen Caver

响应式Web设计：50实例例与实践_第4张图片

Sparkbox

响应式Web设计：50实例例与实践_第5张图片

Food Sense

响应式Web设计：50实例例与实践_第6张图片

The Boston Globe

响应式Web设计：50实例例与实践_第7张图片

Think Vitamin

响应式Web设计：50实例例与实践_第8张图片

Sasquatch! Music Festival

响应式Web设计：50实例例与实践_第9张图片

Internet Images

响应式Web设计：50实例例与实践_第10张图片

Staffanstorp

响应式Web设计：50实例例与实践_第11张图片

Seminal Responsive Web Design Example

响应式Web设计：50实例例与实践_第12张图片

Naomi Atkinson

响应式Web设计：50实例例与实践_第13张图片

Forefathers Group

响应式Web设计：50实例例与实践_第14张图片

Spigot Design

响应式Web设计：50实例例与实践_第15张图片

New Adventures In Web Design Conference 2012

响应式Web设计：50实例例与实践_第16张图片

Illy Issimo

响应式Web设计：50实例例与实践_第17张图片

Arrrrcamp Conference

响应式Web设计：50实例例与实践_第18张图片

Robot or Not?

响应式Web设计：50实例例与实践_第19张图片

Earth Hour

响应式Web设计：50实例例与实践_第20张图片

Clean Air Commute Challenge

响应式Web设计：50实例例与实践_第21张图片

Launch Kit

响应式Web设计：50实例例与实践_第22张图片

Teixidó

响应式Web设计：50实例例与实践_第23张图片

Ribot

响应式Web设计：50实例例与实践_第24张图片

Deren Keskin

响应式Web设计：50实例例与实践_第25张图片

Sweet Hat Club

响应式Web设计：50实例例与实践_第26张图片

Glitch

响应式Web设计：50实例例与实践_第27张图片

dConstruct 2011

响应式Web设计：50实例例与实践_第28张图片

Adaptive Web Design

响应式Web设计：50实例例与实践_第29张图片

Authentic Jobs

响应式Web设计：50实例例与实践_第30张图片

Five Simple Steps

响应式Web设计：50实例例与实践_第31张图片

Splendid

响应式Web设计：50实例例与实践_第32张图片

Ryan O’Rourke

响应式Web设计：50实例例与实践_第33张图片

FlexSlider

响应式Web设计：50实例例与实践_第34张图片

El Sendero del Cacao

响应式Web设计：50实例例与实践_第35张图片

Do Lectures

响应式Web设计：50实例例与实践_第36张图片

St Paul’s School

响应式Web设计：50实例例与实践_第37张图片

Naomi Atkinson Design

响应式Web设计：50实例例与实践_第38张图片

Ben Handzo Photography

响应式Web设计：50实例例与实践_第39张图片

Stunning CSS3 Media Queries Example

响应式Web设计：50实例例与实践_第40张图片

Nordic Ruby Conference

响应式Web设计：50实例例与实践_第41张图片

Halifax Game Jam

    响应式Web设计：50实例例与实践_第42张图片

响应式Web设计：50实例例与实践_第43张图片

ASU Online

响应式Web设计：50实例例与实践_第44张图片

3200 Tigres

响应式Web设计：50实例例与实践_第45张图片

Pixelab

响应式Web设计：50实例例与实践_第46张图片

Kings Hill Cars

响应式Web设计：50实例例与实践_第47张图片

8 Faces

响应式Web设计：50实例例与实践_第48张图片

Asbury Agile

响应式Web设计：50实例例与实践_第49张图片

Alsacréations

响应式Web设计：50实例例与实践_第50张图片

Sleepstreet


你可能感兴趣的:(视觉设计_用户体验_用户研究,html5)

  • Android 应用权限管理详解
    文章目录1.权限类型2.权限请求机制3.权限组和分级4.权限管理的演进5.权限监控和SELinux强制访问控制6.应用权限审核和GooglePlayProtect7.开发者最佳实践8.用户权限管理9.Android应用沙箱模型10.ScopedStorage（分区存储）11.背景位置权限（BackgroundLocationAccess）12.权限回收和自动清理13.权限请求的用户体验设计14.G
  • 【Coze搞钱实战】3. 避坑指南：对话流设计中的6个致命错误（真实案例） AI_DL_CODE Coze平台对话流设计客服Bot避坑用户流失封号风险智能客服配置故障修复指南
    摘要：对话流设计是智能客服Bot能否落地的核心环节，直接影响用户体验与业务安全。本文基于50+企业Bot部署故障分析，聚焦导致用户流失、投诉甚至封号的6大致命错误：无限循环追问、人工移交超时、敏感词过滤缺失、知识库冲突、未处理否定意图、跨平台适配失败。通过真实案例拆解每个错误的表现形式、技术根因及工业级解决方案，提供可直接复用的Coze配置代码、工作流模板和检测工具。文中包含对话流健康度检测工具使
  • 链商拉不到人能赚钱么，谈谈我的看法 糖葫芦不甜
    链商作为一种新兴的商业形态，往往依赖于用户网络的扩展和交易量的增加来实现价值增长，但这并不意味着没有直接拉新就无法盈利。以下是我对这一问题的几点看法：招合作伙伴↓微信在文章底部。首先，链商能否赚钱，关键在于其是否能提供独特且有价值的产品或服务。如果链商平台能够构建出高效、透明、安全的价值交换体系，解决行业痛点，提升用户体验，那么即使没有大规模的拉新活动，也能通过现有用户的口碑传播和持续使用来产生稳
  • 【三桥君】MCP中台，究竟如何实现多模型、多渠道、多环境的统一管控？如何以MCP为核心设计AI应用架构？ 三桥君 《三桥君MCP落地方法论》《三桥君AI大模型落地方法论》#《三桥君AI产品方法论》人工智能AI产品经理MCPAPI三桥君系统架构llama
    你好，我是✨三桥君✨本文介绍>>一、引言随着人工智能技术的快速发展，越来越多的企业开始引入大语言模型（LLM）以提升用户体验和运营效率。然而，如何高效、稳定地将这些AI能力落地到生产环境呢？传统的系统架构往往难以应对AI应用的高并发、低延迟和灵活扩展需求，因此，从整体架构角度设计AI应用架构显得尤为重要。本文三桥君将深入探讨以MCP为核心的AI应用架构，并分析多种部署方式的优劣势，为企业在AI落地
  • 【架构实战】AI系统架构设计全攻略：从蓝图到爆款，一步步打造成功！ 大模型入门教程 架构人工智能系统架构产品经理LLM大模型学习大模型
    某AI公司信心满满推出了一款智能客服，想用它解放客服人力，提升用户体验。可上线没几天，系统就频频崩溃，用户投诉像雪片一样飞来，最后公司不得不紧急下线产品，声誉一落千丈。这事儿听起来是不是有点惨？但它告诉我们一个真相：AI架构设计不是锦上添花，而是决定系统生死存亡的关键。今天我要和大家聊一个既高大上又接地气的话题——AI系统架构设计。别被“架构”这个词吓到，它其实就像盖房子的地基，决定了你的AI系统
  • B 站关键词排名提高避坑：这些操作反降权 zhuzhuyaolai 小程序微信小程序微信公众平台生活搜索引擎
    在B站，关键词排名对视频曝光和账号发展极为关键。不少UP主绞尽脑汁提升排名，却因一些错误操作不仅没达到目的，反而让账号权重降低。今天，就为大家盘点那些导致降权的“坑”，助大家在B站运营路上少走弯路。一、关键词堆砌，自毁前程有些UP主认为，在标题、简介、标签中大量堆砌关键词，就能提升搜索排名，实则大错特错。首先，严重影响用户体验，生硬的关键词堆砌让标题和简介晦涩难懂，用户看到这样的内容，很难产生点击
  • 震惊！DOM变化监控神器MutationObserver，前端开发必知的隐藏武器！ coding随想 JavaScript前端javascripthtml5
    一、什么是MutationObserver？如果你是一个前端开发者，一定会遇到这样的场景：页面动态加载内容后，某些操作失效了。比如，你写了一个监听按钮点击的代码，但按钮是通过AJAX动态加载的，你的代码根本无法触发。这个时候，你就需要一个“监控哨兵”——MutationObserver，它能实时监听DOM树的变化，帮你捕获那些“暗中作祟”的节点变动。MutationObserver是HTML5引入
  • 11. HTML 中 DOCTYPE 的作用 yqcoder 前端面试-CSShtml前端
    总结H5的声明HTML5的DOCTYPE声明HTML5中的声明用于告诉浏览器当前文档使用的是HTML5的文档类型。它必须是文档中的第一行内容（在任何HTML标签之前），以确保浏览器能够正确地解析和渲染页面。DOCTYPE的作用触发标准模式：DOCTYPE声明的主要作用是让浏览器以标准模式（StandardsMode）来解析和渲染页面，而不是以兼容模式（QuirksMode）。兼容性：在没有DOCT
  • 动态调整在智能客服规划层中起到什么作用？
    在智能客服的规划层中，动态调整是确保方案“落地有效性”的核心机制——它能让规划层在方案执行过程中，根据实时反馈的新信息（如用户需求变化、系统故障、外部数据更新等）灵活修正原计划，避免机械执行导致的“方案失效”或“用户体验崩坏”。其作用类似“导航软件的实时路线重算”：即使出发时规划了最优路线，遇到堵车、封路时也能立刻调整，确保最终到达目的地。动态调整在规划层中的具体作用，可通过4类核心场景体现：1.
  • 第21章 UE5使窗体移动 小宝哥Code MMORPGue5
    第21章UE5使窗体移动在游戏和应用程序界面设计中，窗体的移动是提升用户体验的重要环节。本章将详细探讨如何在UE5.2中实现窗体移动的各种技术，从基本的拖动和放置，到更复杂的动画效果和生命周期管理。21.1拖动和放置拖动和放置是用户界面交互的基础功能，允许用户通过鼠标或触摸操作移动和重新定位UI元素。在UE5.2中，我们可以通过多种方式实现这一功能。拖动原理拖动功能的核心原理是捕获鼠标按下事件，记
  • 返利软件哪个返利最高？如何在淘宝上找内部券？ 高省APP珊珊
    关于返利软件哪个返利最高，这并没有一个绝对的答案，因为不同的返利软件与不同的电商平台或商家合作，返利比例也会有所不同。同时，返利比例还会受到商品种类、价格、促销活动等多种因素的影响。因此，在选择返利软件时，用户需要综合考虑多个因素，如返利比例、商品种类、用户体验等，以找到最适合自己的返利软件。以下是一些在市场上表现良好、用户评价较高的返利软件，它们通常提供较高的返利比例：高省APP：以“高佣领导者
  • 前端面试题 大大。 前端vue.jsjavascript
    HTML5的新特性和CSS3的新特性引入了一系列语义化标签使文档结构更加清晰(header,nav,aside,article,footer,section)，多媒体支持video,audio，Canvas绘图div上下居中对齐的几种方式第一种：flex布局display:flex;justify-content:center;/*水平居中/align-items:center;/垂直居中/第二种
  • [python][flask]Flask-Principal 使用详解 awonw pythonflask开发语言
    Flask-Principal是一个专为Flask应用设计的身份管理和权限控制扩展。它能够帮助开发者轻松实现用户身份验证和权限管理，从而提升应用的安全性和用户体验。该项目最初由AliAfshar开发，现已成为Pallets社区生态系统的一部分，由社区共同维护。1.安装Flask-Principal首先，需要安装Flask-Principal。可以通过以下命令安装：pipinstallflask-p
  • 探索Comlink：解锁WebWorker的潜能 嵇殉嵘Eliza
    探索Comlink：解锁WebWorker的潜能在现代Web开发中，响应速度和用户体验至关重要。Comlink，一个轻量级（仅1.1kB压缩后）的库，正是为了解决这一挑战而生。它通过简化WebWorker的使用方式，让并发处理变得前所未有的简单直接，从而让我们向更加流畅、高效的前端应用迈进一步。项目技术剖析Comlink作为一款基于postMessage的RPC实现工具，利用了ES6Proxies
  • Java+Vue 地下停车场管理系统的设计与实现 不若浮生一梦 计算机毕设javavue.js开发语言
    一、项目简介本项目是一款基于SpringBoot+Vue开发的地下停车场管理系统，采用前后端分离架构，后端使用MyBatis操作MySQL数据库，前端使用Vue进行页面展示和用户交互。系统涵盖车位监控、车辆登记、订单生成与结算、在线支付、公告通知、留言反馈、用户积分管理等模块，支持用户端和管理员端的全流程停车管理，适用于中小型停车场数字化转型。项目定位：提升停车场管理效率与用户体验，实现“高效停车
  • 【Redis】浅析Redis大Key
    目录1、什么是Redis大Key2、大Key是怎么产生的3、大Key导致的问题4、如何快速找到Redis大Key5、大Key优化策略6、总结我们在使用Redis的过程中，如果未能及时发现并处理Bigkeys（下文称为“大Key”），可能会导致服务性能下降、用户体验变差，严重的甚至会引发大面积故障。本文将介绍大Key产生的原因、其可能引发的问题及如何快速找出大Key并将其优化的方案。1、什么是Red
  • 基于Spring Boot的网上订餐系统设计与实现 不若浮生一梦 计算机毕设springboot后端java
    一、项目简介随着生活节奏加快，传统线下订餐逐渐不能满足人们对效率和便利的需求，网上订餐成为趋势。为了提升用户体验并优化商家运营管理，我开发了一套基于SpringBoot的网上订餐系统，实现用户在线浏览菜品、下单、查询配送，管理员可后台管理订单、菜品、会员等功能模块。本系统采用流行的SpringBoot框架，结合JSP技术开发前端页面，MySQL作为后台数据库，支持B/S架构下的完整订餐流程，具有界
  • 来查贝查询一次是多少钱？来查贝3元8块查询一下靠不靠谱？ 无忧达人
    来查贝这个信用平台查询的价格一般是在几十，这也是市场上比较居中的价格，大多信用平台的价格都是30-100，来查贝查询价格跟渠道有关系，不同渠道查询的价格是不同的，像我平时使用的渠道就是30（本文渠道在文末），还是非常实惠的。还有很多人说来查贝3块8块查询是不是靠谱的，这个价格不要说来查贝在整个行业中都没看到过，在大的平台也没有这么低的成本，要么就是有的平台推出的基础体验版，几块钱让用户体验一下，只
  • html5效果案例,10个优秀HTML5网站案例赏析
    随着Adobe的弃Flash转投HTML5，HTML5又开始吸引着大众的目光。与现在使用的HTML标记语言相比，HTML5有更多的标签和属性，使用更为灵活，功能更为强大。现在已经有很多前沿的HTML5网站开始使用HTML5，本文收集整理出了10个非常优秀的HTML5网站。那么，什么才是优秀的HTML5网站？因为HTML5还没有成为国际标准，旧的浏览器还无法支持HTML5，所以优秀的HTML5网站示
  • HTML5 Darling02zjh html5前端html
    HTML:和其他的语言一样也有基础的框架和快捷键。命名规则：后缀名是“.html”每个项目最上面都有是H5的声明，处于标签之前骨架：html标签：定义HTML文档，这个元素我们浏览器看到后就明白这是个HTML文档了，所以你的其他元素要包裹在这个标签里面，标签限定了文档的开始点和结束点。...其他元素head标签：head标签用于文档的头部，文档的头部描述文档的各种属性和信息，包括文档的标题，在we
  • Unity 的UI动画调节 深圳市由你创科技 游戏设计unityui游戏引擎
    在游戏开发中，精美的UI动画能极大提升用户体验。Unity提供了强大的动画系统，让开发者可以轻松创建流畅的界面动效。本文将介绍UI动画的核心概念、制作流程和实用技巧。一、核心动画组件Animation窗口-可视化创建关键帧动画Animator组件-控制动画状态和过渡Animator控制器-管理动画状态机二、创建UI动画的步骤创建动画剪辑选中UI元素>菜单栏Window>Animation>Anim
  • HTML5+JavaScript动画基础 完整版 中文pdf扫描版 不一样的女孩6
    《HTML5+JavaScript动画基础》包括了基础知识、基础动画、高级动画、3D动画和其他技术5大部分，分别介绍了动画的基本概念、动画的JavaScript基础、动画中的三角学、渲染技术、速度向量和加速度、边界与摩擦力、用户交互：移动物体、缓动与弹动、碰撞检测、坐标旋转与斜面反弹、撞球物理、粒子与万有引力、正向运动学：让事物行走、反向运动学：拖曳与伸出、三维基础、三维线条与填充、背面剔除与三维
  • 探索 MySQL 缓存机制：提升数据库读取性能的有效策略 you的日常 #MySQLMySQL数据库优化数据库mysql缓存后端javadatabase
    在现代应用中，数据库的读取性能是影响用户体验和系统响应速度的关键因素。当应用程序面临高并发读请求时，直接访问磁盘的开销会成为瓶颈。为了应对这一挑战，MySQL引入了多种缓存机制，旨在减少磁盘I/O，加快数据检索速度。理解并合理利用这些缓存机制，是提升MySQL数据库读取性能的有效策略。本文将带你深入探索MySQL内部的各种缓存组件，包括它们的原理、作用以及如何在实际应用中进行配置和优化，助你全面提
  • MySQL 数据库调优指南：提升性能的全面策略 ruanjiananquan99 数据库mysqloracle
    在当今数据驱动的时代，MySQL作为一款广泛应用的开源关系型数据库，其性能的优劣直接影响到各类应用系统的运行效率与用户体验。无论是小型企业的内部管理系统，还是大型互联网公司的核心业务平台，优化MySQL数据库性能都至关重要。以下将从多个维度深入探讨MySQL数据库的调优方法。一、SQL语句优化（一）查询语句优化减少不必要的JOIN操作：JOIN操作在关联多个表数据时非常有用，但过多或不合理的JOI
  • Vue项目发布后浏览器缓存问题解决
    1.现象描述每次Jenkins自动化发布Vue项目后，用户需要手动全部清理历史缓存数据才可以使用系统，用户体验非常不好2.解决方案2.1配置public/index.html配置index.html,在首页启动no-store禁止缓存2.2配置vue.config.js按时间戳打包vue默认配置，打包后css和js的名字后面都加了哈希值，不会有缓存问题，当然我们也可以自己重新定义根据时间戳cons
  • 百度网盘破译手机版svip？百度网盘超级会员免费领取7天 氧券导师果果
    百度网盘破译手机版svip？百度网盘超级会员免费领取7天作为国内知名的云存储服务提供商，百度网盘为广大用户提供便捷的在线存储和分享服务。为了让用户体验到更多便捷和实用的功能，百度网盘推出了超级会员制度。现在，只需轻松操作，您就可以免费领取7天超级会员，享受更多特权！百度网盘免费领取教程1、打开手机微信，搜索并关注【氧券】公众号。2、在公众号的对话框内输入【百度网盘】。3、看到系统自动回复【无门槛免
  • HTML5元素相关补充 QZ_orz_freedom html5前端html
    一.元素是HTML5的文档类型声明，它告诉浏览器当前页面是使用HTML5规范编写的，HTML5是最新的HTML版本，拥有更多的功能和优化，因此推荐在新的Web页面中使用它。在HTML文档中，声明通常是文档的第一行文档元数据元素描述指定用于一个文档中包含的所有相对URL的根URL。一份中只能有一个该元素。包含文档相关的配置信息（元数据），包括文档的标题、脚本和样式表等。指定当前文档与外部资源的关系。
  • HTML5：中如何触发按钮点击事件 Dy大叔 前端开发记录HTML5html
    在HTML5中，可以通过多种方式触发按钮点击事件，包括使用JavaScript原生方法、使用jQuery库和使用HTML表单和提交按钮，根据项目需求和技术栈选择合适的方法来实现按钮点击事件的触发。使用JavaScript原生方法在HTML5中，可以使用JavaScript的addEventListener方法为按钮添加点击事件，需要在HTML文件中创建一个按钮元素，并为其设置一个唯一的ID，在Ja
  • HTML5 新特性：MutationObserver 详解 索西引擎 #JavaScriptjavascript
    一、概念与背景MutationObserver是HTML5引入的一个强大的JavaScriptAPI，它用于异步观察DOM树的变化。在MutationObserver出现之前，开发者若要监测DOM变化，常采用轮询（如使用setInterval不断检查DOM状态）或依赖DOM事件（如DOMNodeInserted、DOMNodeRemoved等）的方式。但轮询效率低下，频繁检查会消耗大量资源；而旧的
  • JMeter测试入门到实践：构建高性能应用的必备指南
    在当今快速迭代的软件开发中，性能测试是确保应用稳定性和用户体验的关键环节。ApacheJMeter作为一款开源的性能测试工具，凭借其灵活性和强大的功能，成为开发者和测试工程师的首选工具之一。本文将从基础概念到实战技巧，带你全面掌握JMeter的使用方法。一、JMeter是什么？为什么选择它？JMeter是一款基于Java的开源工具，最初设计用于Web应用测试，现已扩展支持多种协议（HTTP、FTP
  • 安装数据库首次应用 Array_06 javaoraclesql
    可是为什么再一次失败之后就变成直接跳过那个要求 enter full pathname of java.exe的界面 这个java.exe是你的Oracle 11g安装目录中例如：【F:\app\chen\product\11.2.0\dbhome_1\jdk\jre\bin】下的java.exe 。不是你的电脑安装的java jdk下的java.exe！ 注意第一次，使用SQL D
  • Weblogic Server Console密码修改和遗忘解决方法 bijian1013 Welogic
            在工作中一同事将Weblogic的console的密码忘记了，通过网上查询资料解决，实践整理了一下。 一.修改Console密码         打开weblogic控制台，安全领域 --> myrealm -->&n
  • IllegalStateException: Cannot forward a response that is already committed Cwind javaServlets
    对于初学者来说，一个常见的误解是：当调用 forward() 或者 sendRedirect() 时控制流将会自动跳出原函数。标题所示错误通常是基于此误解而引起的。 示例代码： protected void doPost() { if (someCondition) { sendRedirect(); } forward(); // Thi
  • 基于流的装饰设计模式 木zi_鸣 设计模式
    当想要对已有类的对象进行功能增强时，可以定义一个类，将已有对象传入，基于已有的功能，并提供加强功能。 自定义的类成为装饰类 模仿BufferedReader，对Reader进行包装，体现装饰设计模式 装饰类通常会通过构造方法接受被装饰的对象，并基于被装饰的对象功能，提供更强的功能。 装饰模式比继承灵活，避免继承臃肿，降低了类与类之间的关系 装饰类因为增强已有对象，具备的功能该
  • Linux中的uniq命令 被触发 linux
    Linux命令uniq的作用是过滤重复部分显示文件内容，这个命令读取输入文件，并比较相邻的行。在正常情 况下，第二个及以后更多个重复行将被删去，行比较是根据所用字符集的排序序列进行的。该命令加工后的结果写到输出文件中。输入文件和输出文件必须不同。如 果输入文件用“- ”表示，则从标准输入读取。 AD： uniq [选项] 文件 说明：这个命令读取输入文件，并比较相邻的行。在正常情况下，第二个
  • 正则表达式Pattern 肆无忌惮_ Pattern
    正则表达式是符合一定规则的表达式，用来专门操作字符串，对字符创进行匹配，切割，替换，获取。   例如，我们需要对QQ号码格式进行检验 规则是长度6~12位  不能0开头  只能是数字，我们可以一位一位进行比较，利用parseLong进行判断，或者是用正则表达式来匹配[1-9][0-9]{4,14} 或者 [1-9]\d{4,14} &nbs
  • Oracle高级查询之OVER (PARTITION BY ..) 知了ing oraclesql
    一、rank()/dense_rank() over(partition by ...order by ...) 现在客户有这样一个需求，查询每个部门工资最高的雇员的信息，相信有一定oracle应用知识的同学都能写出下面的SQL语句： select e.ename, e.job, e.sal, e.deptno from scott.emp e, (se
  • Python调试 矮蛋蛋 pythonpdb
    原文地址： http://blog.csdn.net/xuyuefei1988/article/details/19399137 1、下面网上收罗的资料初学者应该够用了，但对比IBM的Python 代码调试技巧： IBM：包括 pdb 模块、利用 PyDev 和 Eclipse 集成进行调试、PyCharm 以及 Debug 日志进行调试： http://www.ibm.com/d
  • webservice传递自定义对象时函数为空，以及boolean不对应的问题 alleni123 webservice
    今天在客户端调用方法 NodeStatus status=iservice.getNodeStatus(). 结果NodeStatus的属性都是null。 进行debug之后，发现服务器端返回的确实是有值的对象。 后来发现原来是因为在客户端，NodeStatus的setter全部被我删除了。 本来是因为逻辑上不需要在客户端使用setter， 结果改了之后竟然不能获取带属性值的
  • java如何干掉指针，又如何巧妙的通过引用来操作指针————>说的就是java指针 百合不是茶
    C语言的强大在于可以直接操作指针的地址，通过改变指针的地址指向来达到更改地址的目的,又是由于c语言的指针过于强大，初学者很难掌握， java的出现解决了c，c++中指针的问题 java将指针封装在底层，开发人员是不能够去操作指针的地址，但是可以通过引用来间接的操作：   定义一个指针p来指向a的地址（&是地址符号）：        
  • Eclipse打不开，提示“An error has occurred.See the log file ***/.log” bijian1013 eclipse
    打开eclipse工作目录的\.metadata\.log文件，发现如下错误： !ENTRY org.eclipse.osgi 4 0 2012-09-10 09:28:57.139 !MESSAGE Application error !STACK 1 java.lang.NoClassDefFoundError: org/eclipse/core/resources/IContai
  • spring aop实例annotation方法实现 bijian1013 javaspringAOPannotation
            在spring aop实例中我们通过配置xml文件来实现AOP，这里学习使用annotation来实现，使用annotation其实就是指明具体的aspect,pointcut和advice。1.申明一个切面(用一个类来实现)在这个切面里,包括了advice和pointcut AdviceMethods.jav
  • [Velocity一]Velocity语法基础入门 bit1129 velocity
    用户和开发人员参考文档 http://velocity.apache.org/engine/releases/velocity-1.7/developer-guide.html   注释 1.行级注释## 2.多行注释#*  *#   变量定义 使用$开头的字符串是变量定义，例如$var1, $var2,   赋值 使用#set为变量赋值，例
  • 【Kafka十一】关于Kafka的副本管理 bit1129 kafka
    1. 关于request.required.acks   request.required.acks控制者Producer写请求的什么时候可以确认写成功，默认是0， 0表示即不进行确认即返回。 1表示Leader写成功即返回，此时还没有进行写数据同步到其它Follower Partition中 -1表示根据指定的最少Partition确认后才返回，这个在   Th
  • lua统计nginx内部变量数据 ronin47 lua nginx　 统计
    server { listen 80; server_name photo.domain.com; location /{set $str $uri; content_by_lua ' local url = ngx.var.uri local res = ngx.location.capture(
  • java-11.二叉树中节点的最大距离 bylijinnan java
    import java.util.ArrayList; import java.util.List; public class MaxLenInBinTree { /* a. 1 / \ 2 3 / \ / \ 4 5 6 7 max=4 pass "root"
  • Netty源码学习-ReadTimeoutHandler bylijinnan javanetty
    ReadTimeoutHandler的实现思路： 开启一个定时任务，如果在指定时间内没有接收到消息，则抛出ReadTimeoutException 这个异常的捕获，在开发中，交给跟在ReadTimeoutHandler后面的ChannelHandler，例如 private final ChannelHandler timeoutHandler = new ReadTim
  • jquery验证上传文件样式及大小(好用) cngolon 文件上传jquery验证
    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="jquery1.8/jquery-1.8.0.
  • 浏览器兼容【转】 cuishikuan css浏览器IE
    浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同 问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。 碰到频率:100% 解决方案：CSS里    *{margin:0;padding:0;} 备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的CSS文件开头都会用通配符*来设
  • Shell特殊变量：Shell $0, $#, $*, $@, $?, $$和命令行参数 daizj shell$#$?特殊变量
    前面已经讲到，变量名只能包含数字、字母和下划线，因为某些包含其他字符的变量有特殊含义，这样的变量被称为特殊变量。例如，$ 表示当前Shell进程的ID，即pid，看下面的代码： $echo $$ 运行结果 29949   特殊变量列表 变量 含义 $0 当前脚本的文件名 $n 传递给脚本或函数的参数。n 是一个数字，表示第几个参数。例如，第一个
  • 程序设计KISS 原则-------KEEP IT SIMPLE, STUPID! dcj3sjt126com unix
    翻到一本书，讲到编程一般原则是kiss：Keep It Simple, Stupid.对这个原则深有体会，其实不仅编程如此，而且系统架构也是如此。 KEEP IT SIMPLE, STUPID! 编写只做一件事情，并且要做好的程序；编写可以在一起工作的程序，编写处理文本流的程序，因为这是通用的接口。这就是UNIX哲学.所有的哲学真 正的浓缩为一个铁一样的定律，高明的工程师的神圣的“KISS 原
  • android Activity间List传值 dcj3sjt126com Activity
    第一个Activity： import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import android.app.Activity;import android.content.Intent;import android.os.Bundle;import a
  • tomcat 设置java虚拟机内存 eksliang tomcat 内存设置
    转载请出自出处：http://eksliang.iteye.com/blog/2117772 http://eksliang.iteye.com/ 常见的内存溢出有以下两种: java.lang.OutOfMemoryError: PermGen space java.lang.OutOfMemoryError: Java heap space   ------------
  • Android 数据库事务处理 gqdy365 android
    使用SQLiteDatabase的beginTransaction()方法可以开启一个事务，程序执行到endTransaction() 方法时会检查事务的标志是否为成功，如果程序执行到endTransaction()之前调用了setTransactionSuccessful() 方法设置事务的标志为成功则提交事务，如果没有调用setTransactionSuccessful() 方法则回滚事务。事
  • Java 打开浏览器 hw1287789687 打开网址open浏览器open browser打开url打开浏览器
    使用java 语言如何打开浏览器呢? 我们先研究下在cmd窗口中,如何打开网址 使用IE 打开 D:\software\bin>cmd /c start iexplore http://hw1287789687.iteye.com/blog/2153709 使用火狐打开 D:\software\bin>cmd /c start firefox http://hw1287789
  • ReplaceGoogleCDN：将 Google CDN 替换为国内的 Chrome 插件 justjavac chromeGooglegoogle apichrome插件
    Chrome Web Store 安装地址： https://chrome.google.com/webstore/detail/replace-google-cdn/kpampjmfiopfpkkepbllemkibefkiice 由于众所周知的原因，只需替换一个域名就可以继续使用Google提供的前端公共库了。 同样，通过script标记引用这些资源，让网站访问速度瞬间提速吧
  • 进程VS.线程 m635674608 线程
    资料来源： http://www.liaoxuefeng.com/wiki/001374738125095c955c1e6d8bb493182103fac9270762a000/001397567993007df355a3394da48f0bf14960f0c78753f000 1、Apache最早就是采用多进程模式 2、IIS服务器默认采用多线程模式 3、多进程优缺点 优点： 多进程模式最大
  • Linux下安装MemCached 字符串 memcached
    前提准备：1. MemCached目前最新版本为：1.4.22，可以从官网下载到。2. MemCached依赖libevent，因此在安装MemCached之前需要先安装libevent。2.1 运行下面命令，查看系统是否已安装libevent。[root@SecurityCheck ~]# rpm -qa|grep libevent libevent-headers-1.4.13-4.el6.n
  • java设计模式之--jdk动态代理（实现aop编程） Supanccy2013 javaDAO设计模式AOP
        与静态代理类对照的是动态代理类，动态代理类的字节码在程序运行时由Java反射机制动态生成，无需程序员手工编写它的源代码。动态代理类不仅简化了编程工作，而且提高了软件系统的可扩展性，因为Java 反射机制可以生成任意类型的动态代理类。java.lang.reflect 包中的Proxy类和InvocationHandler 接口提供了生成动态代理类的能力。 &
  • Spring 4.2新特性-对java8默认方法(default method)定义Bean的支持 wiselyman spring 4
    2.1 默认方法(default method) java8引入了一个default medthod; 用来扩展已有的接口,在对已有接口的使用不产生任何影响的情况下,添加扩展 使用default关键字 Spring 4.2支持加载在默认方法里声明的bean 2.2 将要被声明成bean的类 public class DemoService {
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他