让你的网站变成响应式的3个简单步骤

一个网站只在桌面屏幕上好看是远远不够的，同时也要在平板电脑和智能手机中能够良好呈现。响应式的网站是指它能够适应客户端的屏幕尺寸，自动响应客户端尺寸变化。在这篇文章中，我将向您展示如何通过3个简单的步骤轻松地使网站变成响应式（Responsive）。

1 – 布局

　　当创建一个响应式网站，或让现有的网站变成响应式的，首先要关注的元素的布局。我在建立响应式的网站，总是先创建一个非响应的布局，页面宽度固定大小。如果非响应版本完成得非常不错，我再添加媒体查询（Media Queries）和响应式代码。这种操作方式更容易实现响应式特性，在同一时间专注于一个任务。
　　当你已经完成了无响应的网站，做的第一件事是在你的 HTML 页面，粘贴下面的代码到<head>和</head>标签之间。这将设置屏幕按1：1的尺寸显示，在 iPhone 和其他智能手机的浏览器提供网站全视图浏览，并禁止用户缩放页面。

  1. <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
  2.  
  3. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  4.  
  5. <meta name="HandheldFriendly" content="true">
复制代码

 

      现在是时候添加一些媒体查询了。根据 W3C 网站，媒体查询由媒体类型和零个或多个媒体查询的条件表达式组成。通过使用媒体查询，外观呈现可以针对特定范围内的输出设备，而不需要改变内容本身。换句话说，媒体查询让您的网站在各种各种显示器上看起来都很好，从小的智能手机到大的电脑屏幕等等。
　　 媒体查询取决于你的网站布局，所以对我来说为您提供一个现成可以使用的代码片段有点困难。但是，下面的代码对于大多数网站都是一个很好的起点。在这个例子中，#primary 是主要内容区域，#secondary 是侧栏。
　　 从代码中你可以看到，我定义了两种规格：首先有一个最大宽度为1060px，为平板电脑优化的横向显示。#primary 占在其父容器宽度的67%，#senondary 占30%，再加上3%的左外边距。 第二个规格是用于平板电脑和更小的屏幕尺寸。
　　 由于智能手机的屏幕尺寸小，我决定给 #primary 设置100%的宽度，#secondary 也设置100%的宽度，他将在 #primary 下面。 正如我已经说过的，你可能必须要对这段代码位进行修改才能适应您的网站的具体需求。
  1. /* Tablet Landscape */
  2.  
  3. @media screen and (max-width: 1060px) {
  4.  
  5.     #primary { width:67%; }
  6.  
  7.     #secondary { width:30%; margin-left:3%;}  
  8.  
  9. }
  10.  
  11.  
  12.  
  13. /* Tabled Portrait */
  14.  
  15. @media screen and (max-width: 768px) {
  16.  
  17.     #primary { width:100%; }
  18.  
  19.     #secondary { width:100%; margin:0; border:none; }
  20.  
  21. }
复制代码
 
      完成以后，让我们看看你的布局是如何响应的。要做到这一点，我用这 Matt Kersley 创建的一款非常的响应式测试工具。

2 、媒体

　　一个响应式的布局是实现响应网站的第一步。现在，让我们把注意力集中在另外一个现代化网站非常重要的方面：媒体，如视频或图像。 下面的 CSS 代码将确保您的图像将永远不会大于他们的父容器，代码非常简单，适用于大多数网站。请注意，IE6 等旧的浏览器不支持 max-width 指令。
  1. img { max-width: 100%; }
复制代码
 
      虽然上述技术是有效的，有时你可能需要有更多的图像控制权，例如根据客户端的显示大小，显示不同的图像。
　　这是由 Nicolas Gallagher 发明的好方法。让我们看看 HTML：
  1. <img src="image.jpg" data-src-600px="image-600px.jpg" data-src-800px="image-800px.jpg" alt="">
复制代码

        正如你可以看到，我们使用 data-* 属性来存储替换图像的 URL。现在，让我们使用强大的CSS3 来为匹配 min-device-width 条件的媒体指定替换图像：
  1. @media (min-device-width:600px) {
  2.  
  3.     img[data-src-600px] {
  4.  
  5.         content: attr(data-src-600px, url);
  6.  
  7.     }
  8.  
  9. }
  10.  
  11.  
  12.  
  13. @media (min-device-width:800px) {
  14.  
  15.     img[data-src-800px] {
  16.  
  17.         content: attr(data-src-800px, url);
  18.  
  19.     }
  20.  
  21. }
复制代码
 
       令人印象深刻，是不是？现在，让我们来看看另一个在今天的网站中非常重要的媒体——视频。由于大多数网站使用的视频来自第三方网站，我决定把重点放在 Nick La 的弹性视频技术，这种技术可让您嵌入的响应式的视频。

HTML：
  1. <div class="video-container">
  2.  
  3.     <iframe src="http://player.vimeo.com/video/6284199?title=0&byline=0&portrait=0" width="800" height="450" frameborder="0"></iframe>
  4.  
  5. </div>
复制代码

CSS：
  1. .video-container {
  2.  
  3.     position: relative;
  4.  
  5.     padding-bottom: 56.25%;
  6.  
  7.     padding-top: 30px;
  8.  
  9.     height: 0;
  10.  
  11.     overflow: hidden;
  12.  
  13. }
  14.  
  15.  
  16.  
  17. .video-container iframe,  
  18.  
  19. .video-container object,  
  20.  
  21. .video-container embed {
  22.  
  23.     position: absolute;
  24.  
  25.     top: 0;
  26.  
  27.     left: 0;
  28.  
  29.     width: 100%;
  30.  
  31.     height: 100%;
  32.  
  33. }
复制代码
 
       在你的网站上应用了这些代码后，嵌入的视频也是响应式（Responsive）的了。

3 – 字体

       本教程的最后一步绝对非常重要，但往往被网站开发人员忽视——字体。到现在为止，大多数开发人员（包括我自己）使用像素来定义字体的大小。虽然像素在普通网站使用是OK的，但是对于响应式网站来说应该有响应式的字体。事实上，一个响应式的字体大小应关联它的父容器的宽度，这样它才可以适应客户端的屏幕。
　　 CSS3 规范引入了一个新的单位叫 rem，和 em 类相似，但相对于 HTML 元素来说， rem 更易于使用。
　　 rem 是相对于 HTML 元素的，不要忘了重置 HTML 的字体大小：
  1. html { font-size:100%; }
复制代码

完成后，您可以定义响应式的字体大小，如下所示：
  1. @media (min-width: 640px) { body {font-size:1rem;} } 
  2.  
  3. @media (min-width:960px) { body {font-size:1.2rem;} } 
  4.  
  5. @media (min-width:1100px) { body {font-size:1.5rem;} }

你可能感兴趣的:(响应式)

  • 封装websocket，兼容uniapp及普通vue3应用 一个水货程序员 websocketuni-app网络协议
    本文将实现websocket的封装,采用typescript+vue3实现，同时支持uniapp中使用。主要实现两个部分：websocket.core.ts，一个封装的websocket对象，用于处理websocket断线重连及生命周期钩子触发useWebsocket.ts，采用vuehook封装上述对象，将实例属性转换为响应式属性以供页面组件内使用websocket.core.tstypeTim
  • uniapp uni-icons组件自定义图标 xcLeigh uniapp技术点解析uni-app前端java
    文章目录1️⃣uni-icons组件1.1引用位置1.2FontEditor简介1.2FontEditor使用结束语优质源码分享uni-app是一个使用Vue.js(opensnewwindow)开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序、快应用等多个平台。1️⃣uni-icons组件1.1引用位置1.2FontEditor简介Fo
  • 一个简易的 Vue-Ref 响应式系统
    简易的Ref数据响应式+Renderer渲染器本案例实现的响应式效果非常有限，只做简单的demo演示，本案例既不是基于Object.defineProperty，也不是基于Proxy实现的响应式，而是基于存取器，其实都差不多。准备一个__Ref__，它可以将简单数据类型包装为一个响应式对象。class__Ref{#privateValue;#privateRely;//"桶"收集所有对#priva
  • 用vue3写一个好看的wiki前端页面 云浩舟 前端vue.jsjavascript
    以下是一个使用Vue3+ElementPlus实现的Wiki风格前端页面示例，包含现代设计、响应式布局和常用功能：TechWiki开发文档快速开始API参考部署指南数据分析数据规范可视化指南{{currentDoc.title}}草稿import{ref,reactive,computed}from'vue'import{marked}from'marked'importDOMPurifyfrom
  • Vue学习教程-04数据代理 番茄番茄君 vue.js学习javascript
    文章目录一、什么是数据代理二、数据代理过程三、vue数据代理应用1.数据代理代码2.代理底层逻辑总结一、什么是数据代理数据代理是一种技术，通过代理、拦截对象属性及方法的访问请求，实现与该对象的交互。在Vue中，数据代理是指在Vue实例化一个组件时，Vue会将组件中的data属性中的数据转化为getter/setter，并将这些getter/setter注册到Vue的响应式系统中，在Vue实例中访问
  • vertx 三笠爷 vert.x
    vert.x是reactive(响应式编程),是一种思想,特点:事件驱动(发挥单台机器的性能):单台机器上,用少量线程处理大量并发异步处理请求(多个服务间通信阻塞较少,响应时间降低):https://vertx.io/官网基于netty的、运行在jvm之上的、支持多种编程语言的高性能异步、非阻塞、响应式全栈javaweb框架eclipse软件基金会顶级java开源项目之一在techempower.
  • vue3项目开发总结 Yaru11 vue前端
    一、项目准备1、明确项目需求和目标在开始构建项目之前，首先要明确项目的需求和目标。这包括了解项目的业务背景、功能需求、性能要求等，以便为后续的技术选型和架构设计提供指导。2、技术选型与框架选择前端框架：选择Vue3作为前端框架，利用其组件化、响应式等特性来提高开发效率和代码质量。构建工具：当前使用的是vue-cli。推荐使用Vite作为构建工具，因为它具有快速的冷启动、实时的热更新和简洁的配置等优
  • Vue3 使用 ref、reactive响应式丢失 张帅涛_666 Vue3开发vue.jsjavascript前端
    文章目录一、refreactive实例1.引用refreactive属性2.refreactive替换整条数据3.refreactive解构赋值一、refreactive实例1.引用refreactive属性单独引用refreactive修改其中某一个属性，状态变量不会丢失，正常使用import{ref,reactive,toRefs,toRef}from"vue";constcount=ref(
  • 面试官：你知道怎么解决vue2响应式丢失吗？ zayyo vue.jsjavascript前端
    vue2是如何追踪数据变化形成响应？概括版：通过遍历劫持对象的所有属性来实现响应式数据(Object.defineProperty)。专业版：1.初始化阶段：在Vue实例化过程中，Vue会遍历数据对象（通常是data属性中定义的数据）的所有属性，通过Object.defineProperty方法为每个属性添加getter和setter函数。这样做的目的是为了在属性被访问或修改时能够进行依赖收集和派
  • vue3 reactive丢失响应式 想不到耶 vue3前端vue.js
    问题使用reactive构造响应式对象时，当对其进行重新赋值后，会导致原有变量失去响应式，页面不会发生联动更新例如：1、使用reactive定义一个响应式的对象变量letdata1=reactive({name:'小李',date:'2024-03-18',address:'xx地址'})2、将属性渲染到页面上点击更新{{data1.name}}constchange=()=>{letdata2=
  • vue3解构defineProps失去响应式解决办法 半夏ing 前端javascript开发语言
    constprops=defineProps({deviceType:{type:String,default:'apple'}});const{deviceType}=props;这样写下来，deviceType,这个玩意就失去响应了。正确的应该向下面的那样constprops=defineProps({deviceType:{type:String,default:"123",},});con
  • vue3响应式丢失解决办法（三） xiaozaq vue.js前端javascript
    vue3的响应式的理解，与普通对象的区别（一）vue3分析总结响应式丢失问题原因（二）经过前面2篇文章，知道了响应式为什么丢失了，但是还是碰到了丢失情况，并且通过之前的内容还不能解决。这里要解决响应式丢失问题需要用到几个函数：toRef、toRefs与storeToRefs。conststate=reactive({a:1,b:2});比如上面一个响应式对象state，该对象在其他组件或者页面需要
  • Bootstrap4 信息提示框 lsx202406 开发语言
    Bootstrap4信息提示框Bootstrap是一个流行的前端框架，它提供了一系列的工具和组件来帮助开发者快速搭建响应式网站。在Bootstrap4中，信息提示框（Tooltip）是一个非常有用的组件，它可以帮助用户更好地理解页面上的元素。本文将详细介绍Bootstrap4的信息提示框组件，包括其基本用法、配置选项以及与实际应用的结合。一、基本用法1.1HTML结构要使用Bootstrap4的信
  • 深入理解现代前端框架：Vue.js 的进阶探秘 lozhyf 工作面试学习前端框架vue.jsflutter
    在当今的web开发领域，前端框架如雨后春笋般涌现，而Vue.js凭借其简洁易用和强大的功能，成为了众多开发者的心头好。本文将带领大家深入探索Vue.js的一些进阶特性，帮助你将Vue应用开发提升到新的高度。一、Vue.js的响应式原理Vue.js最核心的特性之一就是其响应式系统。当数据发生变化时，Vue能够自动更新DOM，这一过程是如何实现的呢？Vue.js使用了Object.defineProp
  • vue中ref/reactive的区别是什么 子玉欸 前端vue.jsjavascript前端
    在Vue中，`ref`和`reactive`是两种不同的响应式数据处理方式，它们的区别主要体现在作用对象和使用场景上。1.**`ref`**：-**作用对象**：`ref`主要用于将基本数据类型（如数字、字符串等）或非响应式对象（如DOM元素）转换为响应式对象。-**使用场景**：通常用于对单个数据进行响应式处理，例如在组件中声明一个响应式的变量。-**示例**：import{ref}from'v
  • 如何使用Three.js制作3D月球与星空效果 软件工程师文艺 前端javascript3dhtml
    目录1.基本设置2.创建星空效果3.创建月球模型4.添加中文3D文字5.光照与相机配置6.动画与控制7.响应式布局8.结语在本文中，我们将一起学习如何利用Three.js实现一个3D月球与星空的效果，并添加一些有趣的元素，比如中文3D文字和互动功能。Three.js是一个强大的JavaScript库，它简化了WebGL的使用，使得在网页上进行3D图形渲染变得更加容易。我们将逐步分析代码，帮助大家理
  • 跟着ai辅助学习vue3 IT、木昜 vue全家桶vueAI辅助学习前端框架学习
    第一章：基础入门（1-2周）1.了解Vue3概述阅读官方文档简介访问Vue3官方文档，在首页或简介板块中，重点了解Vue3相较于Vue2的重大变革。比如，Vue3采用了Proxy实现响应式系统，在性能上有显著提升，尤其是在处理大规模数据时，数据劫持的效率更高。了解CompositionAPI的引入，它解决了OptionsAPI在代码复用和逻辑组织上的痛点，让代码结构更加清晰，易于维护和扩展。例如，
  • vue3.x 的 toRef详细解读 黑码小帅 前端知识总结vue.jsjavascript前端vuebootstraplessnode.js
    在Vue3.x中，toRef是一个用于创建响应式引用的工具函数。它可以将一个响应式对象的某个属性转换为一个独立的ref对象，同时保持与原始属性的响应式连接。以下是toRef的详细解读和示例。1.toRef的作用核心功能toRef用于从响应式对象（reactive对象）中提取一个属性，并将其转换为一个ref对象。这个ref对象会与原始属性保持同步：修改ref对象的值会更新原始属性，反之亦然。使用场景
  • 教育定制开发中，如何通过代码实现多终端适配？ 万岳科技系统开发 外卖系统外卖系统开发小程序android开源
    随着移动设备、平板电脑和PC的普及，教育平台的用户往往使用多种终端访问系统。为了提供一致的用户体验，教育定制开发必须考虑多终端适配问题。本文将探讨在教育系统开发中，如何通过代码实现多终端适配，并提供一些核心技术和代码示例。一、多终端适配的关键技术响应式设计（ResponsiveDesign）使用CSS媒体查询，根据屏幕大小动态调整页面布局。前端框架支持借助前端框架如Bootstrap、Tailwi
  • SpringWebFlux结合多线程编写流式处理异步返回接口 starsAreCloser springWebFlux多线程编排springmvcspringboot
    文章目录概要整体架构流程技术细节小结概要java使用多线程为关系型数据库结合spring响应式编程模拟流式处理整体架构流程使用webFlux的时候如果涉及到数据库操作是需要数据库支持的，非关系型数据库对此支持比较友好如redis的ReactiveStringRedisTemplate和MongoDB的ReactiveMongoRepository就支持该功能，但是关系型数据库oracle，mysq
  • 响应式编程RxJava 剑客狼心 rxjavaandroid
    了解回调的通常都听过回调地狱。所谓回调指的是将一个方法（或代码块、函数）作为参数传递给另一个方法。当某个操作完成时，后者会调用这个传递过来的方法。常用于异步编程或事件驱动编程，用来处理异步操作的结果。看下面的代码，模拟网络连接请求，请求需要消耗一定时间，因此同步运行会造成明显的顿感。publicclassNetworkRequest{publicCompletableFuturemakeReque
  • 【PyQt5 应用程序】PyQt基础组件：API接口调用 Mr数据杨 Python实用程序qtpyqt数据库
    在构建PyQt应用程序时，理解组件的基本操作和信号槽机制至关重要。PyQt提供了丰富的组件，如按钮、文本框、滑块等，可以与用户产生交互。在这些交互中，使用API接口处理事件响应是开发的核心内容。本教程将通过几个实际应用示例，展示如何利用PyQt的信号槽机制，将组件与API接口进行有效链接，进而构建响应式应用程序。文章目录事件处理与信号槽机制QPushButton与clicked信号QLineEdi
  • React的内部机制详解 GISer_Jinger ReactJavascriptreact.js前端前端框架
    用户之前询问了Vue的响应式原理，我详细介绍了Object.defineProperty和Proxy，以及发布订阅模式。现在用户转向React，可能是在比较两者，或者想深入理解React的内部机制。用户可能是前端开发者，想要更深入理解React的底层实现，以便优化应用或面试准备。我需要确保内容足够深入，覆盖React的核心机制，比如虚拟DOM、协调算法、Fiber架构、Hooks原理、事件系统等。
  • 《Foundation 起步》 lly202406 开发语言
    《Foundation起步》引言在当今快速发展的科技时代，了解并掌握最新的技术是至关重要的。本文旨在为初学者提供一个全面的《Foundation》起步指南，帮助大家快速入门并掌握这一强大的技术。一、什么是Foundation？Foundation是一个流行的前端框架，由ZURB公司开发。它旨在帮助开发者快速构建响应式网站和应用程序。Foundation提供了一套完整的工具和组件，包括网格系统、导航
  • 【前端框架】Vue3 面试题深度解析 西门吹雪~ 前端框架前端前端面试vuevue3
    本文详细讲解了VUE3相关的面试题，从基础到进阶到高级，分别都有涉及，希望对你有所帮助！基础题目1.简述Vue3与Vue2相比有哪些主要变化？答案：响应式系统：Vue2使用Object.defineProperty()实现响应式，有一定局限性，如无法检测对象属性的添加和删除；Vue3采用Proxy对象，能全面拦截对象操作，解决了上述问题。API风格：Vue2主要使用选项式API，逻辑分散在不同选项
  • rpx和px混用方案 大袤宏图 notepad++
    （1）创建一个全局的样式配置文件：//styles/variables.scss:root{ //基础字体大小 --font-size-xs:12px; --font-size-sm:14px; --font-size-md:16px; --font-size-lg:18px;   //响应式间距 --spacing-xs:5px; --spacing-sm:10px; --spacing-md:
  • 比较Vue 3中的setup函数如何与Vue 2中的created和data属性相比 dxh_888 vue.js前端javascript
    Vue3的setup函数vsVue2的created和dataVue3引入了setup函数，作为CompositionAPI的核心部分，它彻底改变了Vue组件的逻辑组织和代码复用方式。与Vue2的data和created等选项相比，setup函数提供了更灵活、更强大的能力，尤其是在逻辑组织、代码复用和类型推断方面。1.逻辑组织Vue2的data和createddata：用于定义组件的响应式数据，返
  • Vue.js前端开发实战学习笔记 cai-4 前端vue.js学习前端
    Vue.js前端开发实战学习笔记一、学习教材Vue.js3前端开发实战————————张益珲github仓库地址gitee仓库地址二、第一章从前端基础到Vue.js3三、第二章Vue模板应用四、第三章Vue组件的属性和方法五、第四章处理用户交互六、第五章组件基础七、第六章组件进阶八、第七章Vue响应式编程九、第八章动画十、第九章构建工具VueCLI的使用十一、第十章基于Vue3的UI组件库——El
  • AsyncNinja 开源项目教程 姬如雅Brina
    AsyncNinja开源项目教程AsyncNinjaAcompletesetofprimitivesforconcurrencyandreactiveprogrammingonSwift项目地址:https://gitcode.com/gh_mirrors/as/AsyncNinja1.项目介绍AsyncNinja是一个为Swift语言设计的并发和响应式编程库。它提供了一套完整的原语，帮助开发者更
  • Vue3数据响应式原理 牧云流 vue.jsjavascriptecmascript
    什么是数据响应式当数据变化时，引用数据的函数（副作用函数）自动重新执行。即数据触发了函数的响应，如：视图渲染中使用了某数据，数据改变后，视图跟着自动更新。触发者：数据响应者：函数副作用函数可以理解为引用了外部数据的函数，这个函数会受到外部数据改变的影响，我们就说这个函数存在副作用。Vue3数据响应式原理在Vue2是使用Object.defineProperty()实现响应式。在Vue3中，ref是
  • ViewController添加button按钮解析。（翻译） 张亚雄 c
    <div class="it610-blog-content-contain" style="font-size: 14px"></div>//  ViewController.m //  Reservation software // //  Created by 张亚雄 on 15/6/2.
  • mongoDB 简单的增删改查 开窍的石头 mongodb
       在上一篇文章中我们已经讲了mongodb怎么安装和数据库/表的创建。在这里我们讲mongoDB的数据库操作       在mongo中对于不存在的表当你用db.表名 他会自动统计 下边用到的user是表明，db代表的是数据库       添加(insert):
  • log4j配置 0624chenhong log4j
    1) 新建java项目 2) 导入jar包，项目右击，properties—java build path—libraries—Add External jar，加入log4j.jar包。 3) 新建一个类com.hand.Log4jTest package com.hand; import org.apache.log4j.Logger; public class
  • 多点触摸(图片缩放为例) 不懂事的小屁孩 多点触摸
    多点触摸的事件跟单点是大同小异的，上个图片缩放的代码，供大家参考一下 import android.app.Activity; import android.os.Bundle; import android.view.MotionEvent; import android.view.View; import android.view.View.OnTouchListener
  • 有关浏览器窗口宽度高度几个值的解析 换个号韩国红果果 JavaScripthtml
    1 元素的 offsetWidth 包括border padding  content  整体的宽度。 clientWidth  只包括内容区 padding 不包括border。 clientLeft =  offsetWidth -clientWidth  即这个元素border的值 offsetLeft  若无已定位的包裹元素
  • 数据库产品巡礼：IBM DB2概览 蓝儿唯美 db2
    IBM DB2是一个支持了NoSQL功能的关系数据库管理系统，其包含了对XML，图像存储和Java脚本对象表示（JSON）的支持。DB2可被各种类型的企 业使用，它提供了一个数据平台，同时支持事务和分析操作，通过提供持续的数据流来保持事务工作流和分析操作的高效性。 DB2支持的操作系统 DB2可应用于以下三个主要的平台:   工作站，DB2可在Linus、Unix、Windo
  • java笔记5 a-john java
    控制执行流程： 1，true和false    利用条件表达式的真或假来决定执行路径。例：（a==b）。它利用条件操作符“==”来判断a值是否等于b值，返回true或false。java不允许我们将一个数字作为布尔值使用，虽然这在C和C++里是允许的。如果想在布尔测试中使用一个非布尔值，那么首先必须用一个条件表达式将其转化成布尔值，例如if(a!=0)。 2，if-els
  • Web开发常用手册汇总 aijuans PHP
    一门技术，如果没有好的参考手册指导,很难普及大众。这其实就是为什么很多技术，非常好，却得不到普遍运用的原因。 正如我们学习一门技术，过程大概是这个样子： ①我们日常工作中，遇到了问题，困难。寻找解决方案，即寻找新的技术； ②为什么要学习这门技术？这门技术是不是很好的解决了我们遇到的难题，困惑。这个问题，非常重要，我们不是为了学习技术而学习技术，而是为了更好的处理我们遇到的问题，才需要学习新的
  • 今天帮助人解决的一个sql问题 asialee sql
                今天有个人问了一个问题，如下： type     AD      value          A  
  • 意图对象传递数据 百合不是茶 android意图IntentBundle对象数据的传递
    学习意图将数据传递给目标活动; 初学者需要好好研究的       1,将下面的代码添加到main.xml中    <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http:/
  • oracle查询锁表解锁语句 bijian1013 oracleobjectsessionkill
    一.查询锁定的表 如下语句，都可以查询锁定的表 语句一： select a.sid, a.serial#, p.spid, c.object_name, b.session_id, b.oracle_username, b.os_user_name from v$process p, v$s
  • mac osx 10.10 下安装 mysql 5.6 二进制文件［tar.gz］ 征客丶 mysqlosx
    场景：在 mac osx 10.10 下安装 mysql 5.6 的二进制文件。 环境：mac osx 10.10、mysql 5.6 的二进制文件 步骤：[所有目录请从根“/”目录开始取，以免层级弄错导致找不到目录] 1、下载 mysql 5.6 的二进制文件，下载目录下面称之为 mysql5.6SourceDir； 下载地址：http://dev.mysql.com/downl
  • 分布式系统与框架 bit1129 分布式
    RPC框架 Dubbo 什么是Dubbo   Dubbo是一个分布式服务框架，致力于提供高性能和透明化的RPC远程服务调用方案，以及SOA服务治理方案。其核心部分包含:    远程通讯: 提供对多种基于长连接的NIO框架抽象封装，包括多种线程模型，序列化，以及“请求-响应”模式的信息交换方式。    集群容错: 提供基于接
  • 那些令人蛋痛的专业术语 白糖_ springWebSSOIOC
    spring 【控制反转(IOC)/依赖注入(DI)】： 由容器控制程序之间的关系，而非传统实现中，由程序代码直接操控。这也就是所谓“控制反转”的概念所在：控制权由应用代码中转到了外部容器，控制权的转移，是所谓反转。 简单的说：对象的创建又容器(比如spring容器)来执行，程序里不直接new对象。 Web 【单点登录(SSO)】：SSO的定义是在多个应用系统中，用户
  • 《给大忙人看的java8》摘抄 braveCS java8
    函数式接口：只包含一个抽象方法的接口 lambda表达式：是一段可以传递的代码       你最好将一个lambda表达式想象成一个函数，而不是一个对象，并记住它可以被转换为一个函数式接口。 事实上，函数式接口的转换是你在Java中使用lambda表达式能做的唯一一件事。   方法引用：又是要传递给其他代码的操作已经有实现的方法了，这时可以使
  • 编程之美-计算字符串的相似度 bylijinnan java算法编程之美
    public class StringDistance { /** * 编程之美 计算字符串的相似度 * 我们定义一套操作方法来把两个不相同的字符串变得相同，具体的操作方法为： * 1.修改一个字符（如把“a”替换为“b”）; * 2.增加一个字符（如把“abdd”变为“aebdd”）; * 3.删除一个字符（如把“travelling”变为“trav
  • 上传、下载压缩图片 chengxuyuancsdn 下载
    /** * * @param uploadImage --本地路径(tomacat路径) * @param serverDir --服务器路径 * @param imageType --文件或图片类型 * 此方法可以上传文件或图片.txt,.jpg,.gif等 */ public void upload(String uploadImage,Str
  • bellman-ford(贝尔曼-福特)算法 comsci 算法F#
    Bellman-Ford算法(根据发明者 Richard Bellman 和 Lester Ford 命名)是求解单源最短路径问题的一种算法。单源点的最短路径问题是指：给定一个加权有向图G和源点s，对于图G中的任意一点v，求从s到v的最短路径。有时候这种算法也被称为 Moore-Bellman-Ford 算法，因为 Edward F. Moore zu 也为这个算法的发展做出了贡献。 与迪科
  • oracle ASM中ASM_POWER_LIMIT参数 daizj ASMoracleASM_POWER_LIMIT磁盘平衡
    ASM_POWER_LIMIT 该初始化参数用于指定ASM例程平衡磁盘所用的最大权值，其数值范围为0~11，默认值为1。该初始化参数是动态参数，可以使用ALTER  SESSION或ALTER  SYSTEM命令进行修改。示例如下： SQL>ALTER  SESSION  SET   Asm_power_limit=2;
  • 高级排序:快速排序 dieslrae 快速排序
    public void quickSort(int[] array){ this.quickSort(array, 0, array.length - 1); } public void quickSort(int[] array,int left,int right){ if(right - left <= 0
  • C语言学习六指针_何谓变量的地址 一个指针变量到底占几个字节 dcj3sjt126com C语言
    # include <stdio.h> int main(void) { /* 1、一个变量的地址只用第一个字节表示 2、虽然他只使用了第一个字节表示，但是他本身指针变量类型就可以确定出他指向的指针变量占几个字节了 3、他都只存了第一个字节地址，为什么只需要存一个字节的地址，却占了4个字节，虽然只有一个字节， 但是这些字节比较多，所以编号就比较大，
  • phpize使用方法 dcj3sjt126com PHP
    phpize是用来扩展php扩展模块的，通过phpize可以建立php的外挂模块,下面介绍一个它的使用方法,需要的朋友可以参考下 安装（fastcgi模式）的时候，常常有这样一句命令： 代码如下: /usr/local/webserver/php/bin/phpize   一、phpize是干嘛的？ phpize是什么？ phpize是用来扩展php扩展模块的，通过phpi
  • Java虚拟机学习 - 对象引用强度 shuizhaosi888 JAVA虚拟机
    本文原文链接：http://blog.csdn.net/java2000_wl/article/details/8090276 转载请注明出处！ 无论是通过计数算法判断对象的引用数量，还是通过根搜索算法判断对象引用链是否可达，判定对象是否存活都与“引用”相关。 引用主要分为 ：强引用(Strong Reference)、软引用(Soft Reference)、弱引用(Wea
  • .NET Framework 3.5 Service Pack 1（完整软件包）下载地址 happyqing .net下载framework
      Microsoft .NET Framework 3.5 Service Pack 1（完整软件包）  http://www.microsoft.com/zh-cn/download/details.aspx?id=25150 Microsoft .NET Framework 3.5 Service Pack 1 是一个累积更新，包含很多基于 .NET Framewo
  • JAVA定时器的使用 jingjing0907 javatimer线程定时器
    1、在应用开发中，经常需要一些周期性的操作，比如每5分钟执行某一操作等。 对于这样的操作最方便、高效的实现方式就是使用java.util.Timer工具类。 privatejava.util.Timer timer; timer = newTimer(true); timer.schedule( newjava.util.TimerTask() { public void run()
  • Webbench 流浪鱼 webbench
    首页下载地址 http://home.tiscali.cz/~cz210552/webbench.html Webbench是知名的网站压力测试工具，它是由Lionbridge公司（http://www.lionbridge.com）开发。 Webbench能测试处在相同硬件上，不同服务的性能以及不同硬件上同一个服务的运行状况。webbench的标准测试可以向我们展示服务器的两项内容：每秒钟相
  • 第11章 动画效果（中） onestopweb 动画
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • windows下制作bat启动脚本. sanyecao2314 javacmd脚本bat
    java -classpath C:\dwjj\commons-dbcp.jar;C:\dwjj\commons-pool.jar;C:\dwjj\log4j-1.2.16.jar;C:\dwjj\poi-3.9-20121203.jar;C:\dwjj\sqljdbc4.jar;C:\dwjj\voucherimp.jar com.citsamex.core.startup.MainStart
  • Java进行RSA加解密的例子 tomcat_oracle java
    加密是保证数据安全的手段之一。加密是将纯文本数据转换为难以理解的密文；解密是将密文转换回纯文本。 　　数据的加解密属于密码学的范畴。通常，加密和解密都需要使用一些秘密信息，这些秘密信息叫做密钥，将纯文本转为密文或者转回的时候都要用到这些密钥。 　　对称加密指的是发送者和接收者共用同一个密钥的加解密方法。 　　非对称加密(又称公钥加密)指的是需要一个私有密钥一个公开密钥，两个不同的密钥的
  • Android_ViewStub 阿尔萨斯 ViewStub
    public final class ViewStub extends View java.lang.Object android.view.View android.view.ViewStub 类摘要： ViewStub 是一个隐藏的，不占用内存空间的视图对象，它可以在运行时延迟加载布局资源文件。当 ViewSt
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他