㈠ uxd是什么

了解了设计行业的发展前景和趋势后，到底什么是UXD全能设计呢？一个公式告诉你：UXD= UI+ID+UX+COD。顾名思义，UXD全能设计是对UI设计师能力要求的全面升级，课程学完后，你将拥有出色的用户界面设计(UI)能力，并掌握到交互设计(ID)、用户体验设计(UX)以及跨媒体设计（COD）的实战经验，成为企业高薪难求的全能型设计人才。

下面我们来具体分析下各个设计模块课程的主要内容和关联。

一、什么是UI设计，交互设计，用户体验和跨媒体设计？

1.UI设计

UI设计也叫界面设计，User Interface的缩写，简称UI。指的是依据产品的设计规范进行的界面视觉设计，UI设计主要研究图形，致力于提高软件用户体验的产品外形，主要负责产品的颜值问题。一款产品好不好看，就要看UI设计师的设计功力与审美取向了。

我们的UXD全能设计课程各模块所占比例

为了培养时代所需要的设计人才，我们的课程研发团队将UXD全能设计课程设置为以UI和交互设计为主，用户体验和跨媒体设计为辅的全新课程。UI和交互设计占80%的课时量，这部分内容是全能设计师的核心技能，也是企业招聘需求量最大的部分。用户体验和跨媒体设计占20%的课时量，是在主课程的基础上加入的未来设计师需要的其他技能。

通过UXD全能设计课程你既可以学到当下最实用、最系统的设计知识，还能接触到未来最新颖、最热门的设计理念。学完课程之后，你掌握到的不只是平面设计师或UI设计师的技能，而是综合能力的提升和设计思维的转变，要知道全能设计师的优势不仅仅是1+1=2那么简单。

㈡ web网页开发的发展前景怎么样

web前端开发现在如此火爆，可以说是引领了IT培训行业的一个潮流，那么web前端开发都要学些什么知识呢？为什么这么火有前途吗？现在行业很需要这种人才吗？还是大家盲目跟风，随大流，下面小编对web前端做了具体的研究，给出以下建议与结论。
首先可以告诉你：WEB前端开发时代才刚刚开始！
为什么这么说呢？其实web前端这个职位，并没有一个有效的历史记录可以查询，更没有一个明确的定义，她不像java工程师、ios开发这种一开始就有明确定位的工种一样，是有核心技能可以描述的。比如java开发，顾名思义就是利用java程序来开发功能，php开发：利用php做个商城等等。
Web前端开发工程师是一个很新的职业，在国内乃至国际上真正开始受到重视的时间不超过10年。Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web 1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
那么说了这么多“WEB前端开发”到底有什么前途？
如果你在2012年以前这么问，或许很多人会思考一下，给你说不知道，应该没后端编程有前途吧，或者直接说，web前端有啥啊？不就写个网页、js吗？最重要的是工资还不太高。
但现在是2017年了，我只能说以后都会是前端，随着html5的普罗天下，css3的风靡全球，随着nodejs的崛起，JavaScript这个较容易被人误解的语言，终于散发了它本该有的光芒！
Javascript这个历史产物，现在真的可以说是万能的，至少在web层面是这样，交互、效果、数据操作、娱乐游戏、操作文件io等等。由于现在是web应用时代，各种尺寸的电子设备，增长式的爆发，只要和屏幕有关的就是颜值，颜值代表了一切，你说前端有前途吗？

㈢ web前端网页颜色的搭配技巧

一般来说，网页的背景色应该柔和一些、素一些、淡一些，再配上深色的文字，使人看起来自然、舒畅对于做网页的初学者可能更习惯于使用一些漂亮的图片作为自己网页的背景，但是，浏览一下大型的商业网站，你会发现他们更多运用的是白色、蓝色、黄色等，使得网页显得典雅，大方和温馨。更重要的是，这样可以大大加快浏览者打开网页的速度。

一般来说，网页的背景色应该柔和一些、素一些、淡一些，再配上深色的文字，使人看起来自然、舒畅。而为了追求醒目的视觉效果，可以为标题使用较深的颜 色。下面是我做网页和浏览别人的网页时，对网页背景色和文字色彩搭配积累的经验，这些颜色可以做正文的底色，也可以做标题的底色，再搭配不同的字体，一定 会有不错的效果，希望对大家在制作网页时有用。

BgcolorΚ〃#F1FAFA〃———做正文的背景色好，淡雅

BgcolorΚ〃#E8FFE8〃———做标题的背景色较好

BgcolorΚ〃#E8E8FF〃———做正文的背景色较好，文字颜色配黑色

BgcolorΚ〃#8080C0〃———上配黄色白色文字较好

BgcolorΚ〃#E8D098〃———上配浅蓝色或蓝色文字较好

BgcolorΚ〃#EFEFDA〃———上配浅蓝色或红色文字较好

BgcolorΚ〃#F2F1D7〃———配黑色文字素雅，如果是红色则显得醒目

BgcolorΚ〃#336699〃———配白色文字好看些

BgcolorΚ〃#6699CC〃———配白色文字好看些，可以做标题

BgcolorΚ〃#66CCCC〃———配白色文字好看些，可以做标题

BgcolorΚ〃#B45B3E〃———配白色文字好看些，可以做标题

BgcolorΚ〃#479AC7〃———配白色文字好看些，可以做标题

BgcolorΚ〃#00B271〃———配白色文字好看些，可以做标题

BgcolorΚ〃#FBFBEA〃———配黑色文字比较好看，一般作为正文

BgcolorΚ〃#D5F3F4〃———配黑色文字比较好看，一般作为正文

BgcolorΚ〃#D7FFF0〃———配黑色文字比较好看，一般作为正文

BgcolorΚ〃#F0DAD2〃———配黑色文字比较好看，一般作为正文

BgcolorΚ〃#DDF3FF〃———配黑色文字比较好看，一般作为正文

浅绿色底配黑色文字，或白色底配蓝色文字都很醒目，但前者突出背景，后者突出文字。红色底配白色文字，比较深的底色配黄色文字显得非常有效果。

此文只是起一个“抛砖引玉”的作用，大家可以发挥想象力，搭配出更有新意、更醒目的颜色，使网页更具有吸引力

如今，互联网越来越走近我们的生活，网上冲浪也渐渐成为我们生活不可缺少的一部分。网络世界五彩缤纷，涌现出大量优秀精美的网页。大量网络信息的呈 现，无非就是通过文本、图像、Flash动画等，其中， 文本是网页中最为重要的设计元素。对于网页设计初学者而言，了解和掌握网页设计中的文字排版设计就显得尤为重要，下面笔者想谈谈一己之见。

文字的格式化

字号、字体、行距

字号大小可以用不同的方式来计算，例如磅#quotel.quoter#或像素(Pixel)。因为以像素技术为基础单位打印时需要转换为磅，所以，建议采用磅为单位。

最适合于网页正文显示的字体大小为12磅左右，现在很多的综合性站点，由于在一个页面中需要安排的内容较多，通常采用9磅的字号。较大的字体可用于标 题或其他需要强调的地方，小一些的字体可以用于页脚和辅助信息。需要注意的是，小字号容易产生整体感和精致感，但可读性较差。

网页设计者可以用字体来更充分地体现设计中要表达的情感。字体选择是一种感性、直观的行为。但是，无论选择什么字体，都要依据网页的总体设想和浏览者 的需要。例如：粗体字强壮有力，有男性特点，适合机械、建筑业等内容；细体字高雅细致，有女性特点，更适合服装、化妆品、食品等行业的内容。在同一页面 中，字体种类少，版面雅致，有稳定感；字体种类多，则版面活跃，丰富多彩。关键是如何根据页面内容来掌握这个比例关系。

从加强平台无关性的角度来考虑，正文内容最好采用缺省字体。因为浏览器是用本地机器上的字库显示页面内容的。作为网页设计者必须考虑到大多数浏览者的 机器里只装有三种字体类型及一些相应的特定字体。而你指定的字体在浏览者的机器里并不一定能够找到，这给网页设计带来很大的局限。解决问题的办法是：在确 有必要使用特殊字体的地方，可以将文字制成图像，然后插入页面中。

行距的变化也会对文本的可读性产生很大影响。一般情况下，接近字体尺寸的行距设置比较适合正文。行距的常规比例为10:12，即用字10点，则行距 12点。这主要是出于以下考虑：适当的行距会形成一条明显的水平空白带，以引导浏览者的目光，而行距过宽会使一行文字失去较好的延续性。

除了对于可读性的影响，行距本身也是具有很强表现力的设计语言，为了加强版式的装饰效果，可以有意识地加宽或缩窄行距，体现独特的审美意趣。例如，加 宽行距可以体现轻松、舒展的情绪，应用于娱乐性、抒情性的内容恰如其分。另外，通过精心安排，使宽、窄行距并存，可增强版面的空间层次与弹性，表现出独到 的匠心。

行距可以用行高(line-height)属性来设置，建议以磅或默认行高的百分数为单位。例如：｛line-height：20pt｝、｛line-height：150%｝。

文字的整体编排

页面里的正文部分是由许多单个文字经过编排组成的群体，要充分发挥这个群体形状在版面整体布局中的作用。从艺术的角度可以将字体本身看成是一种艺术形 式，它在个性和情感方面对人们有着很大影响。在网页设计中，字体的处理与颜色、版式、图形等其他设计元素的处理一样非常关键。从某种意义上来讲，所有的设 计元素都可以理解为图形。

1．文字的图形化

字体具有两方面的作用：一是实现字意与语义的功能，二是美学效应。所谓文字的图形化，即是强调它的美学效应，把记号性的文字作为图形元素来表现，同时 又强化了原有的功能。作为网页设计者，既可以按照常规的方式来设置字体，也可以对字体进行艺术化的设计。无论怎样，一切都应围绕如何更出色地实现自己的设 计目标。

将文字图形化、意象化，以更富创意的形式表达出深层的设计思想，能够克服网页的单调与平淡，从而打动人心。

2．文字的叠置

文字与图像之间或文字与文字之间在经过叠置后，能够产生空间感、跳跃感、透明感、杂音感和叙事感，从而成为页面中活跃的、令人注目的元素。虽然叠置手 法影响了文字的可读性，但是能造成页面独特的视觉效果。这种不追求易读，而刻意追求“杂音”的表现手法，体现了一种艺术思潮。因而，它不仅大量运用于传统 的版式设计，在网页设计中也被广泛采用。

3．标题与正文

在进行标题与正文的编排时，可先考虑将正文作双栏、三栏或四栏的编排，再进行标题的置入。将正文分栏，是为了求取页面的空间与弹性，避免通栏的呆板以 及标题插入方式的单一性。标题虽是整段或整篇文章的标题，但不一定千篇一律地置于段首之上。可作居中、横向、竖向或边置等编排处理，甚至可以直接插入字群 中，以新颖的版式来打破旧有的规律。

4．文字编排的四种基本形式

页面里的正文部分是由许多单个文字经过编排组成的群体，要充分发挥这个群体形状在版面整体布局中的作用。

两端均齐：文字从左端到右端的长度均齐，字群形成方方正正的面，显得端正、严谨、美观。

居中排列：在字距相等的情况下，以页面中心为轴线排列，这种编排方式使文字更加突出，产生对称的形式美感。

左对齐或右对齐：左对齐或右对齐使行首或行尾自然形成一条清晰的垂直线，很容易与图形配合。这种编排方式有松有紧，有虚有实，跳动而飘逸，产生节奏与韵律的形式美感。左对齐符合人们阅读时的习惯，显得自然；右对齐因不太符合阅读习惯而较少采用，但显得新颖。

绕图排列：将文字绕图形边缘排列。如果将底图插入文字中，会令人感到融洽、自然。

文字的强调

1．行首的强调

将正文的第一个字或字母放大并作装饰性处理，嵌入段落的开头，这在传统媒体版式设计中称之为“下坠式”。此技巧的发明溯源于欧洲中世纪的文稿抄写员。 由于它有吸引视线、装饰和活跃版面的作用，所以被应用于网页的文字编排中。其下坠幅度应跨越一个完整字行的上下幅度。至于放大多少，则依据所处网页环境而 定。

2．引文的强调

在进行网页文字编排时，常常会碰到提纲挈领性的文字，即引文。引文概括一个段落、一个章节或全文大意，因此在编排上应给予特殊的页面位置和空间来强 调。引文的编排方式多种多样，如将引文嵌入正文的左右侧、上方、下方或中心位置等，并且可以在字体或字号上与正文相区别而产生变化。

3．个别文字的强调

如果将个别文字作为页面的诉求重点，则可以通过加粗、加框、加下划线、加指示性符号、倾斜字体等手段有意识地强化文字的视觉效果，使其在页面整体中显得出众而夺目。另外，改变某些文字的颜色，也可以使这部分文字得到强调。这些方法实际上都是运用了对比的法则。

文字的颜色

在网页设计中，设计者可以为文字、文字链接、已访问链接和当前活动链接选用各种颜色。例如，如果你使用FrontPage编辑器，默认的设置是这样 的：正常字体颜色为黑色，默认的链接颜色为蓝色，鼠标点击之后又变为紫红色。使用不同颜色的文字可以使想要强调的部分更加引人注目，但应该注意的是，对于 文字的颜色，只可少量运用，如果什么都想强调，其实是什么都没有强调。况且，在一个页面上运用过多的颜色，会影响浏览者阅读页面内容，除非你有特殊的设计 目的。

颜色的运用除了能够起到强调整体文字中特殊部分的作用之外，对于整个文案的情感表达也会产生影响。这涉及色彩的情感象征性问题，限于篇幅，在这里不做深入探讨。

另外需要注意的是文字颜色的对比度，它包括明度上的对比、纯度上的对比以及冷暖的对比。这些不仅对文字的可读性发生作用，更重要的是，你可以通过对颜色的运用实现想要的设计效果、设计情感和设计思想。

一、色彩处理

色彩是人的视觉最敏感的东西。主页的色彩处理得好，可以锦上添花，达到事半功倍的效果。色彩总的应用原则应该是“总体协调，局部对比”，也就是：主页的整 体色彩效果应该是和谐的，只有局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上，可以根据主页内容的需要，分别采用不同的主色调。因为色彩 具有象征性，例如：嫩绿色、翠绿色、金黄色、灰褐色就可以分别象征着春、夏、秋、冬。其次还有职业的标志色，例如：军警的橄榄绿，医疗卫生的白色等。色彩 还具有明显的心理感觉，例如冷、暖的感觉，进、退的效果等。另外，色彩还有民族性，各个民族由于环境、文化、传统等因素的影响，对于色彩的喜好也存在着较 大的差异。充分运用色彩的这些特性，可以使我们的主页具有深刻的艺术内涵，从而提升主页的文化品位。下面介绍几种常用的配色方案：

1.暖色调。即红色、橙色、黄色、赭色等色彩的搭配。这种色调的运用，可使主页呈现温馨、和煦、热情的氛围。

2.冷色调。即青色、绿色、紫色等色彩的搭配。这种色调的运用，可使主页呈现宁静、清凉、高雅的氛围。

3.对比色调。即把色性完全相反的色彩搭配在同一个空间里。例如：红与绿、黄与紫、橙与蓝等。这种色彩的搭配，可以产生强烈的视觉效果，给人亮丽、鲜艳、 喜庆的感觉。当然，对比色调如果用得不好，会适得其反，产生俗气、刺眼的不良效果。这就要把握“大调和，小对比”这一个重要原则，即总体的色调应该是统一 和谐的，局部的地方可以有一些小的强烈对比。

最后，还要考虑主页底色（背景色）的深、浅，这里借用摄影中的一个术语，就是“高调”和“低调”。底色浅的称为高调；底色深的称为低调。底色深，文字的颜 色就要浅，以深色的背景衬托浅色的内容（文字或图片）；反之，底色淡的，文字的颜色就要深些，以浅色的背景衬托深色的内容（文字或图片）。这种深浅的变化 在色彩学中称为“明度变化”。有些主页，底色是黑的，但文字也选用了较深的色彩，由于色彩的明度比较接近，读者在阅览时，眼睛就会感觉很吃力，影响了阅读 效果。当然，色彩的明度也不能变化太大，否则屏幕上的亮度反差太强，同样也会使读者的眼睛受不了。

网页色彩的搭配

网页的色彩是树立网站形象的关键之一，色彩搭配却是网友们感到头疼的问题。网页的背景，文字，图标，边框，超链接…，应该采用什么样的色彩，应该搭配什么色彩才能最好的表达出预想的内涵呢？阿捷这里谈一些心得，希望对你有所启发。

首先我们先来了解一些色彩的基本知识：

1.颜色是因为光的折射而产生的。

2.红，黄，蓝是三原色，其它的色彩都可以用这三种色彩调和而成。网页html语言中的色彩表达即是用这三种颜色的数值表示例如：红色是color (255,0,0)十六进制的表示方法为(FF0000)白色为(FFFFFF), 我们经常看到的”bgColor=#FFFFFF”就是指背景色为白色。

3.颜色分非彩色和彩色两类。非彩色是指黑，白，灰系统色。彩色是指除了非彩色以外的所有色彩。

4.任何色彩都有饱和度和透明度的属性，属性的变化产生不同的色相，所以至少可以制作几百万种色彩。

网页制作用彩色还是非彩色好呢？根据专业的研究机构研究表明：彩色的记忆效果是黑白的3.5倍。也就是说，在一般情况下，彩色页面较完全黑白页面更加吸引人。

我们通常的做法是：主要内容文字用非彩色(黑色)，边框，背景，图片用彩色。这样页面整体不单调，看主要内容也不会眼花。

●非彩色的搭配

黑白是最基本和最简单的搭配，白字黑底，黑底白字都非常清晰明了。 灰色是万能色，可以和任何彩色搭配，也可以帮助两种对立的色彩和谐过渡。如果你实在找不出合适的色彩，那么用灰色试试，效果绝对不会太差。

●彩色的搭配

色彩千变万化，彩色的搭配是我们研究的重点。我们依然需要进一步学习一些色彩的知识。

一.色环。我们将色彩按”红->黄->绿->蓝->红”依次过度渐变，就可以得到一个色彩环。色环的两端是暖色和寒色，当中是中型色。(如下图)

红.橙.橙黄.黄.黄绿.绿.青绿.蓝绿.蓝.蓝紫.紫.紫红.红

暖色系 中性系 寒色系 中性系

二.色彩的心理感觉。不同的颜色会给浏览者不同的心理感受。

红色—是一种激奋的色彩。刺激效果，能使人产生冲动，愤怒，热情，活力的感觉。

绿色—介于冷暖两中色彩的中间，显得和睦，宁静，健康，安全的感觉。 它和金黄，淡白搭配，可以产生优雅，舒适的气氛。

橙色—也是一种激奋的色彩，具有轻快，欢欣，热烈，温馨，时尚的效果。

黄色—具有快乐，希望，智慧和轻快的个性，它的明度最高。

蓝色—是最具凉爽，清新，专业的色彩。它和白色混合，能体现柔顺，淡雅，浪漫的气氛(象天空的色彩:)

白色—具有洁白，明快，纯真，清洁的感受。

黑色—具有深沉，神秘，寂静，悲哀，压抑的感受。

灰色—具有中庸，平凡，温和，谦让，中立和高雅的感觉。

每种色彩在饱和度，透明度上略微变化就会产生不同的感觉。以绿色为例，黄绿色有青春，旺盛的视觉意境，而蓝绿色则显得幽宁，阴深。

●网页色彩搭配的原理

1.色彩的鲜明性。网页的色彩要鲜艳，容易引人注目。

2.色彩的独特性。要有与众不同的色彩，使得大家对你的印象强烈。(参考设计思考第二篇网站CI的标准色彩一节)

3.色彩的合适性。就是说色彩和你表达的内容气氛相适合。如用粉色体现女性站点的柔性。

4.色彩的联想性。不同色彩会产生不同的联想，蓝色想到天空，黑色想到黑夜，红色想到喜事等，选择色彩要和你网页的内涵相关联。

●网页色彩掌握的过程

随着网页制作经验的积累，我们用色有这样的一个趋势:单色->五彩缤纷->标准色->单色。一开始因为技术和知识缺乏，只能制作 出简单的网页，色彩单一；在有一定基础和材料后，希望制作一个漂亮的网页，将自己收集的最好的图片，最满意色彩堆砌在页面上；但是时间一长，却发现色彩杂 乱，没有个性和风格；第三次重新定位自己的网站，选择好切合自己的色彩，推出的站点往往比较成功；当最后设计理念和技术达到顶峰时，则又返朴归真，用单一 色彩甚至非彩色就可以设计出简洁精美的站点。

○网页色彩搭配的技巧

文章写到这里，有心急的网友要问了：“到底用什么色彩搭配好看呢？你能不能推荐几种配色方案？”别急，这里有一点技巧，可以帮助你迅速成为调色大师:)

1.用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，(说得通俗些就是将 色彩变淡或则加深)，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。

2.用两种色彩。先选定一种色彩，然后选择它的对比色(在photoshop里按ctrl+shift+I)。我的主页用蓝色和黄色就是这样确定的。整个页面色彩丰富但不花稍。

3.用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。确定色彩的方法各人不同，我是在photoshop里按前景色方框，在跳出的拾色器窗中选择”自定义”，然后在”色库”中选就可以了:)

4.用黑色和一种彩色。比如大红的字体配黑色的边框感觉很”跳”。

在网页配色中，忌讳的是：

1.不要将所有颜色都用到，尽量控制在三种色彩以内。

2.背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容

颜 色 搭 配

一、红色的色感温暖，性格刚烈而外向，是一种对人刺激性很强的色。红色容易引起人的注意，也容易使人兴奋、激动、紧张、冲动、还是一种容易造成人视觉疲劳的色。

a) 在红色中加入少量的黄，会使其热力强盛，趋于躁动、不安。

b) 在红色中加入少量的蓝，会使其热性减弱，趋于文雅、柔和。

c) 在红色中加入少量的黑，会使其性格变的沉稳，趋于厚重、朴实。

d) 在红中加入少量的白，会使其性格变的温柔，趋于含蓄、羞涩、娇嫩。

二、黄色的性格冷漠、高傲、敏感、具有扩张和不安宁的视觉印象。黄色是各种色彩中，最为娇气的一种色。只要在纯黄色中混入少量的其它色，其色相感和色性格均会发生较大程度的变化。

a) 在黄色中加入少量的蓝，会使其转化为一种鲜嫩的绿色。其高傲的性格也随之消失，趋于一种平和、潮润的感觉。

b) 在黄色中加入少量的红，则具有明显的橙色感觉，其性格也会从冷漠、高傲转化为一种有分寸感的热情、温暖。

c) 在黄色中加入少量的黑，其色感和色性变化最大，成为一种具有明显橄榄绿的复色印象。其色性也变的成熟、随和。

d) 在黄色中加入少量的白，其色感变的柔和，其性格中的冷漠、高傲被淡化，趋于含蓄，易于接近。

三、蓝色的色感冷嘲热讽，性格朴实而内向，是一种有助于人头脑冷嘲热讽静的色。蓝色的朴实、内向性格，常为那些性格活跃、具有较强扩张力的色彩，提供一 个深远、广埔、平静的空间，成为衬托活跃色彩的友善而谦虚的朋友。蓝色还是一种在淡化后仍然似能保持较强个性的色。如果在蓝色中分别加入少量的红、黄、 黑、橙、白等色，均不会对蓝色的性格构成较明显的影响力。

a) 如果在橙色中黄的成份较多，其性格趋于甜美、亮丽、芳香。

b) 在橙色中混入小量的白，可使橙色的知觉趋于焦躁、无力。

四、绿色是具有黄色和蓝色两种成份的色。在绿色中，将黄色的扩张感和蓝色的收缩感相中庸，将黄色的温暖感与蓝色的寒冷感相抵消。这样使得绿色的性格最为平和、安稳。是一种柔顺、恬静、潢足、优美的色。

a) 在绿色中黄的成份较多时，其性格就趋于活泼、友善，具有幼稚性。

b) 在绿色中加入少量的黑，其性格就趋于庄重、老练、成熟。

c) 在绿色中加入少量的白，其性格就趋于洁净、清爽、鲜嫩。

五、 紫色的明度在有彩色的色料中是最低的。紫色的低明度给人一种沉闷、神秘的感觉。

a) 在紫色中红的成份较多时，其知觉具有压抑感、威胁感。

b) 在紫色中加入少量的黑，其感觉就趋于沉闷、伤感、恐怖。

c) 在紫色中加入白，可使紫色沉闷的性格消失，变得优雅、娇气，并充满女性的魅力。

六、 白色的色感光明，性格朴实、纯洁、快乐。白色具有圣洁的不容侵犯性。如果在白色中加入其它任何色，都会影响其纯洁性，使其性格变的含蓄。

a) 在白色中混入少量的红，就成为淡淡的粉色，鲜嫩而充满诱惑。

b) 在白色中混入少量的黄，则成为一种乳黄色，给人一种香腻的印象。

c) 在白色中混入少量的蓝，给人感觉清冷、洁净。

d) 在白色中混入少量的橙，有一种干燥的气氛。

e) 在白色中混入少量的绿，给人一种稚嫩、柔和的感觉。

f) 在白色中混入少量的紫，可诱导人联想到淡淡的芳香。

㈣ 当年的Windows 手机系统，为何不如安卓系统受欢迎

其实对于微软来说，微软的手机操作系统失败确实给微软造成了非常大的打击，毕竟，虽然说在PC端市场，微软的操作系统是呼风唤雨，但在移动智能市场却没有抓住机会。

所以微软在前几年收购了诺基亚，以诺基亚为跳板来推广自己的windows phone，除此之外联合一众大牌手机厂商做windows phone的定制版，结合运营商渠道，做的还是有模有样的。

不过说到windows phone为什么失败，其实有很多原因，首先是因为诺基亚的产品以及品牌在世界的影响力已经远不如前。所以对于微软的移动操作系统的推广起不了太大的作用。

除此之外，因为谷歌安卓的开源生态导致了安卓市场一度快速迸发。国产智能手机的发展，导致了安卓成为了主流市场，而windows phone则渐渐没落。

与此同时，虽然当年windows phone也曾经占据着不少的市场份额，不过由于整个软件运行环境，对windows phone来说，并不友好，开发者们也并不是那么喜欢去更新迭代windows phone的软件产品，这就导致了手机用户的体验是非常差的。

所以我们说，做一款操作系统可能难度并不是最大的，虽然这也相当困难，但最大的难题还是如何协调软件厂商们，进行持续的优化迭代，如何对新系统的手机进行软件适配，这才是很难做到的情况。

也就是为什么现在，只有iOS和安卓操作系统获得了成功！

微软系统手机的没落，不是那些说的多么玄乎的方针方向什么的，具体点说，最大的原因就是WP7不兼容WM6，WP8又不兼容WP7！

我用了多年的WIN系统的多普达/HTC，从2004年开始的WM2003，直到WM6，但是突然来了个WP7，居然不兼容WM6。那个时候真是痛苦纠结！坑爹的WP7，WP8！

WP7之前，我换了那么多个手机，新的手机里总是直接导入旧手机内容，比如短信就有一万多条，都是几年里全部短信。

那些说WIN系统的应用开发少的，说的其实是WP时代！

15年前，2004年，我用的多普达，微软WM2003系统，手机里装了几十上百款款应用，虽然现在都用不了了，但是我现在的手机里还有个文件夹，专门存放着它们。短信大师，梅花点讯输入法，五笔输入法，C盘清理大师，电话精灵，超级加密大师，按键管理AE Button Plus v2.6，闹钟，智能手机工作室、百阅，熊猫看书，UMD阅读器，手机QQ，万能播放器TCPMP，无驱u盘wm，手机U盘，备份工具PPCPimbackup，按键设定，触摸屏调试器，系统清理优化Menmaid，鼠标，身份证查询， 汽车 牌照查询，人体生物钟计算周期，网络贴吧（好像是后来安装的），防盗和远程控制，桌面工具，注册表编辑器，炒股专家，炒股助手，声音调控，天气预报，声纳探测仪，周公解梦，周易命理，心理测试，爱情测试，任务切换器，系统管理工具，免提管理，黑名单管理，屏幕截图工具，屏幕坏点测试，万年历，隐私保护神，SNAP，UCWEB，电视播放器，卫星电视定位器，QQ自动拨号，WINRAR，PPC解压器，PPC超级清理与卸载大师，GPS定位服务器，PICAWM版，GPRS流量管理，MD模拟器，RDcalc，handymenu，图书之星，华泰证券，传真机，千千静听，移动电工，迅雷，掌上书院，优化大师，RM播放器，还有很多 游戏 ，拳皇，CS，红警什么的， 游戏 记不得具体名字了，因为没保存。

另外就是一些和工作相关的时候比较专业的手机APP：水电水利工程随身电脑程序控制集，PPC外业测量，CS绘图forPPC，工程制图powerCAD（CS和CAD的软件包都很大，我记得有9个分包，全部下载后再统一解压），动画制作软件ADOBE FLASH LITE，GIF动图制作软件，视频截取工具，自然画笔。

eXPerience，这是个手机主题管理软件，很有意思，当时可以在手机上模拟WinXP桌面，我基本都是使用蓝天白云那个主题桌面，图标管理和电脑相同，重命名，图标自定义，切换图标大小，随意挪动图标，网格对齐，图标删除添加，任务栏，开始栏。

那个时候，网上开发的支持微软WM系统的软件好多好多，各类论坛盛行，好多高手自行开发一些奇奇怪怪的软件，可惜，后来都没落了。

微软作为PC端的绝对霸主一直想在移动端开辟属于自己的战场，中间做了很多次的尝试都以失败而告终，最后孤注一掷拿下诺基亚结果windows手机还是处于不温不火的状态，完全没有安卓和苹果的风范，个人觉得之所以没有成为主流的移动系统，有以下三种原因：

1.封闭的系统

代码不开源系统封闭非常不利于传播使用，现在软件行业向着开放方向发展，现在的开源社区如火如荼的进行着，最近微软市值重新振奋起来也是依靠的放开胸怀拥抱开源得来的，当初死守着闭环的系统始终没能成为主流的移动系统，安卓就做的非常深入人心，完全遵循开源协议开放源码，大大拉近和开发者的距离，毕竟生态链的建立离不开大量的应用开发者，虽然苹果也是封闭系统，但微软的封闭系统的功能设计以及对对用户体验也没有表现出比苹果技高一筹的感觉，所以从开始打差异化路线到后来的不温不火关键点还是对自身的定位不明确，现在开源的安卓系统已经拉开和IOS的距离，生命力也是越来越强大，现在安卓系统不仅仅实在手机端，几乎现在大家能看上眼的设备都嵌入安卓系统，无处不在生态链系统，这种影响力似乎也不亚于当年微软在PC端的统治地位。

2.商业模式不友好

微软的移动系统对于手机厂商还有招收价格不菲的授权费，所以在平台支持上已经落后了一大截，即使你的品牌再强大没有硬件平台的支持，只能是空中楼阁存在，又不像苹果手机完全自己去搞，还能控制硬件平台，所以从战略上讲就是失败的典型。

从最初推出新品给人眼前一亮的感觉，到后来各种条款限制，归根到你还是觉得自己很强大，没有以初心对待新事物，这也是很多超级大公司的通病。

3.产品跟不上用户

推出新的概念产品，就要在生态链上建立长期有效的机制，持续的不断地投入资金和人力去完善，中间产品的迭代要么就是太慢，要么就是太快，很多用户刚适应了这种模式，结果又要换成另外一种模式，整个来讲用户的体验感不是很好，苹果手机虽然是闭环的操作系统但在用户体验追求极致的执着，给用户带来巨大的美好的冲击，并且定位为高端

任何一个生态链的建立都需要一个持续的时间投入和精力的投入，同时还要放低自己的姿态去迎接生态链的完善，高高在上的样子态度是无法做成事情的，微软的市值最近上涨放低心态，迎接开源社区就是一个很好的信号，加上在云计算市场占有率进一步的提升都在开放和拥抱用户，隐隐约约是感觉当年的微软那股劲头又杀回来了，现在任何封闭的系统都会很难持久下去，苹果更像是 科技 领域的一个奇葩存在，任何一家如此封闭的公司一直这么玩早就玩不下去了，这也是苹果与众不同之处，从侧面证明了乔布斯的伟大之处，个性化差异化也是生存的一个法则。

希望能帮到你。

安卓系统的门槛太低了，但是WINDOWS的手机系统门槛就高了，曾把小米手机4刷机成WINDOWS系统，体验了不到24小时，我就送机到售后了……

看到这里，大家就知道为何WINDOWS手机系统不如安卓系统受欢迎了，想必大家谁也不愿意把手机送到售后吧。

当年有安卓，塞班，苹果还有WINDOWS系统，安卓系统的门槛是最低，适配率也高，当时还有大堆的山寨手机，也是采用的安卓系统，自从小米来了，横扫山寨，小米也是用的安卓系统，随后根据百万网友的建议和优化，形成小米自有的MIUI系统，依此，小米占有了中国手机的半壁江山，安卓系统也慢慢的成为当时的主角。

WINDOWS系统风靡一时，正是小米4刚发布不久，于是微软与小米合作，可以将小米4进行刷机，我就是那个吃螃蟹的人，刷成WINDOWS 后，什么联系人都没有了，什么软件都没有，就算想从云端导入手机号都没有途径。手机系统应该是给用户带来方便的，但是入手门槛高的系统，给用户带来的是操作的复杂性，所以说，安卓系统的欢迎程度就高于WINDOWS系统。现在诺基亚也从WINDOWS系统走向安卓阵营，以此看来，安卓系统是最受欢迎的。

现在的小米系统或者华为的系统、魅族的系统都是基于安卓系统深度研发而来，安卓的用户呈指数型增长，大大降低了用户使用门槛，用户哪怕更换手机，里面的资料也会分分钟导入新手机而不会增加用户的使用成本。
更多优质内容，请持续关注镁客网~~

为什么安卓系统和苹果系统是最后能够生存下来的系统，因为他们可以可以相生相克。你想一想，能够在苹果生存的软件也能移植到安卓中，安卓中有的软件也能在苹果中存在，功能几乎一样，而且两大系统的功能和流畅度相当，就算你说得苹果如何洁净流畅，也否认不了安卓的便捷和速度，哪怕你说得安卓如何卡顿，它还是最多硬件兼容商最多人使用的一个系统。最关键的是，这两个系统已经发展到相生相克，互斗共存，这是很少有很难得的现象。

当年多普达出现的时候本来是红火了很长一段时间的，我们有同事用3000多元买一台多普达windows系统手机，还送一台空调，到我再去买同样的机的时候，可能都已经是旧机翻新机比较多了。不过，当时就算只是用全键盘推盖式输入文字还是乐趣无穷的。只可惜当时还海参崴有wifi功能，而且连最基本的高清晰度三维 游戏 都还没有出来。不知道是微软件开发不出这样的 游戏 ，还是windows phone的硬件根本就无法驾驭用他们的系统设计出来的软件 游戏 ，也很有可能是他们的系统无法让广大软件开发者为他们开发软件，比如说银行，企业，消费等各种软件，哪一个系统如果连这些软件都兼容不了，只是停留在拍照等一些鸡肋功能上，那就注定要失败。

为什么有人觉得Windows的手机系统不如安卓系统好用？Windows系统本身用起来还是不错，简约流畅，即使在安卓大行其道Windows还有一定的手机时，Windows使用体验还是不错，但其封闭的特性导致生态不佳、以及画面有些不习惯感觉丑也有关系。

Windows与安卓的设计大不相同，windows那种满屏的方块看着虽然简约，但很多人确实不习惯有种密集症，整个屏幕被一块块的方块给霸占满了，觉得丑。反而像安卓那种小APP的设计，一个一个摆放在屏幕中央，疏密有间看起来比较协调爽眼（包括苹果的iOS），有些用户宁愿选择安卓。

另外Windows也想象微软一样搞成封闭式的系统，可惜未能成功。比如有些手机如果要用Windows系统，还得要使用微软认可批准的硬件配置，比如处理器、屏幕等等才能达到优化。结果就是导致大量的手机厂商觉得这太麻烦了，不像安卓那样方便，于是放弃Windows而实用安卓系统。应该说Windows有一些策略的运用失误。

另外WP8的内核全新整改，但WP7的手机并不支持新的WP8也导致很多手机用户放弃WP手机，转而投向安卓。而有些厂家也转而支持安卓，再加上WP的生态不健全，不像安卓那样有丰富的应用有众多的开发者，还有谷歌的打压故意不让自己的APP上架到WP商店。一系列的原因导致WP系统的失败。

除了系统本身，生态的建设确实是很不容易的。而WP也主要败在这方面，想要做苹果一个的独立圈子，可并不容易。也许当初WP选择走像安卓一样的开放，也许今日的手机操作系统格局就不一样了。

更多分享及互动，欢迎点击右上角关注【东风高扬】。

2010年开始，windows phone 开始商用
苹果的iOS已经是主流，并且乔帮主已经走上神坛！安卓通过免费开源在不断扩充版图，逐渐成长！微软才推出WP7！虽然被微软寄予厚望，但是因为微软在系统的理念上想学习苹果，一直是封闭的。软件相当较少，大众对于这个WP7的UI界面不是那么喜欢，导致起步的发展就相对较慢！

WP系统对开发者门槛较高
相对开源的安卓，开发者自由度更大，束缚相对较小。反而WP系统需要以微软要求的硬件配置（处理器，屏幕等等）进行开发配置，由于WP手机市场占有份额非常小，大部分厂商纷纷选择了安卓和苹果
市场占有率小
WP系统自身的优点还是非常明显的，但是制约他发展的根本原因还是其市场占有率小的原因。微软的WP系统因为不是开源的所以对手机厂商收费，导致很多品牌商无法选择这个系统。苹果自主研发建立完整的生态系统；安卓片地开花，就拿中国市场来看，无论是品牌手机还是山寨机都和安卓形成了共同体。WP即使在其辉煌时期真正的机型基本就只有HTC和诺基亚了。

总结，微软如果能更开放，早点建立起 健康 的生态系统，也不会有之后的1%的市场份额，也不会有迟迟不来WP10,也不会黯淡立场！

首先一开始推出wp，很多人都是看好的。而微软第一时间考虑的不是把系统推向市场，而是盈利。关于wp如何授权及收费，可以说网上讨论了很久，因为wp微软未开放授权，任何人不得修改。这就导致wp给厂商留下了不好的印象。

厂商不认可，应用缺乏，微软第一时间想到的不是推广系统，开发移动应用，发力设备与开发者。而是寄托于打通桌面和移动端，于是版本更新新旧版本不再兼容，新版本希望通过运行桌面应用解决问题，当时看起来高大上，不过做起来并没那么美好。wp7 8 10 系统都不兼容，且无法升级，微软在自掘坟墓，可以说微软每很新一代版本，就得重新开发一次应用，这直接导致坚持这个系统的开发者放弃。而就在这时微软还在考虑如何盈利，自己免费授权使用范围，得出结论是不大于多少寸的设备可以免费使用，大于多少寸的必须购买。移动桌面终于可以不受影响了，可所有人都已经走光了。

现在微软已经放弃移动端了，可以说微软经济了一场惨痛的失败。微软之所以会失败源自于x86与系统的深度绑定，微软缺乏开发新系统的勇气，在当时那种环境，处理器功耗与性能难以协调，即使微软的新系统可以使移动与桌面共享应用，又有几个手机处理器媲美桌面处理器？

可以说微软之所以会失败，源自于自身。而不是苹果安卓，微软是一步一步把自己玩死的。而经济了这次失败，微软再开发移动系统应该会成熟许多。

Windows Phone为何会在和Android的竞争中落败，我觉得有以下几点原因：
安卓占了先发的优势
2010年微软推出的 Windows Phone 7 系统时，发布已经两年的Android 系统已经在手机市场已经做得风声水起，获得了大量厂家的支持。

微软频繁更换内核
其实微软很早就耕耘智能机市场，Windows Phone的前身其实是Windows Mobile。但是wp的内核和wm的内核是不同的，所以软件无法兼容向下兼容。更糟糕的是，wp8.0又采用了一种内核，造成大量使用wp7.5的手机无法升级到新的平台。这让大量微软的老用户寒了心，转而投奔其他平台。反观安卓平台，它的向下兼容性一直很好，有些很老的安卓软件还能在新平台运行。

平台定位错误
Windows Phone一直无法摆脱PC上的影子，连设置界面也是模仿PC端，甚至把办公应用都搬到了移动端。而手机端大部分用户，需要的其实是 娱乐 ，而不是把手机当成办公场景的延伸。 娱乐 功能，恰恰是安卓手机所擅长的。

收购诺基亚
收购诺基亚后，让微软陷入到财务困境中，先不说，Windows Phone 阵营几乎只剩下 Lumia，此前的三星、HTC、华为等合作伙伴都没有再推出 Windows Phone 机型。把合作伙伴赶到对手那里去这种蠢事，或许只有微软才会干。

对开发者不够友好
由于Windows Phone系统不开放，很多接口无法获得，自然一些和系统关联比较密切的功能也就无法实现。而安卓是开源的，开发者有很大的发挥空间，开发安卓应用也是完全免费的，开发出来的软件还可以自由发布到网上。

感谢您的阅读。

这个问题是很多人一直在反思和讨论的，到了今天其实大家的结论是一致的。

微软在移动操作系统战场失败的原因有很多，但是最重要的一点，应该是 应用程序太少，也就是操作系统的生态建设还是不够 。微软深知生态建设的重要性，因为在桌面操作系统端，他们一直就是这么做的。但是心里清楚，并不一定能够做到，毕竟对手是已经发展了十几年，生态已经十分完善的Android和IOS。

小结
对一个操作系统来讲，什么最重要？生态系统。微软为了巩固自己在桌面操作系统的地位，每年花费了巨额资金来进行生态系统建设。但是很显然，在移动操作系统领域，他们没有成功了。

㈤ web认证方式上网，怎么设置路由器

路由器是互联网络的枢纽，"交通警察"，目前路由器已经广泛应用于各行各业，各种不同档次的产品已成为实现各种骨干网内部连接、骨干网间互联和骨干网与互联网互联互通业务的主力军，那么你知道360安全路由器p1怎么设置网页认证吗?下面是学习啦小编整理的一些关于360安全路由器p1设置网页认证的相关资料，供你参考。
360安全路由器p1设置网页认证的方法
登陆360安全路由p1后台

进入管理页面，点击扩展功能

进入朋友专享网络

设置wifi名称，选取网页认证功能

上传认证图片，支持jpg，bmp等，大小在128k一下

上传完毕，预览下

打开手机看wifi，是没有密码的，但是接入后，用浏览器打开网址，会直接跳到所设认证图片网页，要求输入密码!

360安全路由器p1评测
这款360P1宣称搭配外置5dBi高增益双天线，使得无线信号360°全向延伸，让信号强度和穿透力覆盖大户型家庭毫无压力。并且内置独立LNA接受放大器，对弱无线信号进行超高灵敏的探测，大幅提升无线路由器的接收性能。下面让我来测试下它是不是有这么神奇。

测试地点：二楼。360P1放置在三楼宽带网线入户位置，tenda/’ target=’_blank’>腾达路由器放置在二楼前方，本人身处二楼中前方位置，经过软件测试对比，在二楼，360P1还是满格信号，信号接收效果甚至比身处二楼前方的腾达w311r还要强点。这时和360P1同处一个位置的斐讯路由器，只有-76dBm了，勉勉强强能够达到上网聊天的状态。经过对比，这次测试360P1胜出。

第二次测试本人来到了一楼中部，楼梯下面，在这里，可以看到斐讯路由器已经只有一格信号了，身处二楼的腾达路由器经过钢筋混土结构的楼梯阻挡，还剩三格，360P1内置独立LNA接受放大器果然神奇，虽然经过阻挡信号开始减弱，不过还是有4格信号。

360P1设有三档无线信号强度调节，方便用户根据实际情况调节信号强度。笔者在一楼下载了一部电影，分别开到孕妇模式和穿墙模式，可以看到有信号强度和下载速度的明显变化效果。

360安全路由器P1搭载360sOS安全路由系统，不仅可以在电脑上完成安装和管理还能够使用手机或者平板电脑对路由器进行设置安装。简单的安装方式，让上了岁数的父母也可以跟随系统引导，轻松通过P1进行上网配置。将网线电源与360安全路由器P1连接好后，在电脑浏览器的地址栏输入guanli.luyou.360.cn或者192.168.0.1就可以进入P1的配置界面。第一次使用，会自动进入欢迎页面并进行自动检测，点击开始使用就可以进入系统引导配置环节。用户输入宽带运营商提供的用户名密码，点击立即开始上网后就可以进行下一步。

上网连接已经成功，下一步系统将自动跳转到设置WiFi名称和密码的阶段，并且WiFi密码和管理密码相同，让用户无需记忆多个密码。

通过手机APP，我们可以方便的对路由器进行管理，第一次进入APP，会提示发现新的360安全路由器。点击开始管理进入下一步。

输入密码确认后，就可以看到360路由器卫士主界面了，上半部提供了360P1实时网络使用情况，下半部是管理功能。

网速管理，可以实时查看已经连接360P1的设备，并能够对它们进行限速、拉黑等操作。路由器管理可以管理WIFI名称和密码、宽带上网、路由器管理密码等设置。

安全起家的360公司自然在路由器上也拥有强大的防护功能，安全防护功能中，共有六种防护功能，为家庭网络安全保驾护航。在用户进行冲浪时可以避免被木马、诈骗等网站欺骗，从而避免资料和财产的损失。

家里来了朋友，一般会询问WIFI密码，我们又不好意思不给，但是又担心wifi万能钥匙等APP会把密码给共享出去。还好360P1拥有访客模式，我们只要打开它，让朋友连接，朋友就会处于一个独立的WIFI环境中，这样就不用担心密码的泄露了。

另外360路由器卫士APP还提供了上网诊断，一旦上网出现故障后，用户可以在本地或者远程点击上网诊断功能，路由器系统将自动检测网络故障的具体原因并协助用户进行修复。用户即使不在家中，父母报告上网故障后，即可一键远程为他们修复网络，完美解决网络故障。多种扩展工具，让360P1变得更加智能。

360P1 WEB管理界面。

总结
360安全路由P1从时尚的外观来看，应该是定位于普通家庭入门级用户这一群体，它摒弃USB接口，不支持安装第三方插件，作为一个酷爱摆弄数码产品的我来说，有点小小失望。不过，当真正入手这款产品进行使用后，配合手机APP使用，它能快速上手、安全、信号好
http://www.2zixun.com/luyouqi/3250.html

㈥ 手机掉了，登录小米账号发现没有开启查找功能怎么办

小米手机丢了一般是不能找回的，不管是否已经开启了定位功能或者找回功能。主要是因为小米手机属于安卓手机，由于安卓系统较为开放，所以手机的系统很容易被刷

㈦ 电影播放器排行榜是什么样的

电影播放器排行榜为：爱奇艺播放器、优酷视频播放器、迅雷看看、影音先锋播放器、腾讯视频播放器、PP视频。

1、爱奇艺播放器

首款会“变形”的视频播放软件，一个软件，两种模式！列表或是图文，黑色或是白色任由选择，内容个性化，你的喜好你来定，根据你的观影喜好为你推荐最适合你的口味的视频内容，汇集全网视频，网罗爱奇艺、优酷、薯仔、腾讯、搜狐、乐视等全部视频，全部正版高清，爱奇艺上的视频均为正版授权，无法律风险。

4、腾讯视频播放器

腾讯视频播放器原名QQ直播，是一款由腾讯开发的用于通过互联网进行大规模视频直播的软件。它采用了先进的P2P流媒体播放技术，可以确保在大量用户同时观看节目的情况下，节目依然流畅清晰；同时具有很强的防火墙穿透能力，为用户在任何网络环境下收看流畅的视频节目提供了有力保障。

㈧ 谷歌浏览器，求解释

1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行

2. margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上 display:inline; 例如： <#div id=”imfloat”> 相应的css为 #IamFloat

3.浮动ie产生的双倍距离 #box 这里细说一下block与inline两个元素：block元素的特点是,总是在新行上开始,高度,宽度,行高,边距都可以控制(块元素);Inline 元素的特点是,和其他元素在同一行上,不可控制(内嵌元素); #box{ display:block; //可以为内嵌元素模拟为块元素 display:inline; //实现同一行排列的效果 diplay:table;

4 IE与宽度和高度的问题 IE 不认得min-这个定义，但实际上它把正常的width和height当作有min的情况来使。这样问题就大了，如果只用宽度和高度，正常的浏览器里这两个值就不会变，如果只用min-width和min-height的话，IE下面根本等于没有设置宽度和高度。 比如要设置背景图片，这个宽度是比较重要的。要解决这个问题，可以这样： #boxhtml>body #box

5.页面的最小宽度 min -width是个非常方便的CSS命令，它可以指定元素最小也不能小于某个宽度，这样就能保证排版一直正确。但IE不认得这个，而它实际上把width当做最小宽度来使。为了让这一命令在IE上也能用，可以把一个<div> 放到 <body> 标签下，然后为div指定一个类, 然后CSS这样设计： #container 第一个min-width是正常的；但第2行的width使用了Javascript，这只有IE才认得，这也会让你的HTML文档不太正规。它实际上通过Javascript的判断来实现最小宽度。

6.DIV浮动IE文本产生3象素的bug 左边对象浮动，右边采用外补丁的左边距来定位，右边对象内的文本会离左边有3px的间距. #box #left #right *html #left <div id="box"> <div id="left"></div> <div id="right"></div> </div>

7.IE捉迷藏的问题 当div应用复杂的时候每个栏中又有一些链接，DIV等这个时候容易发生捉迷藏的问题。 有些内容显示不出来，当鼠标选择这个区域是发现内容确实在页面。 解决办法：对#layout使用line-height属性或者给#layout使用固定高和宽。页面结构尽量简单。

8.float的div闭合;清除浮动;自适应高度;

① 例如：<#div id=”floatA” ><#div id=”floatB” ><#div id=” NOTfloatC” >这里的NOTfloatC并不希望继续平移，而是希望往下排。(其中floatA、floatB的属性已经设置为 float:left;) 这段代码在IE中毫无问题，问题出在FF。原因是NOTfloatC并非float标签，必须将float标签闭合。在 <#div class=”floatB”> <#div class=”NOTfloatC”>之间加上 < #div class=”clear”>这个div一定要注意位置，而且必须与两个具有float属性的div同级，之间不能存在嵌套关系，否则会产生异常。并且将clear这种样式定义为为如下即可： .clear

②作为外部 wrapper 的 div 不要定死高度,为了让高度能自动适应，要在wrapper里面加上overflow:hidden; 当包含float的 box的时候，高度自动适应在IE下无效，这时候应该触发IE的layout私有属性(万恶的IE啊！)用zoom:1;可以做到，这样就达到了兼容。 例如某一个wrapper如下定义： .colwrapper

③对于排版,我们用得最多的css描述可能就是float:left.有的时候我们需要在n栏的float div后面做一个统一的背景,譬如: <div id=”page”> <div id=”left”></div> <div id=”center”></div> <div id=”right”></div> </div> 比如我们要将page的背景设置成蓝色,以达到所有三栏的背景颜色是蓝色的目的,但是我们会发现随着left center right的向下拉长,而 page居然保存高度不变,问题来了,原因在于page不是float属性,而我们的page由于要居中,不能设置成float,所以我们应该这样解决 <div id=”page”> <div id=”bg” style=”float:left;width:100%”> <div id=”left”></div> <div id=”center”></div> <div id=”right”></div> </div> </div> 再嵌入一个float left而宽度是100%的DIV解决之

④万能float 闭合(非常重要!) 关于 clear float 的原理可参见 [How To Clear Floats Without Structural Markup],将以下代码加入Global CSS 中,给需要闭合的div加上 class="clearfix" 即可,屡试不爽. /* Clear Fix */ .clearfix:after .clearfix /* Hide from IE Mac */ .clearfix /* End hide from IE Mac */ /* end of clearfix */ 或者这样设置：.hackbox

11.高度不适应 高度不适应是当内层对象的高度发生变化时外层高度不能自动进行调节，特别是当内层对象使用margin 或paddign 时。 例： #box #box p <div id="box"> <p>p对象中的内容</p> </div> 解决方法：在P对象上下各加2个空的div对象CSS代码：.1或者为DIV加上 border属性。

12 .IE6下为什么图片下有空隙产生解决这个BUG的方法也有很多,可以是改变html的排版,或者设置img 为display:block 或者设置vertical-align 属性为 vertical-align:top | bottom |middle |text-bottom 都可以解决.

13.如何对齐文本与文本输入框 加上 vertical-align:middle; <style type="text/css"> <!-- input --> </style>

14.web标准中定义id与class有什么区别吗 一.web标准中是不容许重复ID的,比如 div id="aa" 不容许重复2次,而class 定义的是类,理论上可以无限重复, 这样需要多次引用的定义便可以使用他. 二.属性的优先级问题 ID 的优先级要高于class,看上面的例子三.方便JS等客户端脚本,如果在页面中要对某个对象进行脚本操作,那么可以给他定义一个ID,否则只能利用遍历页面元素加上指定特定属性来找到它,这是相对浪费时间资源,远远不如一个ID来得简单.

15. LI中内容超过长度后以省略号显示的方法 此方法适用与IE与OP浏览器 <style type="text/css"> <!-- li --> </style>

16.为什么web标准中IE无法设置滚动条颜色了 解决办法是将body换成html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ""> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style type="text/css"> <!-- html --> </style>

17.为什么无法定义1px左右高度的容器 IE6下这个问题是因为默认的行高造成的,解决的方法也有很多,例如:overflow:hidden | zoom:0.08 | line-height:1px

18.怎么样才能让层显示在FLASH之上呢 解决的办法是给FLASH设置透明 <param name="wmode" value="transparent" />

19.怎样使一个层垂直居中于浏览器中这里我们使用百分比绝对定位,与外补丁负值的方法,负值的大小为其自身宽度高度除以二 <style type="text/css"> <!-- div --> </style>
table与div这个句不是很清楚了，应为一般用了table就不用div了，用了div就不用table了

㈨ 从IT培训机构出来的学生真的好找工作吗为啥

IT行业前景是很不错的，就业的薪资也是很不错的，参加培训班如果学的可以的话，找到工作是没有问题的。学习IT，推荐千锋教育！该机构拥有国内一体化教学管理及学员服务，在职业教育发展道路上不断探索前行。

目前，中国软件产业还是处在成长期，IT产业作为一个知识密集以及技术密集的产业，其迅猛发展的关键是有一大批从事IT技术创新的人才。具有一定数量、结构和质量的IT人才队伍是支撑IT产业发展的必要前提。IT产业的竞争实际上就是人才的竞争，高水平的IT人才培养和队伍建设是走向IT产业大国和强国的前提条件。在中国，IT产业在过去5年的时间里，经历了28%的增长速度，比同期的国家GDP增长速度的三倍，对GDP增长的拉动作用已经进一步增强，对我国国民经济增长的贡献率不断提高。IT产业占全国工业比重达到12.3%，占GDP的9.1%，成为第一大产业。所以该行业还是比较有发展前景的。

想要了解更多有关IT培训的相关信息，推荐咨询千锋教育。北京千锋互联科技有限公司（下面简称“千锋教育”），成立于2011年1月，立足于职业教育培训领域，公司现有教育培训、高校服务、企业服务三大业务板块。教育培训业务分为大学生技能培训和职后技能培训；高校服务业务主要提供校企合作全解决方案与定制服务；企业服务业务主要为企业提供专业化综合服务。

㈩ Web前端工程师如何处理Web前端的异常_

今天小编要跟大家分享的文章是关于Web前端工程师如何处理前端的异常。前端一直是距离用户最近的一层，随着产品的日益完善，我们会更加注重用户体验，而前端异常却如鲠在喉，甚是烦人。下面我们就来看一看前端工程师该如何处理前端异常。一、为什么要处理异常异常是不可控的，会影响最终的呈现结果，但是我们有充分的理由去做这样的事情。


1.增强用户体验；
2.远程定位问题；
3.未雨绸缪，及早发现问题；
4.无法复线问题，尤其是移动端，机型，系统都是问题；
5.完善的前端方案，前端监控系统；


对于JS而言，我们面对的仅仅只是异常，异常的出现不会直接导致JS引擎崩溃，最多只会使当前执行的任务终止。二、需要处理哪些异常？对于前端来说，我们可做的异常捕获还真不少。总结一下，大概如下：


·___S语法错误、代码异常


·___JAX请求异常


·___蔡试醇釉匾斐


·___romise异常


·___frame异常


·___缬_cripterror


·___览：涂ǘ


下面我会针对每种具体情况来说明如何处理这些异常。三、Try-Catch的误区try-catch只能捕获到同步的运行时错误，对语法和异步错误却无能为力，捕获不到。
1.同步运行时错误：


try{
letname='jartto'
console.log(nam);
}catch(e){
console.log('捕获到异常：',e);
}


输出：


捕获到异常：ReferenceError:namisnotdefined
at:3:15


2.不能捕获到语法错误，我们修改一下代码，删掉一个单引号：


try{
letname='jartto;
console.log(nam);
}catch(e){

console.log('捕获到异常：',e);
}


输出：


UncaughtSyntaxError:Invalidorunexpectedtoken


不过语法错误在我们开发阶段就可以看到，应该不会顺利上到线上环境。


3.异步错误


try{
setTimeout(()=>{
undefined.map(v=>v);
},1000)
}catch(e){
console.log('捕获到异常：',e);
}


我们看看日志：


UncaughtTypeError:Cannotreadproperty'map'of
undefined
atsetTimeout(:3:11)


并没有捕获到异常，这是需要我们特别注意的地方。四、window.onerror不是万能的当JS运行时错误发生时，window会触发一个ErrorEvent接口的error事件，并执行window.onerror()。/**
*@param{String}message错误信息
*@param{String}source出错文件
*@param{Number}lineno行号
*@param{Number}colno列号
*@param{Object}errorError对象（对象）
*/

window.onerror=function(message,source,lineno,colno,error){
console.log('捕获到异常：',{message,source,lineno,colno,error});
}

1.首先试试同步运行时错误


window.onerror=function(message,source,lineno,colno,
error){
//message：错误信息（字符串）。
//source：发生错误的脚本URL（字符串）
//lineno：发生错误的行号（数字）
//colno：发生错误的列号（数字）
//error：Error对象（对象）
console.log('捕获到异常：',{message,source,lineno,colno,
error});
}
Jartto;


可以看到，我们捕获到了异常：

2.再试试语法错误呢？


window.onerror=function(message,source,lineno,colno,
error){
console.log('捕获到异常：',{message,source,lineno,colno,error});
}
letname='Jartto


控制台打印出了这样的异常：


UncaughtSyntaxError:Invalidorunexpectedtoken


什么，竟然没有捕获到语法错误？


3.怀着忐忑的心，我们最后来试试异步运行时错误：


window.onerror=function(message,source,lineno,colno,
error){
console.log('捕获到异常：',{message,source,lineno,colno,error});
}
setTimeout(()=>{
Jartto;
});


控制台输出了：


捕获到异常：{message:"Uncaught
ReferenceError:Jarttoisnotdefined",source:
"http://127.0.0.1:8001/",lineno:36,colno:5,error:
ReferenceError:Jarttoisnotdefined
atsetTimeout(http://127.0.0.1:8001/:36:5)}


4.接着，我们试试网络请求异常的情况：






我们发现，不论是静态资源异常，或者接口异常，错误都无法捕获到。


补充一点：window.onerror函数只有在返回true的时候，异常才不会向上抛出，否则即使是知道异常的发生控制台还是会显示UncaughtError:xxxxx


window.onerror=function(message,source,lineno,colno,
error){
console.log('捕获到异常：',{message,source,lineno,colno,error});
returntrue;
}
setTimeout(()=>{
Jartto;
});


控制台就不会再有这样的错误了：


UncaughtReferenceError:Jarttoisnotdefined
atsetTimeout((index):36)


需要注意：onerror最好写在所有JS脚本的前面，否则有可能捕获不到错误；onerror无法捕获语法错误；


到这里基本就清晰了：在实际的使用过程中，onerror主要是来捕获预料之外的错误，而try-catch则是用来在可预见情况下监控特定的错误，两者结合使用更加高效。


问题又来了，捕获不到静态资源加载异常怎么办？五、window.addEventListener当一项资源（如图片或脚本）加载失败，加载资源的元素会触发一个Event接口的error事件，并执行该元素上的onerror()处理函数。这些error事件不会向上冒泡到window，不过（至少在Firefox中）能被单一的window.addEventListener捕获。



window.addEventListener('error',(error)=>{
console.log('捕获到异常：',error);
},true)




控制台输出：


SHAPE*MERGEFORMAT


由于网络请求异常不会事件冒泡，因此必须在捕获阶段将其捕捉到才行，但是这种方式虽然可以捕捉到网络请求的异常，但是无法判断HTTP的状态是404还是其他比如500等等，所以还需要配合服务端日志才进行排查分析才可以。


需要注意：


·___煌榔飨路祷氐_rror对象可能不同，需要注意兼容处理。


·___枰⒁獗苊_ddEventListener重复监听。六、PromiseCatch在promise中使用catch可以非常方便的捕获到异步error，这个很简单。


没有写catch的Promise中抛出的错误无法被onerror或try-catch捕获到，所以我们务必要在Promise中不要忘记写catch处理抛出的异常。


解决方案：为了防止有漏掉的Promise异常，建议在全局增加一个对unhandledrejection的监听，用来全局监听UncaughtPromiseError。使用方式：


window.addEventListener("unhandledrejection",
function(e){
console.log(e);
});


我们继续来尝试一下：


window.addEventListener("unhandledrejection",
function(e){
e.preventDefault()
console.log('捕获到异常：',e);
returntrue;
});
Promise.reject('promiseerror');


可以看到如下输出：

那如果对Promise不进行catch呢？


window.addEventListener("unhandledrejection",
function(e){
e.preventDefault()
console.log('捕获到异常：',e);
returntrue;
});
ewPromise((resolve,reject)=>{
reject('jartto:promiseerror');
});


嗯，事实证明，也是会被正常捕获到的。


所以，正如我们上面所说，为了防止有漏掉的Promise异常，建议在全局增加一个对unhandledrejection的监听，用来全局监听UncaughtPromiseError。


补充一点：如果去掉控制台的异常显示，需要加上：


event.preventDefault();七、VUEerrorHandlerVue.config.errorHandler=(err,vm,info)=>{
console.error('通过vue
errorHandler捕获的错误');
console.error(err);
console.error(vm);
console.error(info);
}八、React异常捕获React16提供了一个内置函数componentDidCatch，使用它可以非常简单的获取到react下的错误信息


componentDidCatch(error,info){
console.log(error,info);
}


除此之外，我们可以了解一下：errorboundaryUI的某部分引起的JS错误不应该破坏整个程序，为了帮React的使用者解决这个问题，React16介绍了一种关于错误边界（errorboundary)的新观念。


需要注意的是：errorboundaries并不会捕捉下面这些错误。


1.事件处理器2.异步代码3.服务端的渲染代码4.在errorboundaries区域内的错误


我们来举一个小例子，在下面这个componentDIdCatch(error,info)里的类会变成一个errorboundary：


.Component{
constructor(props){
super(props);
this.state={hasError:false};
}
componentDidCatch(error,info){
//DisplayfallbackUI
this.setState({hasError:true});
//
logErrorToMyService(error,info);
}
render(){
if(this.state.hasError){
//
return

Somethingwentwrong.

;
}
returnthis.props.children;
}
}


然后我们像使用普通组件那样使用它：







componentDidCatch()方法像JS的catch{}模块一样工作，但是对于组件，只有class类型的组件(classcomponent)可以成为一个errorboundaries。


实际上，大多数情况下我们可以在整个程序中定义一个errorboundary组件，之后就可以一直使用它了！九、iframe异常对于iframe的异常捕获，我们还得借力window.onerror：


window.onerror=function(message,source,lineno,colno,
error){
console.log('捕获到异常：',{message,source,lineno,colno,error});
}


一个简单的例子可能如下：


frameborder="0">
十、Scripterror一般情况，如果出现Scripterror这样的错误，基本上可以确定是出现了跨域问题。这时候，是不会有其他太多辅助信息的，但是解决思路无非如下：


跨源资源共享机制(CORS)：我们为script标签添加crossOrigin属性。


crossorigin>


或者动态去添加js脚本：


constscript=document.createElement('script');
script.crossOrigin='anonymous'
script.src=url;
document.body.appendChild(script);


特别注意，服务器端需要设置：Access-Control-Allow-Origin


此外，我们也可以试试这个-解决ScriptError的另类思路：


constoriginAddEventListener=EventTarget.prototype.addEventListener;
EventTarget.prototype.addEventListener=function(type,listener,options){
constwrappedListener=function(...args){
try{
returnlistener.apply(this,args);
}
catch(err){
throwerr;
}
}
returnoriginAddEventListener.call(this,type,wrappedListener,options);
}


简单解释一下：


·___男戳_ventTarget的addEventListener方法；


·___源氲_istener进行包装，返回包装过的listener，对其执行进行try-catch；


·___榔鞑换岫_ry-catch起来的异常进行跨域拦截，所以catch到的时候，是有堆栈信息的；


·___匦_hrow出来异常的时候，执行的是同域代码，所以window.onerror捕获的时候不会丢失堆栈信息；


利用包装addEventListener，我们还可以达到“扩展堆栈”的效果：


(()=>{
constoriginAddEventListener=EventTarget.prototype.addEventListener;
EventTarget.prototype.addEventListener=function(type,listener,options){
+//捕获添加事件时的堆栈
+constaddStack=newError(`Event(${type})`).stack;
constwrappedListener=function(...args){
try{
returnlistener.apply(this,args);
}
catch(err){
+//异常发生时，扩展堆栈
+err.stack+=' '+addStack;
throwerr;
}
}
returnoriginAddEventListener.call(this,type,wrappedListener,options);
}
})();十一、崩溃和卡顿卡顿也就是网页暂时响应比较慢，JS可能无法及时执行。但崩溃就不一样了，网页都崩溃了，JS都不运行了，还有什么办法可以监控网页的崩溃，并将网页崩溃上报呢？


崩溃和卡顿也是不可忽视的，也许会导致你的用户流失。


1.利用window对象的load和beforeunload事件实现了网页崩溃的监控。不错的文章，推荐阅读：Logging
InformationonBrowserCrashes。window.addEventListener('load',function(){
sessionSt