filix
filix

用3个步骤实现响应式网页设计

http://blog.csdn.net/hfahe/article/details/7082718

 

        写在前面的话：随着移动设备的逐渐普及和Web技术的发展，跨端的Web开发需求将会越来越大。如何在多种设备上进行跨端的界面适配呢？我们可以利用CSS3的Media Query来实现。本文主要介绍了移动开发和CSS3结合，来进行多种分辨率适配的例子。
        文中提到的响应式网页设计（Responsive web design）是一种现代网页设计方法，基于CSS3的媒介查询（Media Query）特性使得网页适应不同设备，即根据设备的分辨率和缩放自动重新布局。
        用3个步骤实现响应式网页设计
        -----------
        译自： http://webdesignerwall.com/tutorials/responsive-design-in-3-steps
        转载请注明：来自蒋宇捷的博客（ http://blog.csdn.net/hfahe）
        响应式网页设计现在无疑是一件大事情。如果你还不了解响应式设计，可以看看我最近发表的 响应式站点列表（译者注：可以好好看看示例中的网站在不同分辨率下的展现方式）。对新手来说， 响应式设计可能有一点复杂，但是事实上比你想象的简单。为了帮助你迅速的了解响应式设计，我起草了一篇快速教程。你可以在3个步骤中学习到响应式设计和媒介查询（Media Queries）的基本原理（假定你了解基本的CSS知识）。
         第一步：Meta标签（查看演示）
大多数移动浏览器将HTML页面放大为宽的视图（viewport）以符合屏幕分辨率。你可以使用视图的meta标签来进行重置。下面的视图标签告诉浏览器，使用设备的宽度作为视图宽度并禁止初始的缩放。在<head>标签里加入这个meta标签。
[html] view plain copy print ?
  1. <meta name="viewport" content="width=device-width, initial-scale=1.0">  
IE8或者更早的浏览器并不支持Media Query。你可以使用media-queries.js或者respond.js来为IE添加Media Query支持。
[html] view plain copy print ?
  1. <!--[if lt IE 9]>  
  2.     <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>  
  3. <![endif]-->  
         第二步：HTML结构
        在这个例子里，我有一个包括头部、内容、侧边栏和页脚的基本页面布局。头部有固定的高度180像素，内容容器是600像素而侧边栏是300像素。
  用3个步骤实现响应式网页设计
         第三步：媒介查询-Media Queries
         CSS3 Media Query-媒介查询是响应式设计的核心。它根据条件告诉浏览器如何为指定视图宽度渲染页面。
        当视图宽度为小于等于980像素时，如下规则将会生效。基本上，我会将所有的容器宽度从像素值设置为百分比以使得容器大小自适应。
  用3个步骤实现响应式网页设计
        然后为小于等于700像素的视图指定#content和#sidebar的宽度为自适应并且清除浮动，使得这些容器按全宽度显示。
  用3个步骤实现响应式网页设计
        对于小于等于480像素（手机屏幕）的情况，将#header元素的高度设置为自适应，将h1的字体大小修改为24像素并隐藏侧边栏。
  用3个步骤实现响应式网页设计
        你可以根据你的喜好添加足够多的媒介查询。我在示例中仅仅展示了3个媒介查询。媒介查询的目的在于为指定的视图宽度指定不同的CSS规则，来实现不同的布局。媒介查询可以写在同一个或者单独的样式表中。
         结论
        这个教程想要为你展示响应式设计的基本原理。如果你想要更多进阶的教程，请看看我之前的教程： 使用媒介查询进行响应式设计。

你可能感兴趣的:(网页设计)

  • SVG 在 VSCode 中的使用与优势
    SVG在VSCode中的使用与优势引言SVG（可缩放矢量图形）是一种基于可扩展标记语言的图形图像格式，与传统的位图格式（如JPEG或PNG）相比，SVG图像具有更高的灵活性和可缩放性。随着前端开发领域的不断发展，SVG在网页设计中的应用越来越广泛。本文将介绍SVG在VisualStudioCode（VSCode）中的使用方法及其优势。SVG简介SVG是一种矢量图形格式，与位图不同，矢量图形由直线和
  • 计算机毕业设计Node.js+Vue新海图书商城网页设计论文（程序+源码+LW+部署) Node.js橙子毕设程序 vue.js课程设计node.js
    该项目含有源码、文档、程序、数据库、配套开发软件、软件安装教程。欢迎交流项目运行环境配置：Node.js+Vscode+Mysql5.7+HBuilderX+Navicat11+Vue+Express。项目技术：Express框架+Node.js+Vue等等组成，B/S模式+Vscode管理+前后端分离等等。环境需要1.运行环境：最好是Nodejs最新版，我们在这个版本上开发的。其他版本理论上也可
  • 浏览器兼容性(手机、电脑。js、html、css) weixin_44828071
    浏览器兼容性13标准网页布局的兼容性处理标准网页设计的最大挑战不在于技术本身，而在于浏览器兼容性处理。所谓浏览器兼容问题，就是当我们使用不同的浏览器（如IE7、IE6、Firefox等）访问同一个页面时，可能会出现不一致的情况，出现这种现象的原因有很多种，但根本原因就是浏览器对于技术支持的标准不同造成的。IE浏览器对于标准技术的支持是很不完善的，这些问题可以分为两种：一种是IE支持某种技术或功能，
  • 关于HTML/CSS/JS常见兼容性整理 _Daniel_
    13标准网页布局的兼容性处理标准网页设计的最大挑战不在于技术本身，而在于浏览器兼容性处理。所谓浏览器兼容问题，就是当我们使用不同的浏览器（如IE7、IE6、Firefox等）访问同一个页面时，可能会出现不一致的情况，出现这种现象的原因有很多种，但根本原因就是浏览器对于技术支持的标准不同造成的。IE浏览器对于标准技术的支持是很不完善的，这些问题可以分为两种：一种是IE支持某种技术或功能，但是实现该功
  • 从零开始：网页设计与制作基础全攻略
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、HTML——网页大厦的基石二、CSS——网页的美妆大师三、过渡和动画——让网页动起来四、原型设计与开发工具——设计师的左膀右臂五、案例分析——排雷避坑六、完整项目开发流程——步步为营前言在网页设计与制作的奇妙世界里，每一个页面都是设计师思想与技术碰撞的结晶。今天，咱们就来唠唠这其中的门道，不管你是初出茅庐的新手，还是想
  • CSS 伪类详解 lsx202406 开发语言
    CSS伪类详解引言在网页设计中，CSS（层叠样式表）是用于描述HTML或XML文档样式的语言。CSS伪类是CSS选择器的一部分，用于指定元素的特定状态。伪类可以让我们为不同的元素状态设置不同的样式，从而实现更加丰富和动态的网页效果。伪类的概述伪类是一种特殊的CSS选择器，它可以用来选择具有特定状态的元素。这些状态可以是用户的交互行为，如鼠标悬停、链接未访问等，也可以是元素的特定位置，如第一个子元素
  • CSS 列表 froginwe11 开发语言
    CSS列表引言CSS列表是网页设计中常用的一种布局方式，它能够帮助我们以更灵活、更美观的方式展示数据。本文将详细介绍CSS列表的创建、样式设置以及常用技巧，帮助您更好地掌握这一重要技能。CSS列表概述CSS列表主要包括两种类型：无序列表（unorderedlist）和有序列表（orderedlist）。无序列表通常用于表示一组无序的元素，如目录、菜单等；有序列表则用于表示一组有序的元素，如步骤、排
  • H5液态玻璃背景效果实现 木木黄木木 html5cssjavascript
    H5液态玻璃背景效果实现教程在现代网页设计中，动态和交互式的背景效果可以大大提升用户体验。本教程将详细介绍如何使用HTML5技术实现一个美观、流畅的液态玻璃背景效果，无论你是初学者还是有经验的开发者，都能轻松掌握。效果预览本教程提供了两种实现方式：基础版本：使用Canvas2DAPI实现，适合初学者，兼容性好高级版本：使用WebGL和GLSL着色器实现，效果更加逼真，但复杂度更高两个版本都具有以下
  • react gsap动画库使用详解之scroll滑动动画 伍哥的传说 前端源码分享react.js前端前端框架vue.jsvue动画javascript
    简介gsap高性能的JavaScript动画库，在现代网页设计和开发中运用。安装npminstallgsapReact框架中使用可以考滤使用react-gsap-enhancer库，或者@gasp/react。类组件使用react-gsap-enhancer高阶组件，函数组件使用@gasp/react自定义Hook。npminstallreact-gsap-enhancer#oryarnaddre
  • 【鸿蒙开发】响应式设计 harmonyos-next
    前言响应式设计（ResponsiveWebDesign，简称RWD）在Web网站设计领域是一种网页设计方法论，旨在让网站在不同设备和屏幕尺寸上都能提供良好的阅读和交互体验，而无需为每一个新设备或屏幕尺寸创建单独的版本。这种设计方法的核心在于页面布局和内容可以根据用户所使用的设备特性（如屏幕尺寸、分辨率、方向等）进行灵活调整。实现断点响应式布局中最常使用的特征是窗口宽度及窗口高宽比，可以将窗口宽度及
  • 使用JavaScript构建交互式Web页面：从基础到高级功能（附带实现代码~） 一ge科研小菜菜 Java前端开发javascript
    个人主页：一ge科研小菜鸡-CSDN博客期待您的关注1.引言JavaScript作为现代网页设计的核心技术之一，已发展成为前端开发中必不可少的编程语言。随着互联网的不断进化，用户对网页体验的需求日益增长，开发者需要借助JavaScript来实现页面动态交互、用户界面更新和复杂的数据操作。JavaScript的生态系统也日趋完善，从基础的ES6+特性到各种强大的前端框架如React、Vue和Angu
  • 【Rust】——使用消息在线程之间传递数据 Y小夜 Rust（官方文档重点总结）rust开发语言后端
    博主现有专栏：C51单片机（STC89C516），c语言，c++，离散数学，算法设计与分析，数据结构，Python，Java基础，MySQL，linux，基于HTML5的网页设计及应用，Rust（官方文档重点总结），jQuery，前端vue.js，Javaweb开发，Python机器学习等主页链接：Y小夜-CSDN博客目录信道与所有权转移发送多个值并观察接收者的等待通过克隆发送者来创建多个生产者学
  • Bootstrap 折叠 froginwe11 开发语言
    Bootstrap折叠引言Bootstrap是一个广受欢迎的前端框架，它提供了丰富的组件和插件，使得网页设计和开发变得更加快速和简单。其中，折叠（Collapse）是Bootstrap中一个非常有用的组件，它允许开发者创建可折叠的内容区域，这些内容区域可以在用户与之交互时展开或收起。在本文中，我们将深入探讨Bootstrap折叠组件的工作原理、使用方法以及一些实用的应用场景。折叠组件的工作原理Bo
  • CSS 组合选择符详解 沐知全栈开发 开发语言
    CSS组合选择符详解引言CSS（层叠样式表）是网页设计中不可或缺的一部分，它用于控制网页元素的样式。在CSS中，选择符是用于指定要应用样式的HTML元素的关键。组合选择符是CSS选择符的一种，它允许开发者通过特定的规则组合来选择多个元素。本文将详细介绍CSS组合选择符的用法、类型以及注意事项。组合选择符概述组合选择符是将两个或多个选择符组合在一起，以选择具有特定关系的元素。组合选择符可以基于以下几
  • 移动应用开发专业核心课程以及就业方向
    移动应用开发专业聚焦移动端软件的设计、开发与测试，课程设置与产业需求紧密衔接，就业面向移动互联网高速增长的市场。以下是核心课程及就业方向的系统分析：一、核心课程体系专业基础课程：移动端UI设计：掌握应用界面布局、交互逻辑及用户体验优化，为原型设计奠基。网页设计与制作：学习HTML/CSS/JavaScript等前端基础，实现响应式Web开发。面向对象程序设计（Java/C#等）：培养编程思维与代码
  • 深入理解CSS弹性布局中的flex-basis属性 大奇鸭 CSS弹性布局flex-basis属性内容自适应最小尺寸浏览器兼容性
    深入理解CSS弹性布局中的flex-basis属性在CSS弹性布局中，flex-basis属性扮演着核心角色，它决定了flex子项在主轴方向上的初始大小。本文将详细解读flex-basis属性的用法、兼容性以及与其他CSS属性的关系，帮助前端开发者更高效地布局页面。背景简介在现代网页设计中，弹性布局（Flexbox）已成为实现响应式设计的首选。它允许元素在容器内灵活地伸缩以适应不同的屏幕尺寸和内容
  • 《网页设计》模拟测试试题 梅洪 考试前端html
    一、单选题1.HTML文档的根标签是()A.B.C.D.正确答案:A2.用于定义网页标题信息的标签是()A.B.C.D.正确答案:C3.网页内容主体应写在哪个标签内()A.B.C.D.正确答案:C4.最大的标题标签是()A.B.C.D.正确答案:B5.以下哪个标签用于水平分隔线?()A.B.C.D.正确答案:B6.默认情况下，的字体大小比()A.大B.小C.相同D.无法比较正确答案:A7.无序列表
  • 2024-2025学年度下期《网页设计》期末模拟测试 梅洪 考试前端html
    一、单选题1.HTML文档的根标签是()A.B.C.D.2.用于定义段落内容的标签是：()A.B.C.D.3.网以下哪个属性用于定义CSS内联样式()A.classB.idC.styleD.src4.插入图片的正确HTML标签是：()A.B.C.D.5.以下哪个标签用于水平分隔线?()A.B.C.D.6.默认情况下，的字体大小比()A.大B.小C.相同D.无法比较7.CSS中设置字体颜色的属性是：
  • CSS3 背景裁剪：background-clip 的创意用法 大厂前端小白菜 Ccss3前端cssai
    CSS3背景裁剪：background-clip的创意用法关键词：CSS3、background-clip、背景裁剪、文字背景、创意设计、盒子模型、浏览器兼容性摘要：CSS3的background-clip是一个能“裁剪背景画布”的神奇属性。它能精准控制背景的显示范围，从传统的边框、内边距、内容区域，到更前沿的“文字轮廓裁剪”，为网页设计带来了无限可能。本文将从基础原理到创意实战，用“剪窗花”的比
  • CSS中如何实现多列布局 DTcode7 HTML网站开发#前端基础入门三大核心之CSSHTMLCSSwebcss3网页开发
    CSS中如何实现多列布局多列布局的基本概念作用说明示例一：使用浮动实现多列布局示例二：使用Flexbox实现多列布局示例三：使用Grid布局实现多列布局示例四：响应式多列布局示例五：自定义列数的多列布局不同角度的功能使用思路1.浮动布局的优势与限制2.Flexbox的灵活性3.Grid布局的强大功能实际开发中的使用技巧在现代Web开发中，多列布局是一种常见的网页设计模式，它可以有效地组织内容，使页
  • 制作一个简单HTML旅游网站（HTML+CSS+JS）无锡旅游网页设计与实现8个页面 IT黑马程序员 html旅游css
    ‍静态网站的编写主要是用HTMLDⅣV+CSSJS等来完成页面的排版设计‍，一般的网页作业需要融入以下知识点：div布局、浮动定位、高级css、表格、表单及验证、js轮播图、音频视频Fash的应用、uli、下拉导航栏、鼠标划过效果等知识点，学生网页作业源码，制作水平和原创度都适合学习或交作业用，记得点赞。精彩专栏推荐【作者主页——获取更多优质源码】【web前端期末大作业——毕设项目精品实战案例(1
  • html网页设计（旅游网站） 伤心小熊. html旅游前端html5cssjquery
    html部分获取时间hhhvardiv=document.querySelector('div');varmybtn=document.querySelector('button');varh=newDate().getHours();functionmyTime(){varh=newDate().getHours();vars="";if(hTRAVELDESTINATION当季热门旅行目的地旅
  • 《网页设计基础——CSS的四种引入方式详解》 温稚生 网页设计csshtml前端
    网页设计基础——CSS的四种引入方式详解一、行内式；规则：1.行内式是所有样式方法中最为直接的一种，它直接对HTML的标记使用style属性，然后将CSS代码直接写在其中。格式：页面标题使用行内样式引入CSS二、内嵌式；规则：1.内嵌式就是将CSS代码写在和之间，并用和标记进行声明。格式：页面标题p{color:#FF0000;font-size:66px;}使用内嵌式引入CSS三、链接式；规则：
  • 【CSS-12】掌握CSS列表样式：从基础到高级技巧 AllenBright #CSScss前端
    列表是网页设计中不可或缺的元素，无论是导航菜单、文章目录还是项目展示，都经常用到。CSS提供了丰富的列表样式控制选项，让我们能够创建美观、功能性的列表。本文将全面介绍CSS中的列表样式技术。1.HTML列表基础回顾在深入CSS之前，我们先快速回顾HTML中的两种基本列表类型：1.1无序列表()项目一项目二项目三1.2有序列表()第一步第二步第三步2.CSS列表样式核心属性2.1list-style
  • ajax关键知识点之CSS基础与页面样式控制 奋斗的小羊羊 ajaxcss前端
    ajax关键知识点之CSS基础与页面样式控制大家好！写作本文的初衷是希望能和大家一起学习进步，深入探讨CSS（级联样式单）的基础概念及其在网页设计中的核心应用，通过总结和通俗讲解，帮助大家掌握如何利用CSS实现网页内容与样式的分离，提升页面美观性和开发效率。一、知识点总结与通俗讲解（一）CSS的核心作用与优势定义与核心功能作用：CSS是用于控制网页外观的样式规则集合，负责网页元素的布局、颜色、字体
  • HTML+CSS小白入门与进阶教程 郑宜维David
    HTML+CSS小白入门与进阶教程【下载地址】HTMLCSS小白入门与进阶教程分享HTML+CSS小白入门与进阶教程欢迎来到《HTML+CSS小白入门与进阶教程》资源页面！本教程专为Web开发初学者设计，由CSDN上的资深博主倾情分享，旨在帮助你快速踏入网页设计的大门项目地址:https://gitcode.com/Resource-Bundle-Collection/4d4e1欢迎来到《HTML
  • 网页设计html对联样式代码,纯CSS做对联广告代码 世界在你心里 网页设计html对联样式代码
    上一篇文章介绍了使用JS方法对联广告，带有可关闭的功能：《JS对联广告-可点击关闭的两侧对联广告代码》下面为大家再介绍一个纯CSS(也不能说全纯CSS，还是有几句javascript代码的，可直接写在模板中，不会被拦截)如果是百分百纯CSS，是不具有关闭广告的功能，只能使用position进行相对浏览器进行悬浮固定才行！css代码.couplet_ad/*底部固定*/{position:fixed
  • 构建仿淘宝电商网站HTML代码实战教程
    本文还有配套的精品资源，点击获取简介：本项目重点介绍如何使用HTML5构建电子商务平台的网页设计和前端开发，涵盖响应式布局、新特性应用、页面元素设计、CSS3样式设计、JavaScript交互、响应式设计、Web性能优化、无障碍性、SEO优化和数据交互等方面。通过研究提供的仿淘宝网站HTML代码实例，学习如何将这些技术应用于实际项目中，提高前端开发技能。1.网页布局实践1.1网页布局的重要性网页布
  • 前端原生构建动态焦点卡片切换组件 全栈陈序员 Web前端开发html5css3javascript前端chromesafari
    在现代网页设计中，提供一个既美观又实用的用户界面（UI）是吸引和保留用户的关键。今天，我们将深入探讨如何使用HTML、CSS以及JavaScript来创建一个名为“动态焦点卡片切换（DynamicFocusCardSwitching）”的交互式组件。这个组件非常适合用来展示产品特性、图片集或任何你想要突出显示的内容，并能为你的网站增添一份独特的魅力。理解动态焦点卡片切换动态焦点卡片切换是一种用户界
  • 各种Tab标签页设计与实现：实战示例与要点分析 BOBO爱吃菠萝
    本文还有配套的精品资源，点击获取简介：网页设计中，Tab标签页通过简洁的用户界面提供信息组织和展示，改善用户体验和页面可读性。本文深入探讨Tab标签页的基本结构、实现技术、设计原则、自定义功能和移动端适配，以及流行的实现库和插件。掌握这些知识点对于创建高效、易用的Tab标签页至关重要，能够提升网页开发效率并优化用户体验。1.Tab标签页基本结构介绍在Web开发中，Tab标签页是一种常见的导航组件，
  • xml解析 小猪猪08 xml
    1、DOM解析的步奏 准备工作：    1.创建DocumentBuilderFactory的对象    2.创建DocumentBuilder对象    3.通过DocumentBuilder对象的parse(String fileName)方法解析xml文件    4.通过Document的getElem
  • 每个开发人员都需要了解的一个SQL技巧 brotherlamp linuxlinux视频linux教程linux自学linux资料
      对于数据过滤而言CHECK约束已经算是相当不错了。然而它仍存在一些缺陷，比如说它们是应用到表上面的，但有的时候你可能希望指定一条约束，而它只在特定条件下才生效。 使用SQL标准的WITH CHECK OPTION子句就能完成这点，至少Oracle和SQL Server都实现了这个功能。下面是实现方式： CREATE TABLE books (   id &
  • Quartz——CronTrigger触发器 eksliang quartzCronTrigger
    转载请出自出处：http://eksliang.iteye.com/blog/2208295 一.概述 CronTrigger 能够提供比 SimpleTrigger 更有具体实际意义的调度方案，调度规则基于 Cron 表达式，CronTrigger 支持日历相关的重复时间间隔（比如每月第一个周一执行），而不是简单的周期时间间隔。 二.Cron表达式介绍 1）Cron表达式规则表 Quartz
  • Informatica基础 18289753290 InformaticaMonitormanagerworkflowDesigner
    1. 1）PowerCenter Designer：设计开发环境，定义源及目标数据结构；设计转换规则，生成ETL映射。 2）Workflow  Manager：合理地实现复杂的ETL工作流，基于时间，事件的作业调度 3）Workflow  Monitor：监控Workflow和Session运行情况，生成日志和报告 4）Repository  Manager：
  • linux下为程序创建启动和关闭的的sh文件，scrapyd为例 酷的飞上天空 scrapy
    对于一些未提供service管理的程序  每次启动和关闭都要加上全部路径，想到可以做一个简单的启动和关闭控制的文件   下面以scrapy启动server为例，文件名为run.sh：   #端口号，根据此端口号确定PID PORT=6800 #启动命令所在目录 HOME='/home/jmscra/scrapy/' #查询出监听了PORT端口
  • 人--自私与无私 永夜-极光
                今天上毛概课,老师提出一个问题--人是自私的还是无私的,根源是什么?               从客观的角度来看,人有自私的行为,也有无私的
  • Ubuntu安装NS-3 环境脚本 随便小屋 ubuntu
      将附件下载下来之后解压，将解压后的文件ns3environment.sh复制到下载目录下（其实放在哪里都可以，就是为了和我下面的命令相统一）。输入命令：   sudo ./ns3environment.sh >>result   这样系统就自动安装ns3的环境，运行的结果在result文件中，如果提示     com
  • 创业的简单感受 aijuans 创业的简单感受
           2009年11月9日我进入a公司实习，2012年4月26日，我离开a公司，开始自己的创业之旅。      今天是2012年5月30日，我忽然很想谈谈自己创业一个月的感受。 当初离开边锋时，我就对自己说：“自己选择的路，就是跪着也要把他走完”，我也做好了心理准备，准备迎接一次次的困难。我这次走出来，不管成败
  • 如何经营自己的独立人脉 aoyouzi 如何经营自己的独立人脉
    独立人脉不是父母、亲戚的人脉，而是自己主动投入构造的人脉圈。“放长线，钓大鱼”，先行投入才能产生后续产出。   现在几乎做所有的事情都需要人脉。以银行柜员为例，需要拉储户，而其本质就是社会人脉，就是社交！很多人都说，人脉我不行，因为我爸不行、我妈不行、我姨不行、我舅不行……我谁谁谁都不行，怎么能建立人脉？我这里说的人脉，是你的独立人脉。   以一个普通的银行柜员
  • JSP基础 百合不是茶 jsp注释隐式对象
      1,JSP语句的声明 <%! 声明 %> 　　 声明：这个就是提供java代码声明变量、方法等的场所。 表达式 <%= 表达式 %> 　　 这个相当于赋值，可以在页面上显示表达式的结果， 程序代码段/小型指令　<% 程序代码片段 %>   2,JSP的注释   <!-- -->
  • web.xml之session-config、mime-mapping bijian1013 javaweb.xmlservletsession-configmime-mapping
    session-config 1.定义： <session-config> <session-timeout>20</session-timeout> </session-config> 2.作用：用于定义整个WEB站点session的有效期限，单位是分钟。   mime-mapping 1.定义： <mime-m
  • 互联网开放平台（1） Bill_chen 互联网qq新浪微博百度腾讯
    现在各互联网公司都推出了自己的开放平台供用户创造自己的应用，互联网的开放技术欣欣向荣，自己总结如下： 1.淘宝开放平台(TOP) 网址：http://open.taobao.com/ 依赖淘宝强大的电子商务数据，将淘宝内部业务数据作为API开放出去，同时将外部ISV的应用引入进来。 目前TOP的三条主线： TOP访问网站：open.taobao.com ISV后台：my.open.ta
  • 【MongoDB学习笔记九】MongoDB索引 bit1129 mongodb
    索引 可以在任意列上建立索引 索引的构造和使用与传统关系型数据库几乎一样,适用于Oracle的索引优化技巧也适用于Mongodb 使用索引可以加快查询,但同时会降低修改,插入等的性能 内嵌文档照样可以建立使用索引 测试数据     var p1 = { "name":"Jack", "age&q
  • JDBC常用API之外的总结 白糖_ jdbc
    做JAVA的人玩JDBC肯定已经很熟练了，像DriverManager、Connection、ResultSet、Statement这些基本类大家肯定很常用啦，我不赘述那些诸如注册JDBC驱动、创建连接、获取数据集的API了，在这我介绍一些写框架时常用的API，大家共同学习吧。     ResultSetMetaData获取ResultSet对象的元数据信息
  • apache VelocityEngine使用记录 bozch VelocityEngine
    VelocityEngine是一个模板引擎，能够基于模板生成指定的文件代码。   使用方法如下：     VelocityEngine engine = new VelocityEngine();// 定义模板引擎     Properties properties = new Properties();// 模板引擎属
  • 编程之美-快速找出故障机器 bylijinnan 编程之美
    package beautyOfCoding; import java.util.Arrays; public class TheLostID { /*编程之美 假设一个机器仅存储一个标号为ID的记录，假设机器总量在10亿以下且ID是小于10亿的整数，假设每份数据保存两个备份，这样就有两个机器存储了同样的数据。 1.假设在某个时间得到一个数据文件ID的列表，是
  • 关于Java中redirect与forward的区别 chenbowen00 javaservlet
    在Servlet中两种实现： forward方式：request.getRequestDispatcher(“/somePage.jsp”).forward(request, response); redirect方式：response.sendRedirect(“/somePage.jsp”); forward是服务器内部重定向，程序收到请求后重新定向到另一个程序，客户机并不知
  • [信号与系统]人体最关键的两个信号节点 comsci 系统
            如果把人体看做是一个带生物磁场的导体,那么这个导体有两个很重要的节点,第一个在头部,中医的名称叫做 百汇穴, 另外一个节点在腰部,中医的名称叫做 命门         如果要保护自己的脑部磁场不受到外界有害信号的攻击,最简单的
  • oracle 存储过程执行权限 daizj oracle存储过程权限执行者调用者
    在数据库系统中存储过程是必不可少的利器，存储过程是预先编译好的为实现一个复杂功能的一段Sql语句集合。它的优点我就不多说了，说一下我碰到的问题吧。我在项目开发的过程中需要用存储过程来实现一个功能，其中涉及到判断一张表是否已经建立，没有建立就由存储过程来建立这张表。 CREATE OR REPLACE PROCEDURE TestProc  IS    fla
  • 为mysql数据库建立索引 dengkane mysql性能索引
    前些时候，一位颇高级的程序员居然问我什么叫做索引，令我感到十分的惊奇，我想这绝不会是沧海一粟，因为有成千上万的开发者（可能大部分是使用MySQL的）都没有受过有关数据库的正规培训，尽管他们都为客户做过一些开发，但却对如何为数据库建立适当的索引所知较少，因此我起了写一篇相关文章的念头。  最普通的情况，是为出现在where子句的字段建一个索引。为方便讲述，我们先建立一个如下的表。
  • 学习C语言常见误区 如何看懂一个程序 如何掌握一个程序以及几个小题目示例 dcj3sjt126com c算法
    如果看懂一个程序，分三步   1、流程   2、每个语句的功能   3、试数   如何学习一些小算法的程序 尝试自己去编程解决它，大部分人都自己无法解决 如果解决不了就看答案 关键是把答案看懂，这个是要花很大的精力，也是我们学习的重点 看懂之后尝试自己去修改程序，并且知道修改之后程序的不同输出结果的含义 照着答案去敲 调试错误
  • centos6.3安装php5.4报错 dcj3sjt126com centos6
    报错内容如下: Resolving Dependencies --> Running transaction check ---> Package php54w.x86_64 0:5.4.38-1.w6 will be installed --> Processing Dependency: php54w-common(x86-64) = 5.4.38-1.w6 for
  • JSONP请求 flyer0126 jsonp
          使用jsonp不能发起POST请求。 It is not possible to make a JSONP POST request. JSONP works by creating a <script> tag that executes Javascript from a different domain; it is not pos
  • Spring Security（03）——核心类简介 234390216 Authentication
    核心类简介 目录 1.1     Authentication 1.2     SecurityContextHolder 1.3     AuthenticationManager和AuthenticationProvider 1.3.1  &nb
  • 在CentOS上部署JAVA服务 java--hhf javajdkcentosJava服务
        本文将介绍如何在CentOS上运行Java Web服务，其中将包括如何搭建JAVA运行环境、如何开启端口号、如何使得服务在命令执行窗口关闭后依旧运行     第一步：卸载旧Linux自带的JDK ①查看本机JDK版本 java -version    结果如下 java version "1.6.0"
  • oracle、sqlserver、mysql常用函数对比[to_char、to_number、to_date] ldzyz007 oraclemysqlSQL Server
    oracle                                &n
  • 记Protocol Oriented Programming in Swift of WWDC 2015 ningandjin protocolWWDC 2015Swift2.0
    其实最先朋友让我就这个题目写篇文章的时候，我是拒绝的，因为觉得苹果就是在炒冷饭， 把已经流行了数十年的OOP中的“面向接口编程”还拿来讲，看完整个Session之后呢，虽然还是觉得在炒冷饭，但是毕竟还是加了蛋的，有些东西还是值得说说的。 通常谈到面向接口编程，其主要作用是把系统设计和具体实现分离开，让系统的每个部分都可以在不影响别的部分的情况下，改变自身的具体实现。接口的设计就反映了系统
  • 搭建 CentOS 6 服务器(15) - Keepalived、HAProxy、LVS rensanning keepalived
    （一）Keepalived （1）安装 # cd /usr/local/src # wget http://www.keepalived.org/software/keepalived-1.2.15.tar.gz # tar zxvf keepalived-1.2.15.tar.gz # cd keepalived-1.2.15 # ./configure # make &a
  • ORACLE数据库SCN和时间的互相转换 tomcat_oracle oraclesql
    SCN（System Change Number 简称 SCN）是当Oracle数据库更新后，由DBMS自动维护去累积递增的一个数字，可以理解成ORACLE数据库的时间戳，从ORACLE 10G开始，提供了函数可以实现SCN和时间进行相互转换； 　　 用途：在进行数据库的还原和利用数据库的闪回功能时，进行SCN和时间的转换就变的非常必要了； 　 　操作方法： 　　1、通过dbms_f
  • Spring MVC 方法注解拦截器 xp9802 spring mvc
    应用场景，在方法级别对本次调用进行鉴权，如api接口中有个用户唯一标示accessToken,对于有accessToken的每次请求可以在方法加一个拦截器，获得本次请求的用户，存放到request或者session域。 python中，之前在python flask中可以使用装饰器来对方法进行预处理，进行权限处理 先看一个实例,使用@access_required拦截： ?
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他