Daily Archives: 2013年7月4日

区别各种IE浏览器和火狐的css写法

  1.区别IE和非IE浏览器代码如下:#tip {background:blue;background:red \9;}2.区别IE6,IE7,IE8,FF【区别符号】：「\9」、「*」、「_」【示例】：代码如下:#tip {background:blue;background:red \9;*background:black;_background:orange;}【说明】：因为IE系列浏览器可读「\9」，而IE6和IE7可读「*」(米字号)，另外IE6可辨识「_」(底线)，因此可以依照顺序写下来，就会让浏览器正确的读取到自己看得懂得CSS语法，所以就可以有效区分IE各版本和非IE浏览器(像是Firefox、Opera、Google Chrome、Safari等)。3.区别IE6、IE7、Firefox (方法 1)【区别符号】：「*」、「_」【示例】：代码如下:#tip {background:blue;*background:black;_background:orange;}【说明】：IE7和IE6可读「*」(米字号)，IE6又可以读「_」(底线)，但是IE7却无法读取「_」，至于Firefox(非IE浏览器)则完全无法辨识「*」和「_」，因此就可以透过这样的差异性来区分IE6、IE7、Firefox4.区别IE6、IE7、Firefox (方法 2)【区别符号】：「*」、「!important」【示例】：代码如下:#tip {background:blue;*background:green !important;*background:orange;}【说明】：IE7可以辨识「*」和「!important」，但是IE6只可以辨识「*」，却无法辨识「!important」，至于Firefox可以读取「!important」但不能辨识「*」因此可以透过这样的差异来有效区隔IE6、IE7、Firefox。5.区别IE7、Firefox【区别符号】：「*」、「!important」【示例】：代码如下:#tip {background:blue;*background:green !important;}【说明】：因为Firefox可以辨识「!important」但却无法辨识「*」，而IE7则可以同时看懂「*」、「!important」，因此可以两个辨识符号来区隔IE7和Firefox。6.区别IE6、IE7 (方法 1)【区别符号】：「*」、「_」【示例】：代码如下:#tip {*background:black;_background:orange;}【说明】：IE7和IE6都可以辨识「*」(米字号)，但IE6可以辨识「_」(底线)，IE7却无法辨识，透过IE7无法读取「_」的特性就能轻鬆区隔IE6和IE7之间的差异。7.区别IE6、IE7 (方法 2)【区别符号】：「!important」【示例】：代码如下:#tip {background:black !important;background:orange;}【说明】：因为IE7可读取「!important;」但IE6却不行，而CSS的读取步骤是从上到下，因此IE6读取时因无法辨识「!important」而直接跳到下一行读取CSS，所以背景色会呈现橘色。8.区别IE6、Firefox【区别符号】：「_」【示例】：代码如下:#tip {background:black;_background:orange;}【说明】：因为IE6可以辨识「_」(底线)，但是Firefox却不行，因此可以透过这样的差异来区隔Firefox和IE6，有效达成CSS hack。 区别不同浏览器，CSS hack写法： 区别IE6与FF：        background:orange;*background:blue; 区别IE6与IE7：        background:green !important;background:blue; 区别IE7与FF：        background:orange; *background:green; 区别FF，IE7，IE6：        background:orange;*background:green !important;*background:blue; 注： IE都能识别*;标准浏览器(如FF)不能识别*； IE6能识别*，但不能识别 !important, IE7能识别*，也能识别!important; FF不能识别*，但能识别!important; 另外再补充一个，下划线"_", IE6支持下划线，IE7和firefox均不支持下划线。 于是大家还可以这样来区分IE6，IE7，firefox background:orange;*background:green;_background:blue; —————————————- HACK对照表 —————————————-                   IE6 IE7 FF  _                 √   ×  × *                  √   √  ×  !important          ×   √  √  —————————————- 注：不管是什么方法，书写的顺序都是firefox的写在前面，IE7的写在中间，IE6的写在最后面。  

产品与项目的区别

  做产品和做项目有什么区别，大部分人在面对这类问题，总是有疑问，不是一样在做产品吗？ 我们可以从几个方面来对产品及项目进行区分 第一：从时间方面上来区分 做产品的时间相对比较长，一般关注的是整个产品的规划、开发、推广、维护等，而项目却有特定的时间，什么时候开始，什么时候结束一目了然。所以，从时间来讲，产品是一个知道开始却不知道何时结束，相对于项目来讲，项目只是产品中的某个环节，产品包含项目。而项目又是产品的根本。 第二：从工作方面上来区分 做产品一般关注着整个产品生命周期，在整个过程中是需要维护的，需要时刻把握其平衡点，正如我前篇文章写的平衡把握，比方，产品的流程一般都是需求分析，产品规划，产品研发，产品推广，产品上市，产品消亡等。而整个过程是需要各个部门的协调及配合，才能完成这一切。对于项目来讲，只是在整个过程中某个环节中的任务，在规定的时间内完成起功能，使得产品正常运作。 第三：从结果方面上来区分 做产品最终的结果是给用户使用的，成功的产品其结果最终是将会是大面积普及应用。而项目的结果是起功能模块完成，某个阶段的模块完成，大项目包含着一大把小项目，而产品却包含着若干大项目。简单的来讲，项目只是满足特定的需求，主要是体现个性化的。 举个例子，微软的windows，经历了95、98、2000、me、xp、7等，整个产品是windows，是知道什么时候开始，却不知道什么时候结束的。每次完成的某项功能，就是某个项目。 简单的来说，产品是面向通用的，项目是面向单一用户的；项目完成就是产品，完成之前是项目，项目是面向单一用户的，功能相对特殊化、单一化、比较有针对性，项目在产品开发周期中可做为产品的雏形； 1、从用户角度看，项目是针对一个或几个用户的，产品是面向大众或行业的 2、从开发来说，项目是一个过程、最终结果是产品或系统或某类应用 3、从价格角度说，项目具有不确定性，随着客户的需求、采用的技术、周期等来衡量，产品相对而言有比较固定的价格 4、从需求角度来说，项目更侧重用户的实际需要，有特殊性，产品更侧重市场的需要，有广泛性 了解了这些之后，我想，做开发也好，做市场也好，应该会知道，自己做的是什么了吧，总是盲目的看到别人喊自己是项目经理，却不知道项目经理主要是什么，要做什么，做的是什么。自己在做开发的时候，总是不知道整个流程。如果你是定位自己做某方面的项目经理，那你现在所需要的经验，不是能力开发有多高，而是对整个项目的了解，对整个项目的各个阶段的分布，做产品经理也是。 作者：hao72 文章来源：pmcaff.com  

windows安装hadoop

在Windows下利用cygwin仿unix环境安装配置Hadoop。 子猴也是刚接触到hadoop，对其的配置第一次按照网上的一些说明配置成功了，但有些东西感到不是很清晰，所以又重新把整个过程跑了一遍并记录下来，也是想对整个过程有个清晰的脉络，不正确之处请指教。 1、  所需软件 1.1、Cygwin（截至到目前最新版本是2.685） 下载地址：http://www.cygwin.com/setup.exe 1.2、JDK 1.6.x 1.3、hadoop-0.20.1 下载地址：http://apache.freelamp.com/hadoop/core/hadoop-0.20.1/hadoop-0.20.1.tar.gz 2、  安装 2.1、Cygwin安装说明见文章：http://hi.baidu.com/xiaoduo170/blog/item/9a21e38269a89ea46e81196f.html 补充：cygwin的bash是无法复制粘贴的，很不方便，所以可采用putty，下载地址是： http://www.linuxboy.net/linux/rc/puttycyg.zip ，将puttycyg.zip解压后的三个exe文件放到Cygwin安装目录HOME_PATH下bin目录下，然后修改HOME_PATH下的Cygwin.bat文件，建议用记事本打开，然后将bash –login –i注释掉，在前面加rem，也就是rem bash –login –i，或者:: bash –login –i，加入 start putty -cygterm – 即可。 这样一来就可以复制粘贴了，但注意的是默认的根目录是Cygwin的HOME_PATH，如果要切换到其他主目录，但如果你想要进入到其他根目录，但如果你想要进入到其他根目录，需要通过系统根目录，子猴这里的是/cygdrive，比如要进入到e盘，则为/cygdrive/e。 2.2、JDK的安装省略了 2.3、hadoop-0.20.1安装 将hadoop-0.20.1.tar.gz解压，解压后的目录如hadoop-0.20.1，假设是放在E盘： E:\hadoop-0.20.1，修改conf/hadoop-env.sh文件，将export JAVA_HOME的值修改为你机上的jdk安装目录，比如/cygdrive/d/tools/jdk1.6.0_03，/cygdrive是Cygwin安装成功后系统的根目录 3、  安装和配置ssh 3.1、安装 在Cygwin的根目录下分别运行： $ chmod +r /etc/group$ chmod +r /etc/passwd$ chmod +rwx /var$ ssh-host-config*** Info: Generating /etc/ssh_host_key*** Info: Generating /etc/ssh_host_rsa_key*** Info: Generating /etc/ssh_host_dsa_key*** Info: Creating default /etc/ssh_config file*** Info: Creating default /etc/sshd_config file*** Info: Privilege separation is set to yes by default since OpenSSH 3.3.*** Info: However, this requires a non-privileged account […]

10 大引导世界技术革新的开源项目

技术发展依赖于创新举措。没有那些脱离束缚的好想法，技术发展将停滞不前。与此同时，创新也促进了企业与社会的进步。很多人想当然地认为大多数创新举措都必须依附于闭源软件及开发商，但在多数情况下这一观点并不正确。 成千上万个开源项目为我们带来各个领域的技术创新成果。其中有一些项目的规模非常小，它们在大多数项目都是大规模、全球化的商业环境中显得格外突 出。在浩如烟海的开源项目当中，Linux专家Jack Wallen选取了最具代表性的10名个开源项目，让大家了解它们对全球技术创新做出的卓越贡献。 1、OpenNebula OpenNebula始终坚持一个目标——为用户提供一套符合标准的虚拟化企业数据中心。但OpenNebula认为不可能存在一种足以让所有数据中心供应商都满意的万能式解决方案，也不可能符合客户对功能的全部预期。 OpenNebula发展的原动力来自方案进货。作为项目的核心，管理层帮助用户以自动化形式完成数据中心的运营及协调工作。为了实现这一目 的，OpenNebula利用并整合了大量现有网络、存储、虚拟化、监控以及/或用户管理技术。OpenNebula努力为云构建计划提供可用于各类云架 构实施的模块化系统。 2、Ubuntu Unity 尽管Ubuntu Unity还不足以成为所有用户桌面系统的首选方案，但没人能够否认它在挑战用户思维方式、影响桌面系统界面领域所拥有的重大意义。事实上，Unity Dash的搜索功能受到广泛好评，甚至影响到了Winodws 8的相关功能。Unity本身也大大推动了台式机与移动设备系统间的逐步融合。在其促进下，越来越多用户开始希望能以同一套界面方案对更多平台进行操作。 3、OpenClinica OpenClinica是全球第一款开源临床试验（简称EDC）及临床数据管理（简称CDM）软件。在短短几年中，OpenClinica已经成 为普及度最高的临床试验方案。其创建采用开放标准，从而帮助一百多个国家通过它实现临床研究。这是一套模块化解决方案，而且提供社区版与企业版。 4、OpenStack OpenStack是一款开源云操作系统，允许用户对由其创建的多种系统进行控制，其中包括：Compute（用于配置并管理大型虚拟机网络）、 Storage（负责服务器及应用程序所必需的对象及块存储）以及Networking（网络与IP管理）。所有控制与管理工作都可在一套友善的用户仪表 板中完成，在这里大家可以对云资源加以配置并实现其自动化运作。 5、Kitware Kitware是一家致力于开源代码开发的公司。目前，该公司已经创建出软件过程、科学计算、计算机视觉、医疗计算、信息科学以及数据管理等多种 软件产品。其最具知名度的成果当数对VTK、ITK、Cmake以及ParaView项目的卓越贡献，并通过一套有力推动开源工具发展的跨平台软件过程而 树立了坚实的品牌影响力。Kitware公司还提供定制咨询服务，旨在为更多行业提供支持方案。其咨询服务主推包络定理，并在数据发掘/映射等领域推广开 源工具。除此之外，Kitware还开发出一系列实用工具，例如Visomics。 6、OpenDaylight OpenDaylight是一套以社区为主导的开源框架，旨在推动创新实施以及软件定义网络（简称SDN）透明化。面对SDN型网络，大家需要合 适的工具帮助自己管理基础设施，这正是OpenDaylight的专长。作为项目核心，OpenDaylight拥有一套模块化、可插拔且极为灵活的控制 器，这使其能够被部署在任何支持Java的平台之上。这款控制器中还包含一套模块合集，能够执行需要快速完成的网络任务。 7、ForgeRock ForgeRock建立了一套开放式身份识别堆栈，能够在企业、云、移动及社交网络等多种环境下重新定义身份及访问管理机制。从开源角度来 看，ForgeRock的OIS能够与多种API协作，从而确保各平台上识别与访问管理机制的无缝化实现。目前ForgeRock在市场上仅推出了一套多 功能开放式身份识别堆栈，活跃的技术社区则不断帮助其修正错误代码。通过保持软件的开放特性，ForgeRock实现了专有软件无法企及的高度透明化。 8、Facebook开放计算 Facebook开放计算项目的出发点在于突破传统的计算机基础设施体系。从很早开始，Facebook就决定寻求以低成本方式建立高效计算基础 设施的答案。该项目开发出多种针对存储、主板、机架、虚拟I/O、合规性与互操作性、硬件管理以及数据中心设计的开放式规格。考虑到Facebook自身 已经为该项目中取得显著优势，世界各地的数据中心也应该紧随其后、尝试使用这套卓越的开源方案。 9、Hadoop Hadoop项目与Apache关系密切，允许用户以分布式途径在计算机集群中处理大型数据集。Hadoop的设计思路涵盖了单一服务器到成千上 万设备的多种环境类型。在它的帮助下，大家不必依赖硬件来实现高可用性——软件本身就足以满足可用性需求。Hadoop库旨在检测并处理应用程序层中的各 类故障。Hadoop能够处理PB级别的结构化与非结构化数据。 10、Android 如今，已经没有人能否定Android的重要价值。这套开源移动平台已经将所有潜在的边界行业与移动路线建立起交集。在Android出现之 前，iPhone、黑莓以及Palm是智能手机竞赛中的三巨头。而在其出现之后，黑莓与Palm旋即受到沉重打击并最终淡出历史舞台或者在利基市场中艰难 求存。目前，Android仍在不断为移动设备的使用方式提供新的定义。总结Android广受欢迎的原因，一方面是因为它给骄傲自满、裹足不前的移动竞 争带来新的活力，另一方面它也以移动领域首席创新者的地位将我们的渴望一一变为现实。 转自：http://www.oschina.net/news/42023/10-opensource-tech-leading-world-innovation

甘特图

甘特图（Gantt chart）又叫横道图、条状图(Bar chart)。它是在第一次世界大战时期发明的，以亨利·L·甘特先生的名字命名，他制定了一个完整地用条形图表进度的标志系统。甘特图内在思想简单，即以图示的方式通过活动列表和时间刻度形象地表示出任何特定项目的活动顺序与持续时间。基本是一条线条图，横轴表示时间，纵轴表示活动（项目），线条表示在整个期间上计划和实际的活动完成情况。它直观地表明任务计划在什么时候进行，及实际进展与计划要求的对比。管理者由此可便利地弄清一项任务（项目）还剩下哪些工作要做，并可评估工作进度。

Web的UI框架 X-Tag

X-Tag 是一个对浏览器默认的HTML元素外观进行重写的UI框架。 在线演示：http://mozilla.github.com/x-tag/demo.html 官网:http://x-tags.org/

Dojo Mobile

Dojo Mobile 框架是一套移动终端的Web应用开发框架，是 Dojo 的一个子项目。Dojo Mobile主要面向手持设备上的Web富客服端应用开发，提供了iPhone和android两套主题，使得基于iPhone或者Android的Web应用具有手机本地应用的外观和效果，而同时也给了开发者更多的主导权。下面是在Android下基于Dojo Mobile开发的Web应用Demo图，如果不是看得到地址栏，可能会以为是iPhone和Android的原生程序呢。 Dojo Mobile开发框架有这么几个特点： 1.轻量级，dojo mobile框架在压缩之后仅有100k，在同类js框架中算是体积相当小的，对移动设备来说十分合适。2.大量使用CSS3实现iPhone和Android本地程序的特效，动画效果流畅3.跨浏览器平台，dojo mobile同时也支持非webkit内核的手机浏览器，使用dojo自带的dojo.animateProperty与dojox.gfx模拟特效 Dojo Mobile 的标准网页模板

官网:http://dojotoolkit.org/features/mobile

迷你表单美化框架 Ideal Forms

deal forms，这个表单美化架构简单，基于jQuery框架，能够帮助web开发人员快速创建漂亮和界面友好的表单组件。 这个框架将普通的<input>表单元素改变为圆角的外观，并且加入非常吸引人的特效。并且其它的单选框和多选框也可以方便的定制。 这些特效没有使用任何图片，只需要简单的HTML并且完全可以定制CSS，架构本身自带3个主题可供选择。 官网:http://elclanrs.github.io/jq-idealforms/

HTML5移动应用开发框架 Mobello

Mobello 是一个高性能的 JavaScript 框架用于构建基于 HTML5 的移动应用。你可以构建跟本地App外观无异的HTML5 应用程序，支持智能手机和平板。Mobello 是一个可伸缩的可靠的框架用来创建富用户界面。并提供一个集成开发环境Mobello Studio。 官网:http://mobello.github.io

HTML5移动页面框架 Junior

Junior 是一个前端的框架，用来构建 HTML5 的移动 Web 应用，外观跟原生应用一致，特点： 为移动性能优化的 CSS3 转换 使用 flickable.js 的可滑动旋转效果 集成 backbone.js 视图和路由 CSS UI 组件 官网:http://justspamjustin.github.io/junior/#home