阿丢丢
阿丢丢

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

 写在前面的话：随着移动设备的逐渐普及和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 plaincopy

  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 plaincopy

  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规则，来实现不同的布局。媒介查询可以写在同一个或者单独的样式表中。
        结论
        这个教程想要为你展示响应式设计的基本原理。如果你想要更多进阶的教程，请看看我之前的教程：使用媒介查询进行响应式设计。


你可能感兴趣的:(用3个步骤实现响应式网页设计)

  • Python----数据结构----链表----双向链表 一盏偏灯 Python学习数据结构链表算法python
    Python学习之路，点击有全套Python笔记双向链表一种更复杂的链表是“双向链表”或“双面链表”。每个节点有两个链接：一个指向前一个节点，当此节点为第一个节点时，指向空值；而另一个指向下一个节点，当此节点为最后一个节点时，指向空值。步骤：is_empty()链表是否为空length()链表长度travel()遍历链表add(item)链表头部添加append(item)链表尾部添加insert
  • Python中NameError：全局名称未定义详解 傻啦嘿哟 关于python那些事儿python开发语言
    目录一、什么是NameError二、全局名称未定义的原因三、案例分析与解决案例1：变量未声明案例2：拼写错误案例3：作用域问题案例4：导入问题四、实践与建议五、总结在Python编程中，NameError是一种常见的异常类型，它通常表明你试图使用一个未被定义的变量名。对于新手来说，理解NameError的原因和解决方法是提升编程技能的重要一环。本文将深入探讨Python中NameError:glo
  • CSDN宣布C知道产品接入DeepSeek R1满血版大模型，文心一言、星火认知模型 周杰伦_Jay 大模型LLMs热点事件文心一言人工智能leetcode目标检测机器学习自然语言处理生成对抗网络
    文章目录前言一、产品升级与模式革新二、技术整合与大模型应用三、深度思考模式的核心优势四、应用场景与用户受益五、未来发展与技术创新前言亲爱的家人们，创作很不容易，若对您有帮助的话，请点赞收藏加关注哦，您的关注是我持续创作的动力，谢谢大家！有问题请私信或联系邮箱：[email protected]一、产品升级与模式革新CSDN宣布C知道产品接入DeepSeek大模型。通过植入“深度思考模式”，全面升级AI
  • numa节点_极致性能（1）：以NUMA为起点 weixin_39609527 numa节点
    (1)一个[合格的]OracleDBA在安装数据库的时候，通常都会按要求关闭NUMA(MOS：DisableNUMAAtOSLevel(DocID2193586.1))，因为启用NUMA会导致CPU彪高，性能很差(MOS：HighCPUUsagewhenNUMAenabled(DocID953733.1))。也许是这类问题太多，从Oracle11gR2开始，默认就关闭了NUMA特性，因为NUMA的
  • DeepSeek 实用集成,接入各类软件 安替-AnTi deepseek集成软件实用
    将DeepSeek大模型能力轻松接入各类软件。访问DeepSeek开放平台来获取您的APIkey。详细内容参考：点我应用程序QuantalogicQuantaLogic是一个ReAct（推理和行动）框架，用于构建高级AI代理
  • ELK安装部署同步mysql数据 未发哦京东发 elk运维
    ELK安装部署指南ELK是Elasticsearch、Logstash和Kibana的简称，用于日志收集、存储、分析和可视化。1.安装ElasticsearchElasticsearch是一个分布式搜索和分析引擎。1.1下载并安装访问Elasticsearch官网下载最新版本。解压并安装：tar-xzfelasticsearch-8.10.0-linux-x86_64.tar.gzcdelasti
  • NameError: name ‘xxx’ is not defined 一直幸运 Pythonpython
    第一个练手小项目遇到N个NameError，技能熟练度蹭蹭往上涨，哈哈…转发一个网上的比较全的解决贴，共勉。原址：https://www.cnblogs.com/zyh19980816/p/11844659.html问题一：name‘name’isnotdefined“name"两端是双下划线”_"，不是只有一个""。问题二：name‘messagebox’isnotdefined“”内为某个数据
  • Python函数的嵌套250218 taoyong001 python
    函数的嵌套：在函数内部定义函数可以将一些特定的，独有功能的函数定义在一个总函数内，这样所属性与独有性就有保证函数的嵌套代码中提供了一个图片下载的代码，可以生成验证码由于函数嵌套会导致作用域问题优先在自己的作用域找变量，找不到的话才到上级作用域中找要理解使用函数栈来分析变量的值NAME="ty"deffunc():definner():print(NAME)return"admin"returnin
  • 基于STM32大棚检测控制物联网系统(全部资料+APP） 科创工作室li 毕业设计0stm32物联网嵌入式硬件
    功能详解基于STM32大棚检测控制物联网系统。功能如下：1)检测功能：系统检测周围环境温度数据、土壤温湿度数据、光照强度Lux。2)显示功能：将检测到的环境数据显示在oled屏幕上。3)控制功能：当光照强度低于设定值时，开启灯光；温度高于设定值，开启风扇；土壤湿度低于设定值，开启水泵。4）无线通信：通过WiFi模块与手机APP可实时检测环境。5）分为自动模式和手动模式。全部资料如下：基于STM32
  • 面向对象编程思想--UART设备（Modbus AND AT） Amber762 面向对象编程网络stm32嵌入式硬件单片机
    现在设计一个UART设备的驱动框架，针对AT指令模块和Modbus协议。要整合状态机、时间窗机制，同时满足各种AT指令设备的需求，并且考虑Modbus的解析。首先，AT指令设备包括ESP32、NB-IoT模块、4G模块等，这些都是通过UART使用AT指令控制的。另外还需要支持Modbus协议，所以框架需要兼容不同协议。AT指令通常需要状态机来处理异步响应，比如发送AT命令后等待OK或ERROR。同
  • 深入理解时间戳 DanceDonkey 时间戳
    时间戳的本质时间戳的确是一个绝对的概念，它通常表示从1970年1月1日00:00:00UTC（协调世界时）到当前UTC时间所经过的毫秒数。这种计算方式提供了一种全球统一的时间度量标准，不受时区变化的影响。以下是对时间戳的详细解释：一、时间戳的定义时间戳是指从1970年1月1日（通用协调时间）至当前时间的总毫秒数。它也被称为Unix时间戳（UnixTimestamp）或POSIX时间。在网络通信、数
  • 设计模式—责任链模式 Luo_xguan 设计模式责任链模式
    目录1.概述2.结构3.案例4.优缺点5.源码解析1.概述在现实生活中，常常会出现这样的事例：一个请求有多个对象可以处理，但每个对象的处理条件或权限不同。例如，公司员工请假，可批假的领导有部门负责人、副总经理、总经理等，但每个领导能批准的天数不同，员工必须根据自己要请假的天数去找不同的领导签名，也就是说员工必须记住每个领导的姓名、电话和地址等信息，这增加了难度。这样的例子还有很多，如找领导出差报销
  • 设计模式2：单例模式 卷福同学 设计模式设计模式单例模式java
    单例模式单例模式属于创建型模式，⼀个单例类在任何情况下都只存在⼀个实例，构造⽅法必须是私有的、由⾃⼰创建⼀个静态变量存储实例，对外提供⼀个静态公有⽅法获取实例。双重检查锁（doublechecklocking）publicclassLazySingleton{//volatile防止指令重排序privatestaticvolatileLazySingletoninstance;privateLaz
  • Python的orm框架sqlalchemy的查询多条数据只显示第一条！！ Rider丶剑心 数据
    我查询数据条件是时间字段的一个区间，可是每次都只返回查询结果的第一条。。类PointVal的定义如下：```classPointVal(Base):#表名__tablename__='T_ZB_PL'#表结构INSTR_NO=Column(String(30),primary_key=True)DT=Column(DateTime)R1=Column(String(11))R2=Column(St
  • tomcat责任链设计模式 FilterChain原理解析 mengxiangsun java
    转自：http://javapolo.iteye.com/blog/1287747今天晚上花了些时间debug了下tomcat,注意观察了下tomcat内部过滤器的实现,其实tomcat内部过滤器采用了责任链的设计模式,(其实struts2拦截器那一块采用了相似的设计模式)，以下是个人对源码的解读，ApplicationFilterChain详解首先是对该类的定义的介绍/***Implementa
  • 初阶c语言（函数练习） 不灭锦鲤 c语言算法数据结构
    目录第一题，写一个函数来判断是否是闰年最终代码第二题，写一个函数，实现一个整形有序数组的二分查找。实现代码第三题，写一个函数，每调用这个函数，这个值都会加一实现代码前言：对应b站鹏哥视频41集内容：第一题，写一个函数来判断是否是闰年其实我都是跟着老师写的，然后整理下思路就是说，首先知道什么是闰年，就是可以被4整除，不能被100整除，如果他能直接被400整除也算闰年然后就是注意ifelse语句，如果
  • 2024最新小狐狸AI 免授权源码 希希分享 软希网58soho_cn小狐狸AI免授权源码
    后台安装步骤：1、在宝塔新建个站点，php版本使用7.2、7.3或7.4，把压缩包上传到站点根目录，运行目录设置为/public2、导入数据库文件，数据库文件是/db.sql3、修改数据库连接配置，配置文件是/.env4、正式使用时，请把调试模式关闭：/.env文件第一行，true改成false5、超管后台地址：http://域名/super初始账号密码：super密码123456及时修改6、用户
  • 泛型和通配符详解 重生之我在成电转码 java开发语言
    在Java中，**泛型（Generics）和通配符（Wildcard）**是用于增强类型安全性和代码复用的强大特性。它们允许类、接口和方法在定义时不指定具体类型，而是在使用时指定类型参数。通过泛型和通配符，Java可以在编译时进行类型检查，从而避免运行时错误。下面我将详细解释这两个概念，包括其用法、区别、以及各种常见的模式。1.泛型（Generics）泛型是一种在定义类、接口或方法时使用类型参数的
  • 免登录H5快手商城系统/抖音小店商城全开源运营版本 云深不知处㊣ 源码专区免登录商城源码
    内容目录一、详细介绍二、效果展示1.部分代码2.效果图展示三、学习资料下载一、详细介绍最近因为直播需要然后在互站花500买了一套仿抖音的商城系统，感觉确实还可以，反正都买了所以就分享给有需要的人以下是互站那边的网站介绍可以了看一下，还是很不错的1、无需登录直接可以购买商品2、独立后台支持分站3、修复已知问题完美运营4、支持对接第三方支付：易支付、码支付、虎皮椒等。二、效果展示1.部分代码代码如下（
  • Windows线程同步—Critical_Section（临界区）深度解析与实战指南 和舒貌 windowsc++网络信息与通信后端
    C++Critical_Section深度解析与实战指南一、线程同步的必要性在多线程编程中，当多个线程访问共享资源时（如全局变量、文件、内存区域等），会出现竞态条件（RaceCondition）。例如两个线程同时对同一个变量进行累加操作，可能导致结果不符合预期：线程A共享变量x=0线程B读取x=0读取x=0计算x+1=1计算x+1=1写入x=1写入x=1线程A共享变量x=0线程B关键问题分析：线程
  • Socket通讯协议理解及客户端服务器程序流程 luckyext 网络tcp/ip网络协议
    Socket通讯我们可以从以下几个方面简单理解1.Socket是网络通信中的一项重要技术，它提供了在网络上进行数据交换的接口。用C#、Java、C++等开发语言，都可以开发Socket网络通信程序。2.Socket(套接字)是计算机网络编程中的一种抽象，它允许不同的计算机或网络设备通过网络进行数据交换。Socket在应用层和传输层之间提供了一个接口，用于实现进程之间的通信。在网络通信中，Socke
  • huggingface/pytorch-image-models GarryLau ML&DLpytorchpythonhuggingface
    huggingface/pytorch-image-models1.使用技巧1.1.训练指令单卡：pythontrain.py--pretrained--input-size3224224--mean000--std111--batch-size128--validation-batch-size128--color-jitter-prob0.2--grayscale-prob0.2--gauss
  • Docker--构建镜像 小李学不完 Docker容器技术eureka开发语言docker运维
    一、基于容器生成镜像容器启动后是可写的，所有写操作都保存在顶部的可写层中。可以通过dockercommit命令将现有的容器进行提交来生成新的镜像。具体的实现原理是通过对可写层的修改生成新的镜像，因为联合文件系统所允许的层数是有限的，建议通过Dockerfile构建镜像。dockercommit命令用于从容器中创建一个新的镜像，其语法dockercommit[选项]容器[仓库[：标签]]-a选项指定
  • python实例2.2：编写一个装饰器，计算任何一个函数执行的时间（详解及其知识点拓展） 清风 001 python学习付费专栏python
    目录一、编写一个装饰器，计算任何一个函数执行的时间二、装饰器详解，及其用法举例三、举例说明装饰器在日志记录方面的应用四、装饰器还可以用于哪些方面？五、装饰器工厂一、编写一个装饰器，计算任何一个函数执行的时间装饰器是一种非常方便的设计模式，它可以用来修改或增强函数的行为，而无需直接修改函数的定义。下面是一个简单的Python装饰器，用来计算任意一个函数执行所需的时间：pythonimporttime
  • HTML之JavaScript DOM（document）编程处理事件 录大大i 前端HTMLJavaScriptjavascripthtml前端
    HTML之JavaScriptDOM（document）编程处理事件Document/*事件：本质是行为，用户的行为或者浏览器的行为；事件发生指的是处罚js函数执行事件的三要素：事件源、事件、事件处理程序事件的绑定：1.通过元素的属性绑定on***2.通过DOM编程动态绑定注：1.一个事件可以绑定多个函数；eg：onclick="show(),show1()2.一个元素可以绑定多个事件eg：onc
  • vue从入门到精通(九)：监视属性 陈小于 vue从入门到精通vue.jsjavascript前端
    一,监视属性(watch)1.当被监视的属性变化时，回调函数自动调用，进行相关操作2.监视的属性必须存在，才能进行监视!!3.监视的两种写法:(1).newVue时传入watch配置(2).通过vm.$watch监视如下：准备好一个容器-->今天天气很{{info}}切换天气Vue.config.productionTip=false;constvm=newVue({el:'#root',data
  • pymodbus Server和Client示例 漫无目的行走的月亮 python前端服务器
    PyModbus是一款功能强大且易于使用的Modbus协议实现库，适用于工业自动化、物联网、能源管理和数据分析等领域。Server：frompymodbus.serverimport(ModbusTcpServer,)frompymodbus.datastoreimport(ModbusSequentialDataBlock,ModbusServerContext,ModbusSlaveConte
  • Beyond Scaling Laws: Understanding Transformer Performance with Associative Memory UnknownBody LLMDailytransformer深度学习人工智能语言模型
    本文是LLM系列文章，针对《BeyondScalingLaws:UnderstandingTransformerPerformancewithAssociativeMemory》的翻译。超越缩放定律：用联想记忆理解Transformer性能摘要1引言2相关工作3模型4新的能量函数5交叉熵损失6实验结果7结论摘要增大Transformer模型的大小并不总是能够提高性能。这种现象不能用经验缩放定律来解
  • socket io 前后端样例 漫无目的行走的月亮 python开发语言
    Socket.IO是一个用于实现实时双向通信的库，最初是为Node.js开发的，用于解决WebSocket在不同浏览器和网络环境中的兼容性问题。它提供了一个统一的API，使得开发者可以轻松实现实时双向通信，而不必担心底层传输协议的差异。目前，Socket.IO不仅支持Node.js，还扩展到了Python、Java、.NET等多种编程语言和平台。Socket.IO主要由服务器端和客户端两部分组成：
  • SQLAlchemy中常用的查询方法[示例学习] 铁松溜达py 数据库
    SQLAlchemy是一个强大的PythonORM（对象关系映射）工具，它提供了多种方法来执行数据库查询操作。以下是SQLAlchemy中常用的查询方法的总结：session.query()：使用session.query(Model)来创建一个查询对象，其中Model是你要查询的数据库模型类。filter()：在查询对象上使用filter()方法可以添加过滤条件，例如filter(Model.c
  • LeetCode[Math] - #66 Plus One Cwind javaLeetCode题解AlgorithmMath
    原题链接：#66 Plus One   要求： 给定一个用数字数组表示的非负整数，如num1 = {1, 2, 3, 9}, num2 = {9, 9}等，给这个数加上1。 注意： 1. 数字的较高位存在数组的头上，即num1表示数字1239 2. 每一位（数组中的每个元素）的取值范围为0~9   难度：简单   分析： 题目比较简单，只须从数组
  • JQuery中$.ajax()方法参数详解 AILIKES JavaScriptjsonpjqueryAjaxjson
    url: 要求为String类型的参数，（默认为当前页地址）发送请求的地址。 type: 要求为String类型的参数，请求方式（post或get）默认为get。注意其他http请求方法，例如put和    delete也可以使用，但仅部分浏览器支持。 timeout: 要求为Number类型的参数，设置请求超时时间（毫秒）。此设置将覆盖$.ajaxSetup()方法的全局
  • JConsole & JVisualVM远程监视Webphere服务器JVM Kai_Ge JVisualVMJConsoleWebphere
        JConsole是JDK里自带的一个工具，可以监测Java程序运行时所有对象的申请、释放等动作，将内存管理的所有信息进行统计、分析、可视化。我们可以根据这些信息判断程序是否有内存泄漏问题。 　　使用JConsole工具来分析WAS的JVM问题，需要进行相关的配置。 　　首先我们看WAS服务器端的配置. 　　1、登录was控制台https://10.4.119.18
  • 自定义annotation 120153216 annotation
    Java annotation 自定义注释@interface的用法 一、什么是注释      说起注释，得先提一提什么是元数据(metadata)。所谓元数据就是数据的数据。也就是说，元数据是描述数据的。就象数据表中的字段一样，每个字段描述了这个字段下的数据的含义。而J2SE5.0中提供的注释就是java源代码的元数据，也就是说注释是描述java源
  • CentOS 5/6.X 使用 EPEL YUM源 2002wmj centos
    CentOS 6.X 安装使用EPEL YUM源1. 查看操作系统版本[root@node1 ~]# uname -a Linux node1.test.com 2.6.32-358.el6.x86_64 #1 SMP Fri Feb 22 00:31:26 UTC 2013 x86_64 x86_64 x86_64 GNU/Linux [root@node1 ~]#
  • 在SQLSERVER中查找缺失和无用的索引SQL 357029540 SQL Server
    --缺失的索引 SELECT  avg_total_user_cost * avg_user_impact * ( user_scans + user_seeks ) AS PossibleImprovement ,          last_user_seek ,    
  • Spring3 MVC 笔记（二） —json+rest优化 7454103 Spring3 MVC
    接上次的 spring mvc 注解的一些详细信息！                          其实也是一些个人的学习笔记  呵呵！
  • 替换“\”的时候报错Unexpected internal error near index 1 \ ^ adminjun java“\替换”
    发现还是有些东西没有刻子脑子里,,过段时间就没什么概念了,所以贴出来...以免再忘...   在拆分字符串时遇到通过 \ 来拆分，可是用所以想通过转义 \\ 来拆分的时候会报异常   public class Main {          /*
  • POJ 1035 Spell checker(哈希表) aijuans 暴力求解--哈希表
    /* 题意：输入字典，然后输入单词，判断字典中是否出现过该单词，或者是否进行删除、添加、替换操作，如果是，则输出对应的字典中的单词 要求按照输入时候的排名输出 题解：建立两个哈希表。一个存储字典和输入字典中单词的排名，一个进行最后输出的判重 */ #include <iostream> //#define using namespace std; const int HASH =
  • 通过原型实现javascript Array的去重、最大值和最小值 ayaoxinchao JavaScriptarrayprototype
    用原型函数（prototype）可以定义一些很方便的自定义函数，实现各种自定义功能。本次主要是实现了Array的去重、获取最大值和最小值。 实现代码如下：   <script type="text/javascript"> Array.prototype.unique = function() { var a = {}; var le
  • UIWebView实现https双向认证请求 bewithme UIWebViewhttpsObjective-C
              什么是HTTPS双向认证我已在先前的博文 ASIHTTPRequest实现https双向认证请求 中有讲述，不理解的读者可以先复习一下。本文是用UIWebView来实现对需要客户端证书验证的服务请求，网上有些文章中有涉及到此内容，但都只言片语，没有讲完全，更没有完整的代码，让人困扰不已。但是此知
  • NoSQL数据库之Redis数据库管理(Redis高级应用之事务处理、持久化操作、pub_sub、虚拟内存) bijian1013 redis数据库NoSQL
    3.事务处理         Redis对事务的支持目前不比较简单。Redis只能保证一个client发起的事务中的命令可以连续的执行，而中间不会插入其他client的命令。当一个client在一个连接中发出multi命令时，这个连接会进入一个事务上下文，该连接后续的命令不会立即执行，而是先放到一个队列中，当执行exec命令时，redis会顺序的执行队列中
  • 各数据库分页sql备忘 bingyingao oraclesql分页
    ORACLE 下面这个效率很低 SELECT * FROM ( SELECT A.*, ROWNUM RN FROM (SELECT * FROM IPAY_RCD_FS_RETURN order by id desc) A ) WHERE RN <20; 下面这个效率很高 SELECT A.*, ROWNUM RN FROM (SELECT * FROM IPAY_RCD_
  • 【Scala七】Scala核心一：函数 bit1129 scala
    1. 如果函数体只有一行代码，则可以不用写{},比如 def print(x: Int) = println(x) 一行上的多条语句用分号隔开，则只有第一句属于方法体，例如   def printWithValue(x: Int) : String= println(x); "ABC"   上面的代码报错，因为，printWithValue的方法
  • 了解GHC的factorial编译过程 bookjovi haskell
    GHC相对其他主流语言的编译器或解释器还是比较复杂的，一部分原因是haskell本身的设计就不易于实现compiler，如lazy特性，static typed，类型推导等。 关于GHC的内部实现有篇文章说的挺好，这里，文中在RTS一节中详细说了haskell的concurrent实现，里面提到了green thread，如果熟悉Go语言的话就会发现，ghc的concurrent实现和Go有点类
  • Java-Collections Framework学习与总结-LinkedHashMap BrokenDreams LinkedHashMap
            前面总结了java.util.HashMap，了解了其内部由散列表实现，每个桶内是一个单向链表。那有没有双向链表的实现呢？双向链表的实现会具备什么特性呢？来看一下HashMap的一个子类——java.util.LinkedHashMap。       
  • 读《研磨设计模式》-代码笔记-抽象工厂模式-Abstract Factory bylijinnan abstract
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * Abstract Factory Pattern * 抽象工厂模式的目的是： * 通过在抽象工厂里面定义一组产品接口，方便地切换“产品簇” * 这些接口是相关或者相依赖的
  • 压暗面部高光 cherishLC PS
    方法一、压暗高光&重新着色 当皮肤很油又使用闪光灯时，很容易在面部形成高光区域。 下面讲一下我今天处理高光区域的心得： 皮肤可以分为纹理和色彩两个属性。其中纹理主要由亮度通道（Lab模式的L通道）决定，色彩则由a、b通道确定。 处理思路为在保持高光区域纹理的情况下，对高光区域着色。具体步骤为：降低高光区域的整体的亮度，再进行着色。 如果想简化步骤，可以只进行着色（参看下面的步骤1
  • Java VisualVM监控远程JVM crabdave visualvm
    Java VisualVM监控远程JVM    JDK1.6开始自带的VisualVM就是不错的监控工具. 这个工具就在JAVA_HOME\bin\目录下的jvisualvm.exe, 双击这个文件就能看到界面   通过JMX连接远程机器, 需要经过下面的配置: 1. 修改远程机器JDK配置文件 (我这里远程机器是linux).    
  • Saiku去掉登录模块 daizj saiku登录olapBI
    1、修改applicationContext-saiku-webapp.xml <security:intercept-url pattern="/rest/**" access="IS_AUTHENTICATED_ANONYMOUSLY" />  <security:intercept-url pattern=&qu
  • 浅析 Flex中的Focus dsjt htmlFlexFlash
    关键字：focus、 setFocus、 IFocusManager、KeyboardEvent 焦点、设置焦点、获得焦点、键盘事件 一、无焦点的困扰——组件监听不到键盘事件 原因：只有获得焦点的组件（确切说是InteractiveObject）才能监听到键盘事件的目标阶段；键盘事件（flash.events.KeyboardEvent）参与冒泡阶段，所以焦点组件的父项（以及它爸
  • Yii全局函数使用 dcj3sjt126com yii
    由于YII致力于完美的整合第三方库，它并没有定义任何全局函数。yii中的每一个应用都需要全类别和对象范围。例如，Yii::app()->user;Yii::app()->params['name'];等等。我们可以自行设定全局函数，使得代码看起来更加简洁易用。(原文地址) 我们可以保存在globals.php在protected目录下。然后，在入口脚本index.php的，我们包括在
  • 设计模式之单例模式二（解决无序写入的问题） come_for_dream 单例模式volatile乱序执行双重检验锁
                    在上篇文章中我们使用了双重检验锁的方式避免懒汉式单例模式下由于多线程造成的实例被多次创建的问题，但是因为由于JVM为了使得处理器内部的运算单元能充分利用，处理器可能会对输入代码进行乱序执行（Out Of Order Execute）优化，处理器会在计算之后将乱序执行的结果进行重组，保证该
  • 程序员从初级到高级的蜕变 gcq511120594 框架工作PHPandroidhtml5
    软件开发是一个奇怪的行业，市场远远供不应求。这是一个已经存在多年的问题，而且随着时间的流逝，愈演愈烈。 我们严重缺乏能够满足需求的人才。这个行业相当年轻。大多数软件项目是失败的。几乎所有的项目都会超出预算。我们解决问题的最佳指导方针可以归结为——“用一些通用方法去解决问题，当然这些方法常常不管用，于是，唯一能做的就是不断地尝试，逐个看看是否奏效”。 现在我们把淫浸代码时间超过3年的开发人员称为
  • Reverse Linked List hcx2013 list
    Reverse a singly linked list.   /** * Definition for singly-linked list. * public class ListNode { * int val; * ListNode next; * ListNode(int x) { val = x; } * } */ p
  • Spring4.1新特性——数据库集成测试 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • C# Ajax上传图片同时生成微缩图(附Demo) liyonghui160com
        1.Ajax无刷新上传图片,详情请阅我的这篇文章。（jquery + c# ashx）         2.C#位图处理  System.Drawing。         3.最新demo支持IE7,IE8,Fir
  • Java list三种遍历方法性能比较 pda158 java
    从c/c++语言转向java开发，学习java语言list遍历的三种方法，顺便测试各种遍历方法的性能，测试方法为在ArrayList中插入1千万条记录，然后遍历ArrayList，发现了一个奇怪的现象，测试代码例如以下： package com.hisense.tiger.list; import java.util.ArrayList; import java.util.Iterator;
  • 300个涵盖IT各方面的免费资源（上）——商业与市场篇 shoothao seo商业与市场IT资源免费资源
    A.网站模板+logo+服务器主机+发票生成 HTML5 UP:响应式的HTML5和CSS3网站模板。 Bootswatch:免费的Bootstrap主题。 Templated:收集了845个免费的CSS和HTML5网站模板。 Wordpress.org|Wordpress.com:可免费创建你的新网站。 Strikingly:关注领域中免费无限的移动优
  • localStorage、sessionStorage uule localStorage
    W3School 例子   HTML5 提供了两种在客户端存储数据的新方法： localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储   之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie 速度很慢而且效率也不
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他