杰仔要努力
杰仔要努力

响应式网页设计

最近学了响应式网页设计那么什么是响应式网页设计呢？
百度百科上说：响应式Web设计(Responsive Web design)的理念是：集中创建页面的图片排版大小，可以智能地根据用户行为以及使用的设备环境（系统平台、屏幕尺寸、屏幕定向等）进行相对应的布局。
我觉得 说白了就是使你的网页不管是在手机还是电脑上，不管浏览器有多大，你的网页都能完美无缺的显示出来。而传统的页面在大的屏幕上会有大量空白，在小的屏幕上，比如手机上会出现网页只显示一部分，或者显示全了但是网页太小看不清。
说完了她的优点再来说说她的缺点，她的缺点呢就是对老版浏览器的支持不太好，而且会产生大量的重复代码。
那么响应式网页设计是如何实现的呢？
1.需要使用媒体查询就是media
2.网页的布局方式用流体布局不要用绝对布局
3.数据使用百分比而不是像素（如width 70%而不是width 300px）
接下来上代码看看响应式网页设计到底是怎么写的
1.页面的布局


<html>
    <head>
        <meta charset="utf-8" />
        <title>title>
        <link rel="stylesheet" type="text/css" href="css/media.css" />
    head>
    <body>
        <header id="header">
            这是头部
        header>
        <div id="main">
            <section id="left">
                左边
            section>
            <section id="right">
                右边
            section>
        div>
        <footer id="footer">
            底部
        footer>
    body>
html>

2.页面的样式，在这里当屏幕的大小不同时显示不同的样式


body{
    font-size:2em;
}
/*
当屏幕大于等于1000时
*/
@media (min-width: 1000px) {
#header {
    width: 100%;
    height: 200px;
    background-color: #00FFFF;
    text-align: center;
}
#main {
    width: 100%;
    height: 200px;
}
#footer {
    width: 100%;
    background-color:#00FFFF;
    text-align: center;
    height: 200px;
}
#left {
    width: 40%;
    float: left;
    background-color: #462727;
    color: white;
    height: 200px;
}
#right {
    width: 60%;
    float: left;
    background-color: #F61818;
    height: 200px;
}
}
/*
当屏幕在800到1000px之间时
*/
@media only screen and (min-width: 800px) and (max-width: 1000px) {
    #header {
    width: 100%;
    margin: 0px;
    background-color: #Cdf444;
    text-align: center;
    height: 200px;
}
#main {
    width: 100%;
    height: 200px;
}
#footer {
    width: 100%;
    background-color: #C78080;
    text-align: center;
    height: 200px;
    float: left;
}
#left {
    width: 100%;
    float: left;
    background-color: #462727;
    color: white;
    height: 200px;
}
#right {
    width: 100%;
    float: left;
    background-color: #F61818;
    height: 200px;
}
}
/*
当屏幕在360到800px之间时
*/
 @media  (min-width: 362px) and (max-width: 800px) {
    #header {
    width: 100%;
    margin: 0px;
    background-color: #C78080;
    text-align: center;
    height: 200px;
}
#main {
    width: 100%;
    height: 200px;
}
#footer {
    width: 100%;
    background-color: #C78080;
    text-align: center;
    height: 200px;
    float: left;
}
#left {
    width: 20%;
    float: left;
    background-color: #462727;
    color: white;
    height: 200px;
}
#right {
    width: 80%;
    float: left;
    background-color: #F61818;
    height: 200px;
}
 }
当屏幕小于等于361px时
 */
@media (max-width: 361px){
#header {
    width: 100%;
    margin: 0px;
    background-color: #C78080;
    text-align: center;
    height: 200px;
}
#main {
    width: 100%;
    height: 200px;
}
#footer {
    width: 100%;
    background-color: #C78080;
    text-align: center;
    height: 200px;
    float: left;
}
#left {
    width: 100%;
    float: left;
    background-color: #462727;
    color: white;
    height: 200px;
}
#right {
    width: 100%;
    float: left;
    background-color: #F61818;
    height: 200px;
}
}

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

  • Android 开源组件和第三方库汇总 gyyzzr AndroidAndroid开源框架
    转载1、github排名https://github.com/trending,github搜索：https://github.com/search2、https://github.com/wasabeef/awesome-android-ui目录UIUI卫星菜单节选器下拉刷新模糊效果HUD与Toast进度条UI其它动画网络相关响应式编程地图数据库图像浏览及处理视频音频处理测试及调试动态更新热更新
  • Spring WebFlux 响应式编程原理与实战指南
    SpringWebFlux响应式编程原理与实战指南一、技术背景与应用场景随着微服务与高并发的迅速发展，传统的阻塞式编程模型在处理大量并发请求时容易导致线程资源耗尽、响应延迟增高。SpringWebFlux基于ReactiveStreams规范，通过非阻塞、背压机制，实现高吞吐、低延迟的Web服务。典型应用场景包括：实时数据推送：WebSocket或Server-SentEvents场景。高并发AP
  • Android-kotlin之Flow基础实战应用 每次的天空 androidkotlin开发语言
    一、Flow是什么？Flow是一种用于处理异步数据流的强大工具，它基于协程实现，支持响应式编程模式。Flow是一个冷流（ColdStream），即只有在被收集（collect）时才会开始执行，类似于Kotlin序列（Sequence）的惰性求值特性。它可以异步地发射多个值，支持背压（Backpressure）机制。核心特点异步/非阻塞：Flow中的代码可以挂起而不阻塞线程。支持协程上下文：可以在不
  • 前端开发常见问题
    技术文章大纲性能优化问题页面加载速度慢的常见原因及解决方案渲染阻塞资源的处理方法图片与媒体文件优化策略懒加载与代码分割的实现方式浏览器兼容性问题不同浏览器对CSS特性的支持差异JavaScriptAPI的兼容性处理方案Polyfill的使用场景与实现方法自动化测试工具在兼容性测试中的应用响应式设计挑战移动端与桌面端布局适配问题媒体查询的最佳实践方案视口单位与相对单位的正确使用高DPI屏幕的图像处理
  • 前端领域的前端设计模式技巧分享 前端视界 前端艺匠馆前端设计模式状态模式ai
    前端领域的前端设计模式技巧分享关键词：前端设计模式、组件化开发、状态管理、性能优化、代码复用、可维护性、响应式设计摘要：本文深入探讨前端开发中的设计模式应用技巧，从基础概念到高级实践，全面解析如何通过设计模式提升前端代码质量。文章将详细介绍常见的前端设计模式如观察者模式、单例模式、工厂模式等，并结合React、Vue等现代框架展示实际应用场景。同时，我们还将探讨设计模式在状态管理、性能优化和组件复
  • Spring for Apache Pulsar-＞Reactive Support-＞Quick Tour
    我们将通过展示一个以响应式方式生成和消费的示例SpringBoot应用程序，快速了解Spring对ApachePulsar的响应式支持。这是一个完整的应用程序，不需要任何额外的配置，只要您在默认位置localhost:6650上运行Pulsar集群即可。1.DependenciesSpringBoot应用程序只需要SpringBoot启动器脉冲响应依赖关系。以下清单分别显示了如何定义Maven和G
  • 构建高效的jQuery地理选择器组件 Kiki-2189
    本文还有配套的精品资源，点击获取简介：本项目展示了如何利用jQuery构建一个在网页中常用的二级和三级城市选择器。这种选择器对于地理位置选择场景尤为重要，例如在线购物和预订服务。组件通过动态DOM操作、JSON数据结构、事件绑定、异步数据加载、插件化、样式美化、响应式设计、性能优化和无障碍访问等技术点，提供了一个高效、易用和适应性强的用户体验。同时，还需注意代码的兼容性、错误处理和全面的测试。1.
  • Vue前端面试常问问题详解 GISer_Jinger Vuevue.js前端面试
    在Vue面试中，面试官通常会考察候选人对Vue核心概念、原理和实践的理解。以下是一些常见的Vue面试问题及详细解答：1.Vue的响应式原理是什么？Vue的响应式系统基于**Object.defineProperty()**实现（Vue2.x），核心原理如下：当一个Vue实例创建时，Vue会遍历data选项中的所有属性，使用Object.defineProperty()将这些属性转换为getter/
  • 元旦倒计时项目实战：CSS+HTML+JS网页实现 BIG-HO
    本文还有配套的精品资源，点击获取简介：本文介绍了一个使用CSS、HTML和JavaScript技术实现的网页倒计时项目，该项目展示了距离元旦还有多少时间。CSS负责页面布局、美化和响应式设计，HTML构建页面结构并绑定数据，而JavaScript则处理时间计算、定时更新以及可能的交互事件。通过这个项目，开发者可以学习和掌握前端开发的动态效果与时间处理技巧。1.网页倒计时项目介绍在现代的数字营销和事
  • uniapp页面间通信相关方法总结 前端达人 vuepythonjavascriptjavajs
    文章整理于：https://ask.dcloud.net.cn/article/35970uni-app是一个使用vue.js开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。利用url传参进行通讯A页面向B页面传递参数uni.navigateTo({url:'test/te
  • HarmonyOS 入门到精通：为什么状态管理是鸿蒙开发的核心？ 逻极 harmonyos鸿蒙笔记harmonyos华为鸿蒙入门到精通状态管理状态模式arkts
    在现代应用开发中，状态管理是构建响应式应用的基石。对于鸿蒙这种面向全场景的分布式操作系统，状态管理机制显得尤为重要。它不仅是实现复杂交互逻辑的关键，还直接关系到应用的性能、可维护性和用户体验。什么是状态管理？状态是指UI组件所依赖的、会随时间变化的数据。状态管理则是对这些变化数据的有效组织和控制，包括：状态的创建与初始化：在应用启动或组件加载时，为状态变量分配初始值，确保组件能够正确渲染初始界面。
  • Vue3 面试不再慌：这 8 个问题答得好，基本稳了！ 掘金安东尼 vue.js前端javascript
    面试Vue3岗位，真的只是复习CompositionAPI、生命周期和响应式吗？你以为自己准备得差不多了，但一上来，面试官问的是：“Vue3中的响应式是怎么实现的？和Vue2有什么本质不同？”——你还在“setup里写逻辑就完事了”的认知，可能就被这一问击穿了。作为Vue开发者，这些年我面过别人，也被别人面过。今天就来整理一份Vue3面试高频问题+高质量回答，不止是应试，更是一次知识体系的整理升级
  • Android开发中的函数式编程应用：流与响应式编程
    流与响应式编程1.函数式副作用的处理之前有说过函数式编程中尽量要编写纯函数，但是实际的程序中不可能如此理想的都是纯函数，异常、用户交互、时间、变量等等这些所谓的“副作用”是一定会也一定需要存在的，那程序应该如何编写？首先我们需要回到“纯函数”的定义上：对于相同的输入，总是产生相同的输出，可以用返回值替换函数执行。比如：varcount=0funincrease(a:Int):Int{returnc
  • Vue 2 和 Vue 3 区别 哈哈123453 vue.js前端javascripthtml
    1.响应式系统原理Vue2：利用Object.defineProperty()实现属性拦截。存在局限性，无法自动监测对象属性增减，需用Vue.set/delete；数组变异方法要重写；深层对象递归转换性能差。Vue3：采用ES6Proxy代理对象，能直接拦截属性访问修改。无需特殊API就能监测属性变化；数组操作拦截更自然；深层响应式惰性处理，提升性能。javascript//Vue3响应式创建im
  • Three.js（three入门）
    theme:condensed-night-purpleThree.js学习指南：在响应式世界里玩转三维魔法第一章：Three.js突破次元壁指南Three.js简介three.js官网：https://threejs.org/three.js中文官网https://threejs.org/docs/index.html#manual/zh/1.什么是Three.js?Three.js是用Java
  • Java微服务框架技术选型全景报告 chanalbert 技术选型javajava微服务框架技术选型
    一、核心框架深度解析1.1Spring生态体系组件关键特性适用场景SpringBoot-约定优于配置+自动装配（Starter）-内嵌Tomcat/Jetty容器-Actuator监控端点企业级单体应用/传统系统迁移SpringCloud-微服务全家桶（Eureka/Zuul/Config）-强事务管理（SpringTX）-生态兼容性最佳复杂分布式系统WebFlux-响应式编程模型（Reactor
  • 深入剖析 CSS 属性计算全流程：从层叠冲突到实际渲染值
    CSS看似简单，但浏览器内部处理一个CSS属性值却经历多步变换——从级联冲突、继承、单位转换到布局阶段，最终生成屏幕呈现的具体像素。这一过程对复杂布局、响应式设计、性能调优等尤为关键。本文从规范和实践层面详解每个阶段，帮你写出更可靠、有效率的样式。一、CSS的四步值变换模型浏览器对每条CSS属性遵循如下清晰流程（按CSS2/CSS4定义）：级联值（Cascaded）：整合多个来源（用户、作者、UA
  • iOS好用的第三方框架/插件 Jeyzq iOSOCswift
    一：第三方插件1:基于响应式编程思想的oc地址：https://github.com/ReactiveCocoa/ReactiveCocoa2：hud提示框地址：https://github.com/jdg/MBProgressHUD地址：https://github.com/SVProgressHUD/SVProgressHUD地址：https://github.com/scalessec/To
  • 背压（Backpressure）详解 小李飞飞砖 android
    背压（Backpressure）详解背压是响应式编程和流处理中的一个核心概念，指的是数据生产速度超过消费速度时产生的压力。这种现象类似于水管系统中水流速度超过排水能力时产生的压力。一、背压的本质当数据生产者（Publisher）的发射速度远快于消费者（Subscriber）的处理速度时，会导致：未处理的数据在内存中堆积内存占用不断增长最终可能导致内存溢出（OOM）或系统不稳定二、背压问题场景典型例
  • vue-cropper实现图片裁剪 鸡吃丸子 vue.js前端javascript
    一、什么是vue-cropper？Vue-Cropper是一个基于Vue.js的图片裁剪组件库，专为Web应用设计。当你在网上搜索的时候发现还有一个叫cropper的库，下面是他们的区别：特性cropper.jsvue-cropper框架依赖纯JavaScript，无框架依赖专为Vue.js设计包体积~200KB(含样式)~45KB(压缩后)API调用方式原生DOM操作Vue组件式API响应式支持
  • UniApp的学习 xuzhihuan焕 uni-app学习
    一.Vue.js基础基本概念：总之，Vue.js是一个简洁、灵活、高效的前端JavaScript框架，具有响应式数据绑定、组件化开发、虚拟DOM等特点，适用于构建各种类型的Web应用。Vue.js介绍：了解Vue.js的起源、特点以及基本概念。特点：简洁易用：Vue.js的API简洁明了，学习曲线较为平缓，使得开发者能够快速上手。响应式数据绑定：Vue.js提供了响应式的数据绑定机制，当数据发生变
  • Vue3 响应式原理揭秘：为什么数据一改页面就变？ qqqdqd vue.jsjavascript前端
    Vue3最大的底层变革之一，就是响应式系统由Object.defineProperty转向了现代浏览器的ProxyAPI。你是否好奇：为什么state.count++，页面就自动更新了？一切的秘密，就藏在Vue的reactive()函数背后！核心原理：用Proxy劫持对象的读写操作简化实现如下：js复制编辑functionreactive(obj){returnnewProxy(obj,{get(
  • 自适应企业网站建设的重要性与实施策略 Yuechen12 安全科技
    一、引言随着互联网技术的飞速发展和智能设备的多样化，企业网站已不仅是信息展示的窗口，更是连接用户、提升品牌体验的关键渠道。自适应网站建设，作为响应式设计的一种高级形态，能够智能适配各种设备屏幕，确保用户在不同设备上都能获得一致且优质的浏览体验。本文将深入探讨自适应企业网站建设的重要性、实施策略以及关键注意事项。二、自适应网站建设的重要性1.提升用户体验自适应网站能够智能调整布局和样式，以适应不同分
  • Spring Boot 核心特性与版本演进解析 碎风影 SpringSpringBootspringboot后端java
    深度解读自动配置原理、版本差异与3.x的颠覆性变革一、SpringBoot的核心理念与迭代主线SpringBoot用两大核心武器重构了Java开发范式：嵌入式容器：终结了“war包+Tomcat配置地狱”，让java-jar成为生产级部署的标准姿势自动配置：基于@Conditional的条件装配机制，实现“开箱即用≠不可定制”的平衡迭代本质：1.x解决基础效率2.x拥抱响应式3.x云原生革命二、核
  • 响应式编程入门教程第二节：构建 ObservableProperty＜T＞ — 封装 ReactiveProperty 的高级用法 枯萎穿心攻击 开发语言unityc#游戏引擎
    响应式编程入门教程第一节：揭秘UniRx核心-ReactiveProperty-让你的数据动起来！-CSDN博客响应式编程入门教程第二节：构建ObservableProperty＜T＞—封装ReactiveProperty的高级用法-CSDN博客在上一篇中，我们详细探讨了UniRx的核心组件ReactiveProperty，了解了它如何让数据变化自动通知订阅者，从而简化了数据绑定和状态管理。Rea
  • Swiper.js滑动插件使用教程-支持轮播图、滑块、画廊 天天打码 VUE大前端javascript开发语言ecmascript
    几乎每个前端开发都应该用过这个滑动组件库吧？这就是大名鼎鼎的swiper.js一、Swiper及其功能Swiperjs是一个流行的开源的移动端触摸滑动库，用于创建响应式、可触摸滑动的轮播图、滑块、画廊和其他滑动组件。它是一个跨平台的库，可以在网页、移动应用和桌面应用中使用。Swiper.js提供了丰富的功能和选项，使开发者可以轻松创建各种滑动效果和交互。以下是一些Swiper.js的特点和功能：响
  • Bootstrap 表单 wjs2024 开发语言
    Bootstrap表单Bootstrap是一个流行的前端框架，它可以帮助开发者快速构建响应式和美观的网页界面。在Bootstrap中，表单是用户与网站交互的重要部分。本文将详细介绍Bootstrap表单的用法、样式和优化技巧。1.Bootstrap表单概述Bootstrap表单提供了丰富的样式和组件，可以帮助开发者轻松实现各种表单需求。以下是一些常见的Bootstrap表单组件：输入框（Input
  • vue数组变化侦测 翻滚吧键盘 Vue.jsvue.jsjavascript前端
    您列出的这七个方法非常准确，它们是Vue中被称为**“变更方法”(mutationmethods)**的核心。当您对一个响应式数组调用这些方法时，Vue能够侦测到这些操作并自动更新视图。我们来深入探讨一下这背后的原理，以及与此相关的注意事项。核心原理：Vue如何“侦听”？(Vue3的Proxy)在Vue3中，当你用ref([])或reactive([])创建一个响应式数组时，你得到的其实不是一个普
  • Flutter Web仪表盘教程 虞熠蝶
    FlutterWeb仪表盘教程flutter_web_dashboardFlutterBootstrapStyleAdminUI项目地址:https://gitcode.com/gh_mirrors/fl/flutter_web_dashboard项目介绍本项目是由kalismeras61维护的FlutterWeb仪表盘——一个响应式Web管理门户。它设计为支持光暗模式及多语言功能，专为构建灵活的
  • VW(viewport width) 码哥DFS css前端html
    vw表示当前视口宽度的1%。1vw等于视口宽度的1%，100vw等.element{width:50vw;/*元素宽度为视口宽度的50%*/font-size:2vw;/*字体大小随视口宽度缩放*/}vw的适用场景响应式布局：根据屏幕宽度调整元素尺寸，避免固定像素的局限性。全屏元素：实现宽度或高度与视口完全匹配的效果（如全屏轮播图）。字体缩放：结合calc()或媒体查询实现动态字体大小。vw结合媒
  • java短路运算符和逻辑运算符的区别 3213213333332132 java基础
    /* * 逻辑运算符——不论是什么条件都要执行左右两边代码 * 短路运算符——我认为在底层就是利用物理电路的“并联”和“串联”实现的 * 原理很简单，并联电路代表短路或（||），串联电路代表短路与（&&）。 * * 并联电路两个开关只要有一个开关闭合，电路就会通。 * 类似于短路或（||），只要有其中一个为true（开关闭合）是
  • Java异常那些不得不说的事 白糖_ javaexception
    一、在finally块中做数据回收操作 比如数据库连接都是很宝贵的，所以最好在finally中关闭连接。 JDBCAgent jdbc = new JDBCAgent(); try{ jdbc.excute("select * from ctp_log"); }catch(SQLException e){ ... }finally{ jdbc.close();
  • utf-8与utf-8(无BOM)的区别 dcj3sjt126com PHP
    BOM——Byte Order Mark，就是字节序标记   在UCS 编码中有一个叫做"ZERO WIDTH NO-BREAK SPACE"的字符，它的编码是FEFF。而FFFE在UCS中是不存在的字符，所以不应该出现在实际传输中。UCS规范建议我们在传输字节流前，先传输 字符"ZERO WIDTH NO-BREAK SPACE"。这样如
  • JAVA Annotation之定义篇 周凡杨 java注解annotation入门注释
        Annotation: 译为注释或注解 An annotation, in the Java computer programming language, is a form of syntactic metadata that can be added to Java source code. Classes, methods, variables, pa
  • tomcat的多域名、虚拟主机配置 g21121 tomcat
    众所周知apache可以配置多域名和虚拟主机，而且配置起来比较简单，但是项目用到的是tomcat，配来配去总是不成功。查了些资料才总算可以，下面就跟大家分享下经验。 很多朋友搜索的内容基本是告诉我们这么配置： 在Engine标签下增面积Host标签，如下： <Host name="www.site1.com" appBase="webapps"
  • Linux SSH 错误解析（Capistrano 的cap 访问错误 Permission ） 510888780 linuxcapistrano
    1.ssh -v [email protected] 出现 Permission denied (publickey,gssapi-keyex,gssapi-with-mic,password). 错误 运行状况如下： OpenSSH_5.3p1, OpenSSL 1.0.1e-fips 11 Feb 2013 debug1: Reading configuratio
  • log4j的用法 Harry642 javalog4j
    一、前言：     log4j 是一个开放源码项目，是广泛使用的以Java编写的日志记录包。由于log4j出色的表现，     当时在log4j完成时，log4j开发组织曾建议sun在jdk1.4中用log4j取代jdk1.4 的日志工具类，但当时jdk1.4已接近完成，所以sun拒绝使用log4j，当在java开发中
  • mysql、sqlserver、oracle分页，java分页统一接口实现 aijuans oraclejave
    定义：pageStart 起始页，pageEnd 终止页,pageSize页面容量 oracle分页： 　　　　select * from ( select mytable.*,rownum num from (实际传的SQL) where rownum<=pageEnd) where num>=pageStart sqlServer分页：  
  • Hessian 简单例子 antlove javaWebservicehessian
    hello.hessian.MyCar.java package hessian.pojo; import java.io.Serializable; public class MyCar implements Serializable { private static final long serialVersionUID = 473690540190845543
  • 数据库对象的同义词和序列 百合不是茶 sql序列同义词ORACLE权限
    回顾简单的数据库权限等命令; 解锁用户和锁定用户 alter user scott account lock/unlock; //system下查看系统中的用户 select * dba_users; //创建用户名和密码 create user wj identified by wj; identified by //授予连接权和建表权 grant connect to
  • 使用Powermock和mockito测试静态方法 bijian1013 持续集成单元测试mockitoPowermock
            实例： package com.bijian.study; import static org.junit.Assert.assertEquals; import java.io.IOException; import org.junit.Before; import org.junit.Test; import or
  • 精通Oracle10编程SQL(6)访问ORACLE bijian1013 oracle数据库plsql
    /* *访问ORACLE */ --检索单行数据 --使用标量变量接收数据 DECLARE v_ename emp.ename%TYPE; v_sal emp.sal%TYPE; BEGIN select ename,sal into v_ename,v_sal from emp where empno=&no; dbms_output.pu
  • 【Nginx四】Nginx作为HTTP负载均衡服务器 bit1129 nginx
     Nginx的另一个常用的功能是作为负载均衡服务器。一个典型的web应用系统，通过负载均衡服务器，可以使得应用有多台后端服务器来响应客户端的请求。一个应用配置多台后端服务器，可以带来很多好处：   负载均衡的好处 增加可用资源 增加吞吐量 加快响应速度，降低延时 出错的重试验机制 Nginx主要支持三种均衡算法： round-robin l
  • jquery-validation备忘 白糖_ jquerycssF#Firebug
    留点学习jquery validation总结的代码：   function checkForm(){ validator = $("#commentForm").validate({// #formId为需要进行验证的表单ID errorElement :"span",// 使用"div"标签标记错误， 默认:&
  • solr限制admin界面访问（端口限制和http授权限制） ronin47 限定Ip访问
    solr的管理界面可以帮助我们做很多事情，但是把solr程序放到公网之后就要限制对admin的访问了。 可以通过tomcat的http基本授权来做限制，也可以通过iptables防火墙来限制。 我们先看如何通过tomcat配置http授权限制。 第一步： 在tomcat的conf/tomcat-users.xml文件中添加管理用户，比如： <userusername="ad
  • 多线程-用JAVA写一个多线程程序，写四个线程，其中二个对一个变量加1，另外二个对一个变量减1 bylijinnan java多线程
    public class IncDecThread { private int j=10; /* * 题目:用JAVA写一个多线程程序，写四个线程，其中二个对一个变量加1，另外二个对一个变量减1 * 两个问题： * 1、线程同步--synchronized * 2、线程之间如何共享同一个j变量--内部类 */ public static
  • 买房历程 cfyme
        2015-06-21: 万科未来城，看房子   2015-06-26: 办理贷款手续，贷款73万，贷款利率5.65=5.3675   2015-06-27: 房子首付,签完合同   2015-06-28，央行宣布降息 0.25，就2天的时间差啊，没赶上。   首付，老婆找他的小姐妹接了5万，另外几个朋友借了1-
  • [军事与科技]制造大型太空战舰的前奏 comsci 制造
           天气热了........空调和电扇要准备好..........        最近,世界形势日趋复杂化,战争的阴影开始覆盖全世界..........        所以,我们不得不关
  • dateformat dai_lm DateFormat
    "Symbol Meaning Presentation Ex." "------ ------- ------------ ----" "G era designator (Text) AD" "y year
  • Hadoop如何实现关联计算 datamachine mapreducehadoop关联计算
        选择Hadoop，低成本和高扩展性是主要原因，但但它的开发效率实在无法让人满意。     以关联计算为例。     假设：HDFS上有2个文件，分别是客户信息和订单信息，customerID是它们之间的关联字段。如何进行关联计算，以便将客户名称添加到订单列表中？   &nbs
  • 用户模型中修改用户信息时，密码是如何处理的 dcj3sjt126com yii
    当我添加或修改用户记录的时候对于处理确认密码我遇到了一些麻烦，所有我想分享一下我是怎么处理的。 场景是使用的基本的那些(系统自带)，你需要有一个数据表(user)并且表中有一个密码字段(password),它使用 sha1、md5或其他加密方式加密用户密码。 面是它的工作流程: 当创建用户的时候密码需要加密并且保存，但当修改用户记录时如果使用同样的场景我们最终就会把用户加密过的密码再次加密，这
  • 中文 iOS/Mac 开发博客列表 dcj3sjt126com Blog
      本博客列表会不断更新维护，如果有推荐的博客，请到此处提交博客信息。 本博客列表涉及的文章内容支持 定制化Google搜索，特别感谢 JeOam 提供并帮助更新。 本博客列表也提供同步更新的OPML文件（下载OPML文件），可供导入到例如feedly等第三方定阅工具中，特别感谢 lcepy 提供自动转换脚本。这里有导入教程。
  • js去除空格，去除左右两端的空格 蕃薯耀 去除左右两端的空格js去掉所有空格js去除空格
    js去除空格，去除左右两端的空格 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>&g
  • SpringMVC4零配置--web.xml hanqunfeng springmvc4
    servlet3.0+规范后，允许servlet，filter，listener不必声明在web.xml中，而是以硬编码的方式存在，实现容器的零配置。 ServletContainerInitializer：启动容器时负责加载相关配置 package javax.servlet; import java.util.Set; public interface ServletContainer
  • 《开源框架那些事儿21》：巧借力与借巧力 j2eetop 框架UI
    同样做前端UI，为什么有人花了一点力气，就可以做好？而有的人费尽全力，仍然错误百出？我们可以先看看几个故事。 故事1：巧借力，乌鸦也可以吃核桃 有一个盛产核桃的村子，每年秋末冬初，成群的乌鸦总会来到这里，到果园里捡拾那些被果农们遗落的核桃。 核桃仁虽然美味，但是外壳那么坚硬，乌鸦怎么才能吃到呢？原来乌鸦先把核桃叼起，然后飞到高高的树枝上，再将核桃摔下去，核桃落到坚硬的地面上，被撞破了，于是，
  • JQuery EasyUI 验证扩展 可怜的猫 jqueryeasyui验证
      最近项目中用到了前端框架-- EasyUI，在做校验的时候会涉及到很多需要自定义的内容，现把常用的验证方式总结出来，留待后用。   以下内容只需要在公用js中添加即可。   使用类似于如下： <input class="easyui-textbox" name="mobile" id="mobile&
  • 架构师之httpurlconnection----------读取和发送(流读取效率通用类) nannan408
    1.前言.    如题. 2.代码. /* * Copyright (c) 2015, S.F. Express Inc. All rights reserved. */ package com.test.test.test.send; import java.io.IOException; import java.io.InputStream
  • Jquery性能优化 r361251 JavaScriptjquery
    一、注意定义jQuery变量的时候添加var关键字 这个不仅仅是jQuery，所有javascript开发过程中，都需要注意，请一定不要定义成如下： $loading = $('#loading'); //这个是全局定义，不知道哪里位置倒霉引用了相同的变量名，就会郁闷至死的 二、请使用一个var来定义变量 如果你使用多个变量的话，请如下方式定义： . 代码如下: var page
  • 在eclipse项目中使用maven管理依赖 tjj006 eclipsemaven
    概览: 如何导入maven项目至eclipse中 建立自有Maven  Java类库服务器 建立符合maven代码库标准的自定义类库 Maven在管理Java类库方面有巨大的优势，像白衣所说就是非常“环保”。 我们平时用IDE开发都是把所需要的类库一股脑的全丢到项目目录下，然后全部添加到ide的构建路径中，如果用了SVN/CVS，这样会很容易就 把
  • 中国天气网省市级联页面 x125858805 级联
    1、页面及级联js <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> &l
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他