㈠ 前端面试题系列之-CSS及页面布局篇
CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。可以用简单的方式满足很多常见的复杂的布局需求。它的优势在于开发人员只是声明布局应该具有的行为，而不需要给出具体的实现方式。浏览器会负责完成实际的布局。该布局模型在主流浏览器中都得到了支持。
采用flex布局的元素，成为flex容器。它的所有子元素自动成为容器成员，称为flex项目。常用的，设置到容器上的属性有：
设置到项目上的属性：
(Block Formatting Context)块级格式化上下文。BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素，反之也如此.并且在一个BFC中，块盒与行盒（行盒由一行中所有的内联元素所组成）都会垂直的沿着其父元素的边框排列。
上述方法都可以创建BFC，但是会带来一些负面影响：
::before是css3的写法，:before是css2的写法，用来设置对象前的内容
:before的兼容性要比::before好
更准确的说法
1、transition 是过渡，是样式值的变化的过程，只有开始和结束；animation 其实也叫关键帧，通过和 keyframe 结合可以设置中间帧的一个状态；
2、animation 配合 @keyframe 可以不触发时间就触发这个过程，而 transition 需要通过 hover 或者 js 事件来配合触发；
3、animation 可以设置很多的属性，比如循环次数，动画结束的状态等等，transition 只能触发一次；
4、animation 可以结合 keyframe 设置每一帧，但是 transition 只有两帧；
常规方法
不需要使用transform属性时
webkit内核
参考链接：
CSS实现不换行/自动换行/文本超出隐藏显示省略号
object-fit CSS 属性指定可替换元素的内容应该如何适应到其使用的高度和宽度确定的框。这个CSS属性可以达到最佳最完美的居中自动剪裁图片的功能
@import规则一定要先于除了@charset的其他任何CSS规则。
不推荐使用@import:
因为浏览器的兼容的问题，不同浏览器有些标签的默认值是不同的，如果没有CSS初始化往往会出现浏览器之间的页面显示差异。
伪元素和伪类的区别总结
css继承指的是被包在内部的标签将拥有外部标签的样式性，即子元素可以继承父元素的属性。
相关链接：
CSS 继承，哪些属性能继承，哪些不能
z-index可以改变元素层叠顺序，z-index较大的会叠加在z-index较小的元素上方。z-index值相同时，则按照文档流顺序，后面的覆盖前边的。
px就是pixel的缩写，意为像素。px就是一张图片最小的一个点，一张位图就是千千万万的这样的点构成的，比如常常听到的电脑像素是1024x768的，表示的是水平方向是1024个像素点，垂直方向是768个像素点。注意css中的1px并不一定是物理像素的一个像素块，需要根据DPR计算，对应多少物理像素块
设备像素比：dpr = 物理像素 / 逻辑像素(px)，例如，iPhone6的dpr为2，物理像素750（x轴）,则它的逻辑像素为375
参考物是父元素的font-size，具有继承的特点。如果自身定义了font-size按自身来计算（浏览器默认字体是16px），整个页面内1em不是一个固定的值。
css3新单位，相对于根元素html（网页）的font-size，不会像em那样，依赖于父元素的字体大小，而造成混乱。
css3新单位，viewpoint width的缩写，视窗宽度，1vw等于视窗宽度的1%。举个例子：浏览器宽度1200px, 1 vw = 1200px/100 = 12 px。
1英寸（inch）=2.54厘米（cm）
手机对角线的长度换算成英寸
屏幕横向和纵向的像素点
1px即代表一个物理像素点/像素块
PPI，是每英寸可以显示的像素点的英文缩写。如果说上面分辨率是一个质量总量的概念，那么，ppi就是密度的概念。我们可以通过屏幕的像素总量除以屏幕大小来计算屏幕的PPI，公式如下： a：横向像素数量，b：纵向像素数量，c：屏幕尺寸（英寸）
1px与多少厘米之间是不能直接划等号的，需要看分辨率。
一般电脑的像素分辨率是72ppi，计算公式： (((1**2 + 1**2)**0.5)/72)*2.54 ，此时1px=0.0498cm，1cm=25px；
很多手机是300ppi，计算公式： (((1**2 + 1**2)**0.5)/300)*2.54 ，此时1px=0.0119cm。
参考链接：
画一条0.5px的线
在继承性上：
一开始针对低版本的浏览器构建页面，满足最基本的功能，再针对高级浏 览器进行效果，交互，追加各种功能以达到更好用户体验,换句话说，就是以最低要求，实现最基础功能为基本，向上兼容。以css为例，以下这种写法就是渐进增强。
一开始针对一个高版本的浏览器构建页面，先完善所有的功能。然后针对各个不同的浏览器进行测试，修复，保证低级浏览器也有基本功能 就好，低级浏览器被认为“简陋却无妨 (poor, but passable)” 可以做一些小的调整来适应某个特定的浏览器。但由于它们并非我们所关注的焦点，因此除了修复较 大的错误之外，其它的差异将被直接忽略。也就是以高要求，高版本为基准，向下兼容。同样以css为例，优雅降级的写法如下。
渐进增强，开发时间长，成本高，优雅降级，节约成本，开发周期短。
㈡ 求web前端开发项目实战案例
题主，是想做前端开发项目练手吗？看这里！这些项目有兴趣吗？
希望有你想要的。
㈢ 前端后端框架有哪些
java前端后端都有哪些框架? 10分
java的前端和后端框架现在比较多，就目前热门的来说：
前端：jsp ajax jquary js sliverlight，很多都是基于js开发的框架，前端是比较好玩的一个东西
后端：基础spring hibernate mybatis ibatis servlet struts，然后你可以进行不同的组合
比如s *** ssi ssh ，按照分层结构就是简单的mvc结构，可以使用modelandview这样的对象返回页面，现在比较常用这个，
关于后端程序员写前端用什么框架更好
推荐两个颜值很高的前端框架：Admin LTE：基于Bootstrap的一租磨咐套后台系统，有很多现成模板可使用，又好看又好用，必须推荐！官网：Free Bootstrap Admin Template预览：AdminLTE 2 | DashboardGitHub：almasaeed2010/AdminLTE · GitHub
前端开发框架有哪些
首先我想说明一下，我们通常说的js不是框架，是语言，即javascript，据最新世界编程语言排行榜来看，已经上升到了第7位，发展迅猛，其标准是ECMAScript，现在基本上是基于ECMAScript5。jQuery是用js写的框架，其在DOM操作上有很明显的优势，也是时下很常用的一个js框架。
至于之外还要学习那些框架呢？
如果你说的是js框架，建议先掌握好jQuery，然后还有很多的，比如楼上提到的extjs，近几年比较流行的AngularJS，基于移动端考虑的轻量级仿jquery框架zepto，还有jquery mobile，还有适合写后端或服务端的node，等等。如果是web前端框架，就不仅仅是涉及的js了，还有html和css。个人觉得只有这三种语言都涉及到的框架才能说得上是web前端框架。现在比较火的是Bootstrap，还有Foundation，比较古老的有jqueryUI，easyUI等等，还有其他很多很多。如果还有算上处理方案及版本升级代码迭代等，就游桐要用到网络团队研发的fis这种了。其实内容真的很多很多，前端任重而道远啊~
关于后端程序员写前端用什么框架更好
各大前端框架可以按照“封装度”的标准来区分。 设计刚出的一套网页皮肤，封装度为0。层层封装到可以直接用后台语言写页面，封装度为10。那么我是这样来区分前端框架的。
1级——纯html+css 放5年前，基本就是用Dreamweaver刚排出来的页面或者网页查看源代码扒下来的皮肤。不涉及到js，就是纯页面弊纯皮肤。
2级—— bootstrap系列 bootstrap的出现是一个里程碑事件。发源于twitter，引入了不少html5/css3的特性。由于它对响应式的支持以及良好的体验，给人一种耳目一新的感觉。其源码，不管是css还是js都值得学习一下，看后经常会有“原来还可以这样做”这种恍然大悟的感觉。不过归根结底是一套ui皮肤+少量js组成的框架，属于封装度偏低的框架。
3~4级—— metronic/adminLTE系列 基于bootstrap或者其他1级框架，然后集成了各种jQuery插件、富文本编辑器等js库，组成的一个大杂烩工具包和案例库。皮肤基本是基于bootstrap自定义的一套主题。案例比较详尽，开发的时候找到需要的组件把前端代码复制粘贴，再稍微调试一下就能达到良好的视觉效果。根据集成的第三方库的多少，基本可以划分到3~4级封装度这样的范围。这个级别的框架的代码更多的是属于粘合剂，将各种不同的第三方库的前端代码粘合起来。
5级—— jQuery-ui 这里要单独把jQuery-ui拿出来讲，并不是因为它的封装度有多高，而是我认为它是一个分界点。jQuery以下级别的框架，代码以css为主，自身的js代码少，框架量级更轻，更灵活，更适合互联网web产品。jQuery以上级别的框架，属于前端的重度封装，通过框架暴露的接口进行开发，开发人员甚至不需要太多前端知识，只需要详细查看框架的开发文档即可。jQuery以上级别的框架更适合传统管理软件的开发。
6~7级—— easy-ui/DWZ easy-ui基于jQuery-ui，不过具有更丰富的组件库。貌似商业版收费很高。听说某大型国企花了大价钱购买下来使用。DWZ是国产框架中我认为综合表现还不错的，完全免费，有问题可以在他们的QQ群里提。其余的之前还用过金蝶的operamasks-ui，不过现在好像已经不更新了。这一类级别的框架还有一个另外的称呼——“富客户端框架”，意思就是重度js框架。使用起来开发效率很高，当年也是一度百花齐放，框架辈出。
8级—— extjs系列 extjs属于前端框架领域中的庞然大物，封装程度很高，具有自成体系的元素选择引擎和浏览器兼容方案，js写法上也有自己的方式。组件很多很全。只看extjs的官方文档和示例几乎不必学习任何其他的前端知识就可以做出“很漂亮”的前端页面。当然页面很容易“撞衫”。使用时间长了，会对其产生严重依赖，离开extjs，几乎不会写前端页面了。
9级——vaadin/GWT 最后一级，也是封装度最高的一级，也就是所谓的使用后台语言写前端。如果说之前的八级至少前端和后端还是相对分离的，后台程序在java中写，前台程序在html或者js中写；那么这一级别的框架简直会颠覆你的认知！只需在后台使用java写好了类和对象，并设置好相关的属性，网页的元素是自动通过后台对象生成的。这当然有好处，妈妈再也不用担心我不会写js和css了。然而就学一下html/css/js真的那么难吗？个人认为，尽管GWT有google的这么强悍的背书，但是这种9级封装的本质上把前后台耦合得更紧密。一个人做一个项目还可以考虑，但是......>>
Web 前端 和 后端 分别是什么语言/框架构建的
hu/question/21322713
转
关于后端程序员写前端用什么框架更好
各大前端框架可以按照逗封装度地的标准来区分。 设计刚出的一套网页皮肤，封装度为0。层层封装到可以直接用后台语言写页面，封装度为10。那么我是这样来区分前端框架的。
1级——纯html+css 放5年前，基本就是用Dreamweaver刚排出来的页面或者网页查看源代码扒下来的皮肤。不涉及到js，就是纯页面皮肤。
2级—— bootstrap系列 bootstrap的出现是一个里程碑事件。发源于twitter，引入了不少html5/css3的特性。由于它对响应式的支持以及良好的体验，给人一种耳目一新的感觉。其源码，不管是css还是js都值得学习一下，看后经常会有逗原来还可以这样做地这种恍然大悟的感觉。不过归根结底是一套ui皮肤+少量js组成的框架，属于封装度偏低的框架。
3~4级—— metronic/adminLTE系列 基于bootstrap或者其他1级框架，然后集成了各种jQuery插件、富文本编辑器等js库，组成的一个大杂烩工具包和案例库。皮肤基本是基于bootstrap自定义的一套主题。案例比较详尽，开发的时候找到需要的组件把前端代码复制粘贴，再稍微调试一下就能达到良好的视觉效果。根据集成的第三方库的多少，基本可以划分到3~4级封装度这样的范围。这个级别的框架的代码更多的是属于粘合剂，将各种不同的第三方库的前端代码粘合起来。
5级—— jQuery-ui 这里要单独把jQuery-ui拿出来讲，并不是因为它的封装度有多高，而是我认为它是一个分界点。jQuery以下级别的框架，代码以css为主，自身的js代码少，框架量级更轻，更灵活，更适合互联网web产品。jQuery以上级别的框架，属于前端的重度封装，通过框架暴露的接口进行开发，开发人员甚至不需要太多前端知识，只需要详细查看框架的开发文档即可。jQuery以上级别的框架更适合传统管理软件的开发。
6~7级—— easy-ui/DWZ easy-ui基于jQuery-ui，不过具有更丰富的组件库。貌似商业版收费很高。听说某大型国企花了大价钱购买下来使用。DWZ是国产框架中我认为综合表现还不错的，完全，有问题可以在他们的群里提。其余的之前还用过金蝶的operamasks-ui，不过现在好像已经不更新了。这一类级别的框架还有一个另外的称呼——逗富客户端框架地，意思就是重度js框架。使用起来开发效率很高，当年也是一度百花齐放，框架辈出。
8级—— extjs系列 extjs属于前端框架领域中的庞然大物，封装程度很高，具有自成体系的元素选择引擎和浏览器兼容方案，js写法上也有自己的方式。组件很多很全。只看extjs的官方文档和示例几乎不必学习任何其他的前端知识就可以做出逗很漂亮地的前端页面。当然页面很容易逗撞衫地。使用时间长了，会对其产生严重依赖，离开extjs，几乎不会写前端页面了。
9级——vaadin/GWT 最后一级，也是封装度最高的一级，也就是所谓的使用后台语言写前端。如果说之前的八级至少前端和后端还是相对分离的，后台程序在java中写，前台程序在html或者js中写；那么这一级别的框架简直会颠覆你的认知！只需在后台使用java写好了类和对象，并设置好相关的属性，网页的元素是自动通过后台对象生成的。这当然有好处，妈妈再也不用担心我不会写js和css了。然而就学一下html/css/js真的那么难吗看个人认为，尽管GWT有google的这么强悍的背书，但是这种9级封装的本质上把前后台耦合得更紧密。一个人做一个项目还可以考虑，但是一个团队前......>>
java编程前端和后端分别包括哪些技术？
前台。jsp html JavaScript jQuery 各种jQuery的前台框架。
后台。java struts2 spring hibernate abitas jdbc ejb webservice 各种后台框架
高级点的 有云计算，大数据
关于后端程序员写前端用什么框架更好
时间过去好久了，问题想必你已经想清楚了。 我再简单说说。 如果你自己能包揽前后台，理解这个肯定没问题。 网站能运行，说白了是这么几步。 客户端请求--》服务端响应HTML.--》用户在网页上进行操作(即请求） --》服务器响应操作（新页面或ajax。
关于后端程序员写前端用什么框架更好
程序员用框架不能算是“写前端”，只是现成框架套用而已。
后台管理系统，前端框架用什么最好
前端js框架太多了，这些是常用的。 1、jQuery（jQuery UI、jQuery EasyUI、LingerUI等等） 2、ExtJS（ExtJS、Ext.NET、FineUI） 3、Bootstrap
㈣ 学了半年前端，基本的html+css+js都会了，有没有什么好的项目可以当案例做的。
随着互联网的发展，前端的概念也在悄然发生的改变。早些年学完HTML+CSS就可以找到一份很好的工作，后来企业又要求必须会写特效，所以很多人又开始学jQuery，可是现在又要求必须要会js原生。原来必须要使用JS才能实现的一部分特效，现在HTML5新增的标签已经可以帮我们实现了，原来要写一堆jquery做出的动画，现在用CSS3也能实现了。
学了这么多，够吗？显然不行！！！原来前端普通的DOM操作数据，也逐渐的被像vue.js这样的MVVM框架所取代，原来要依靠PHP、.NET、JAVA等语言开发后台才能实现数据的前后台交互，现在node.js也出来了，它直接让JS可以在服务器端运行了，借助它的模块化可以完成所有的功能。从某种意义上来讲，搞web开发，后台语言甚至变成了配角，直接写个接口，剩下的什么都不用你管，我前端全包了。
所以楼主，学完HTML+CSS+JS能算是万里长征刚走完了第一步，你要完成PC端的案例简直是太多了，网站随例一搜就是一大堆，京东、淘宝你直接模仿制就可以了。下一步要把node.js、vue.js好好学一下，特别是移动端开发、微信小程序，因为你面试的时候基本上没有人会让你做个PC页面，问的都前端特别流程的技术和框架。
希望我的回答能帮到你。
㈤ wed前端案例开发分析论文
一、周密思考，慎重落笔
论文提纲论文是一项“系统工程”，在正式动笔之前，要对文章进行通盘思考，检查一下各项准备工作是否已完全就绪。首先，要明确主题。主题是文章的统帅，动笔之前必须想得到十分清楚。清人刘熙载说：“凡作一篇文，其用意俱可以一言蔽之。扩之则为千万言，约之则为一言，所谓主脑者是也。”(《艺概》)作者要想一想，自己文章的主题能否用一句话来概括。主题不明，是绝对不能动手写文的。其次，是理清思路。思路是人订]思想前进的脉络、轨道，是结构的内在依据。动笔之前，对怎样提出问题，怎样分析问题，怎样解决问题，以及使用哪些材料等，都要想清楚。第三，立定格局。所谓“格局”，就是全文的间架、大纲、轮廓。在动笔之前先把它想好“立定”，如全文分几部分，各有哪些层次，先说什么，后说什么，哪里该详，哪里该略，从头至尾都应有个大致的设想。第四，把需要的材料准备好，将各种事实、数据、引文等找来放在手头，以免到用时再去寻找，打断思路。第五，安排好写作时间、地点。写作要有相对集中的时间，比较安静的环境，才能集中精力专心致志地完成毕业论文写作任务。
古人说：“袖手于前，方能疾书于后。”鲁迅也曾说，静观默察，烂熟于心;凝神结想，一挥而就。做好了充分的准备，写起来就会很快。有的人不重视写作前的准备，对所写的对象只有一点粗浅的认识就急于动笔，在写作过程中“边施工边设计”，弄得次序颠倒，手忙脚乱，或做或掇，时断时续，结果反而进展缓慢。所以，在起草之前要周密思考，慎重落笔。
二、一气呵成，不重“小节”
在动笔之前要做好充分的准备，一旦下笔之后，则要坚持不懈地一口气写下去，务必在最短时间内拿出初稿。这是许多文章家的写作诀窍。有的人写文章喜欢咬文嚼字，边写边琢磨词句，遇到想不起的字也要停下来查半天字典。这样写法，很容易把思路打断。其实，初稿不妨粗一些，材料或文字方面存在某些缺陷，只要无关大局。暂时不必去改动它，等到全部初稿写成后，再来加工不迟。鲁迅就是这样做的，他在《致叶紫》的信中说：
先前那样十步九回头的作文法，是很不对的，这就是在不断的不相信自己——结果一定做不成。以后应该立定格局之后，一直写下去，不管修辞，也不要回头看。等到成后，搁它几天，然后再来复看，删去若干，改换几字。在创作的途中，一面炼字，真要把感兴打断的。我翻译时，倘想不到适当的字，就把这些字空起来，仍旧译下去，这字待稍暇时再想。
否则，能因为一个字，停到大半天。这是鲁迅的经验之谈，对我们写毕业论文也极有启发。
三、行于所当行，止于所当止
北宋大文学家苏拭在谈到他的散文写作时说：“吾文如万斜泉涌，不择地而出。在乎地，滔滔汩汩，虽一日干里无难;及其与山石曲折，随地赋形而不可知也。所可知者，常行于所当行，常止于不可不止，如是而已矣。”(《文说》)苏拭是唐宋八大散文家之一，作文如行云流水，有神出鬼没之妙，旁人不可企及。但他总结的“行于所当行，止于所不可不止”，则带有一定的普遍性。
“行于所当行”，要求作者在写作时，该说的一定要说清楚，不惜笔墨。如一篇文章的有关背景，一段事情的来龙去脉，一种事物的性质特征等，如果是读者所不熟悉的，就应该在文章中讲清楚，交代明白，不能任意苟简，而使文意受到损害，以致出现不周密、不翔实的缺陷。
“止于所不能不止”，就是说，不该写的，一字也不可多写，要“惜墨如金”。如果情之所至，任意挥洒，不加节制，也不肯割爱，势必造成枝蔓横生，冗长拖杏，甚至出现“下笔千言，离题万里”的毛病。
㈥ 从供应链最前端开始案例中介绍的供应链，包括了理论供应链的哪些部分
供应链核心基础与流程架构
供应链管理中的采购流程与战略
供应链视角下的生产与库存
供应链核心基础与流程架构
供应链管理(Supply Chain Management ,简称SCM)：就是指在满足一定的客户服务水平的条件下，为了使整个供应链系统成本达到最小而把供应商、制造商、仓库、配送中心和渠道商等有效地组织在一起来进行的产品制造、转运、分销及销售的管理方法。供应链管理包括计划、采购、制造、配送、退货五大基本内容。 计划：这是SCM的策略性部分。你需要有一个策略来管理所有的资源，以满足客户对你的产品的需求。好的计划是建立一系列的方法监控供应链，使它能够有效、低成本地为顾客递送高质量和高价值的产品或服务。
采购：选择能为你的产品和服务提供货品和服务的供应商，和供应商建立一套定价、配送和付款流程并创造方法监控和改善管理，并把对供应商提供的货品和服务的管理流程结合起来，包括提货、核实货单、转送货物到你的制造部门并批准对供应商的付款等。
制造：安排生产、测试、打包和准备送货所需的活动，是供应链中测量内容最多的部分，包括质量水平、产品产量和工人的生产效率等的测量。
配送：很多“圈内人”称之为“物流”，是调整用户的定单收据、建立仓库网络、派递送人员提货并送货到顾客手中、建立货品计价系统、接收付款。
退货：这是供应链中的问题处理部分。建立网络接收客户退回的次品和多余产品，并在客户应用产品出问题时提供支持。
现代商业环境给企业带来了巨大的压力，不仅仅是销售产品，还要为客户和消费者提供满意的服务，从而提高客户的满意度，让其产生幸福感。科特勒表示：“顾客就是上帝，没有他们，企业就不能生存。一切计划都必须围绕挽留顾客、满足顾客进行。”要在国内和国际市场上赢得客户，必然要求供应链企业能快速、敏捷、灵活和协作地响应客户的需求。面对多变的供应链环境，构建幸福供应链成为现代企业的发展趋势。
供应链管理方法供应链管理理论的产生远远落后于具体的技术与方法。供应链管理最早多是以一些具体的方法出现的。
常见的供应链管理方法：
快速反应（QR） 快速反应Quick response（QR）是指物流企业面对多品种、小批量的买方市场，不是储备了“产品”，而是准备了各种“要素”，在用户提出要求时，能以最快速度抽取“要素”，及时“组装”，提供所需服务或产品。QR是美国纺织服装业发展起来的一种供应链管理方法。
有效客户反应(ECR) 有效客户反应（efficient consumer response,ECR）是有效客户反应简称。它是1992年从美国的食品杂货业发展起来的一种供应链管理策略。也是一个由生产厂家、批发商和零售商等供应链成员组成的，各方相互协调和合作，更好、更快并以更低的成本满足消费者需要为目的的供应链管理解决方案。有效客户反应是以满足顾客要求和最大限度降低物流过程费用为原则，能及时做出准确反应，使提供的物品供应或服务流程最佳化的一种供应链管理战略。
ECR与QR的比较 25种最流行的管理工具 客户关系管理 全面质量管理 顾客细分 外包 核心能力 供应链管理 战略规划 业务流程再造 知识管理 使命书和企业愿景书 平衡记分卡 作业基础管理 忠诚度管理 六西格玛 战略联盟 基准管理 变革管理计划 增长战略 经济附加值增值分析 价格优化模型 开放市场创新 规模定制 情景设定和突发计划 海外经营 射频识别 (一)QR与ECR的差异
ECR主要以食品行业为对象，其主要目标是降低供应链各环节的成本，提高效率。
QR主要集中在一般商品和纺织行业，其主要目标是对客户的需求作出快速反应，并快速补货。
这是因为食品杂货业与纺织服装行业经营的产品的特点不同：杂货业经营的产品多数是一些功能型产品，每一种产品的寿命相对较长（生鲜食品除外），因此，订购数量过多（或过少）的损失相对较小。
纺织服装业经营的产品多属创新型产品，每一种产品的寿命相对较短，因此，订购数量过多（或过少）造成的损失相对较大。
（l）侧重点不同。
QR侧重于缩短交货提前期，快速响应客户需求；ECR 侧重于减少和消除供应链的浪费，提高供应链运行的有效性。
（2）管理方法的差别。
QR主要借助信息技术实现快速补发，通过联合产品开发缩短产品上市时间；ECR除新产品快速有效引入外，还实行有效商品管理、有效促滚动
（3）适用的行业不同
QR适用于单位价值高，季节性强，可替代性差，购买频率低的行业；ECR适用于产品单位价值低，库存周转率高，毛利少，可替代性强，购买频率高的行业。
（4）改革的重点不同
QR改革的重点是补货和订货的速度，目的是最大程度地消除缺货，并且只在商品需求时才去采购。ECR改革的重点是效率和成本
(二) 共同特征
表现为超越企业之间的界限，通过合作追求物流效率化。具体表现在如下三个方面：
1. 贸易伙伴间商业信息的共享
2. 商品供应方进一步涉足零售业，提供高质量的物流服务
3. 企业间订货、发货业务全部通过EDI来进行，实现订货数据或出货数据的传送无纸化
为什么要实施供应链管理
供应链管理与传统的物流管理在存货管理的方式、货物流、成本、信息流、风险、计划及组织间关系等方面存在显着的区别，这些区别使得供应链管理比传统的物流管理更具优势。
从存货管理及货物流的角度来看，在供应链管理中，存货管理是在供应链成员中进行协调，以使存货投资与成本最小；而传统的物流管理则是把存货向前推或向后延，具体情况是根据供应链成员谁最有主动权而定。事实上，传统的物流管理把存货推向供应商并降低渠道中的存货投资，仅仅是转移了存货。解决这个问题的方法是通过提供有关生产计划的信息，比如共享有关预期需求、订单、生产计划等信息，减少不确定性，并使安全存货降低。
从成本方面来看，供应链管理是通过注重产品最终成本来优化供应链的。这里提到的最终成本是指实际发生的到达客户时的总成本，包括采购时的价格及送货成本、存货成本等。而传统的物流管理在成本的控制方面依然仅限于公司内部达到最小。
风险与计划是供应链管理区别于传统物流管理的另外两个重要的方面。在供应链管理中，风险与计划都是通过供应链成员共同分担、共同沟通来实现的，而传统的物流管理却仅仅停留在公司内部。在组织间关系方面，供应链管理中各成员是基于对最终成本的控制而达成合作，而传统的物流管理则是基于公司内降低成本。
实施供应链管理是因为供应链管理比传统的物流管理更具活力，更能对供应链成员带来实质性好处。不过，要成功地实施供应链管理，各供应链成员之间必须要有很好的信息共享；而要做到开诚布公的信息分享，对于追求不同目标的企业来说，实在不是一件容易的事情，尤其是当一家企业与其众多的竞争对手均有合作的情况下，要实现信息共享更加困难。因此，成功的供应链整合，首先需要各节点企业在如下一些方面达成一致：共同认识到最终客户的服务需求水平、共同确定在供应链中存货的位置及每个存货点的存货量、共同制订把供应链作为一个实体来管理的政策和程序等。
上述第一个方面相对比较容易做到，但在决策时往往容易疏忽这一目标。最终客户的服务需求是在渠道中确定存货的关键，成功的制造商能辨认客户及它的需求，进而在制造商自己的范围及整个渠道中协调存货流。第二个方面是物流管理的基本作业原则，即满足客户需求的内容应包括需要什么、哪里需要和需要多少。第三个方面需要供应链上各节点企业的真诚合作才能实现，只有各节点企业均站在整个供应链的高度来看待问题的时候，才容易彼此作出理解与让步，共同制订出某些政策与程序，并进而建立起综合性的物流组织。
供应链管理与优化的方法 供应链管理与优化的方法很多，并且每个企业都不尽相同，从无数个经典案例当中发现一个特别的现象：一些非常牛的供应链，大多采取了一般看来是错误的策略（不是学习案例做出的策略），如ZARA，如DELL，他们的供应链的确很优秀，但是他们供应链策略几乎很难被移植。
所以，一味地去借鉴别人的供应链，不如安下心来专注研究自己的供应链。为什么呢？原因就是：每个企业都不一样，每个都有自己的特点，供应链既然是企业的药方，那么它所采用的药方也就不一样了。
比如说，一个企业A方面强，B方面弱,它所采用的供应链A方面弱，B方面强，则正好优势互补。如果不加以分析而贸然引进他的供应链，对他来说，就是一套在计算机里运行良好的软件，对你来说，植入的就是病毒！正因为如此，才决定了你的企业的供应链系统的不可复制性，就是因为这个不可复制性，才决定了你的企业的核心竞争力不可取代性。这才是核心，才是根本。
下面简单的介绍几个“应用供应链不同方法的案例”：
（1）丰田、耐克、尼桑、麦当劳和苹果等公司的供应链管理都从网链的角度来实施的；
（2）壳牌石油通过IBM的Lotus Notes开发了SIMON（库存管理秩序网）的信息系统，从而优化了它的供应链；
（3）利丰的供应链优化方法是在生产上对所有供应厂家的制造资源进行统一整合，作为一个整体来运作，是基于整合供应商的角度；
（4）HP打印机和丰田是通过麦肯锡咨询在地理上重新规划企业的供销厂家分布，以充分满足客户需要，并降低经营成本，是基于地理位置的选择。
（5）宝洁是通过宝供物流，采用分类的方法，与供应链运作的具体情况相适应，详细分类并采取有针对性的策略可以实现显着的优化供应链，是基于分类的细化。
供应链管理提出的时代背景[1]
1.全球一体化
纵观整个世界技术和经济的发展，全球一体化的程度越来越高，跨国经营越来越普遍。就制造业而言，产品的设计可能在日本，而原材料的采购可能在中国大陆或者巴西，零部件的生产可能在台湾、印尼等地同时进行，然后在中国大陆组装，最后销往世界各地。在这个产品进入消费市场之前，相当多的公司事实上参与了产品的制造，而且由于不同的地理位置、生产水平、管理能力，从而形成了复杂的产品生产供应链网络。这样的一个供应链在面对市场需求波动的时候，一旦缺乏有效的系统管理，“鞭子效应”在供应链的各环节中必然会被放大，从而严重影响整个供应链的价值产出。而工业革命以来，全球的产品生产日益丰富，产品消费者拥有了越来越多选择产品的余地，而技术上的进步则带来了某些产品（如电子类产品）的不断更新升级。缩短的产品生命周期导致了产品需求波动的加剧。市场供求格局对供应链适应能力的要求达到了前所未有的高度，在生产管理领域，面向需求的“拉式”生产理论、JIT制造理论、柔性生产理论等纷纷被提出，且已进入了实践阶段。
2.横向产业模式的发展
仔细观察20世纪80年代个人电脑的产生以及其后的发展，我们发现PC制造业的发展不仅带来了电子产品技术上的进步，将世界带进了信息时代，而且还引发了世界产业模式的巨大变革。由于IBM的战略失误，忽视了PC的市场战略地位，在制定了PC标准之后，将属于PC核心技术的中央处理器以及OS的研发生产分别外包给Intel和Microsoft公司，在短短的10年内，这两个公司都发展成为世界级的巨头，垄断了行业内的制造标准，同时也改变了IBM延续了几十年的纵向产业模式，当IBM意图再次进入桌面操作系统和微处理器体系涉及领域，开发出OS/2和Power芯片期望推向桌面市场的时候，都遭到了惨痛的失败。70年代 IBM垄断一切的时代一去不返了。当IBM意识到其不再在该领域拥有优势的时候，与Microsoft和Intel的继续合作使得横向产业模式得到更好的发展。而反观Macintosh，虽然其垄断了自身硬件和操作系统的生产，但是由于与IBM兼容机不兼容，从而失去了大量希望使用Windows平台上某些软件的用户，而使发展受限。
另一个例子发生在汽车产业领域，也在类似的年代，发生了同样的变革，汽车零部件供应商脱离了整车生产商而逐渐形成了零部件制造业的一些巨头。这种革命性的模式变革正在整个世界范围内缓慢进行，逐渐使人们意识到，今天已经几乎不可能由一家庞大的企业控制着从供应链的源头到产品分销的所有环节，而是在每个环节，都有一些企业占据着核心优势，并通过横向发展扩大这种优势地位，集中资源发展这种优势能力。而现代供应链则将由这些分别拥有核心优势能力的企业环环相扣而成。同时企业联盟和协同理论正在形成，以支撑这种稳定的链状结构的形成和发展。
3.企业X再造
回顾11年前，美国麻省理工学院计算机教授迈克尔·哈默(Hammer) 和CSC顾问公司的杰姆斯·钱皮(James Champy)联名出版了《企业流程再造工商管理革命宣言》。该书一针见血地指出了当今组织管理制度中的弊端——部门条块分割和森严的等级制度，并给出了 BPR的概念，以期望打破部门界限，重塑企业流程。而这个时代正是信息技术发展突飞猛进的信息时代，信息时代的最大革命就是计算机网络的应用，计算机网络带来的最大变革就是共享。人们认识到部门间的界限是由于知识和数据资源的垄断带来的权利的垄断所造成的，而计算机技术通过信息共享，透明化了企业内部流程的运作，打破了这种垄断。在早期的ERP项目实施中，由于没有意识到信息技术与管理组织变革之间的关系，而遭遇到了失败。今天我们谈到信息化，一般都会有意识地提到BPR，这就是观念上的进步。而ERP毕竟只是打通了企业自身的关节，面对全球一体化浪潮和横向产业模式的发展，企业也已经意识到自身处在供应链的一个环节之上，就需要在不断增强自身实力的同时，增强与上下游之间的关系，这种关系是建筑在相互了解、协同作业的基础之上的，只有相互为对方带来源源不断的价值，这种关系才能够永续。在2002年，钱皮又灵光闪现，将此归结为《企业X再造》，为企业向外部拓展过程中如何突破跨组织之间的各种界限出谋划策。随着互联网技术的发展，这种共享、协作的观念也一起跨出企业。我们今天所谈及的SCM，正是为了实现这种观念而进行的一次实践。
从SCM的时代背景，我们可以深刻了解SCM发展的由来和趋势，因此就更加需要将视线投入到当前SCM在实践中的应用，SCM系统是其中最为主要的部分，SCM系统的实施，也成为了企业信息化的最新趋势。本文第二部分将根据SCM观念内涵的基础和信息系统实施的一般方法论，探讨总结SCM系统在制造业实施的一般步骤。
供应链管理中的关键问题事实上，供应链管理是一个复杂的系统，涉及到众多目标不同的企业，牵扯到企业的方方面面，因此实施供应链管理必须确保要理清思路、分清主次，抓住关键问题。只有这样，才能做到既见“树木”，又见“森林”，避免陷入“只见树木，不见森林”或“只见森林，不见树木”的尴尬境况。
具体地说，在实施供应链管理中需要注意的关键问题主要有如下一些：
1、配送网络的重构 配送网络重构是指采用一个或几个制造工厂生产的产品来服务一组或几组在地理位置上分散的渠道商时，当原有的需求模式发生改变或外在条件发生变化后引起的需要对配送网络进行的调整。这可能由于现有的几个仓库租赁合同的终止或渠道商的数量发生增减变化等原因引起。
2、配送战略问题 在供应链管理中配送战略也非常关键。采用直接转运战略、经典配送战略还是直接运输战略？需要多少个转运点？哪种战略更适合供应链中大多数的节点企业呢？
所谓直接转运战略就是指在这个战略中终端渠道由中央仓库供应货物，中央仓库充当供应过程的调节者和来自外部供应商的订货的转运站，而其本身并不保留库存。而经典配送战略则是在中央仓库中保留有库存。直接运输战略，则相对较为简单，它是指把货物直接从供应商运往终端渠道的一种配送战略。
3、供应链集成与战略伙伴 由于供应链本身的动态性以及不同节点企业间存在着相互冲突的目标，因此对供应链进行集成是相当困难的。但实践表明，对供应链集成不仅是可能的，而且它能够对节点企业的销售业绩和市场份额产生显着的影响作用。那么集成供应链的关键是什么呢？信息共享与作业计划！显然，什么信息应该共享，如何共享，信息如何影响供应链的设计和作业；在不同节点企业间实施什么层次的集成，可以实施哪些类型的伙伴关系等就成了最为关键的问题。
4、库存控制问题 库存控制问题包括：一个终端渠道对某一特定产品应该持有多少库存？终端渠道的订货量是否应该大于、小于或等于需求的预测值？终端渠道应该采用多大的库存周转率？终端渠道的目标在于决定在什么点上再订购一批产品，以及为了最小化库存订购和保管成本，应订多少产品等。
5、产品设计 众所周知，有效的产品设计在供应链管理中起着多方面的关键作用。那么什么时候值得对产品进行设计来减少物流成本或缩短供应链的周期，产品设计是否可以弥补顾客需求的不确定性，为了利用新产品设计，对供应链应该做什么样的修改等这些问题就非常重要。
6、信息技术和决策支持系统 信息技术是促成有效供应链管理的关键因素。供应链管理的基本问题在于应该传递什么数据？如何进行数据的分析和利用？Internet的影响是什么？电子商务的作用是什么？信息技术和决策支持系统能否作为企业获得市场竞争优势的主要工具？
7、顾客价值的衡量 顾客价值是衡量一个企业对于其顾客的贡献大小的指标，这一指标是根据企业提供的全部货物、服务以及无形影响来衡量的。最近几年来这个指标已经取代了质量和顾客满意度等指标。
供应链管理的发展趋势供应链管理是迄今为止企业物流发展的最高级形式。虽然供应链管理非常复杂，且动态、多变，但众多企业已经在供应链管理的实践中获得了丰富的经验并取得显着的成效。当前供应链管理的发展正呈现出一些明显的趋势：
1、时间与速度 越来越多的公司认识到时间与速度是影响市场竞争力的关键因素之一。比如，在IT行业，国内外大多数PC制造商都使用Intel的CPU，因此，如何确保在第一时间内安装Intel最新推出的CPU就成为各PC制造商获得竞争力的自然之选。总之，在供应链环境下，时间与速度已被看作是提高企业竞争优势的主要来源，一个环节的拖沓往往会影响整个供应链的运转。供应链中的各个企业通过各种手段实现它们之间物流、信息流的紧密连接，以达到对最终客户要求的快速响应、减少存货成本、提高供应链整体竞争水平的目的。
2、质量与资产生产率 供应链管理涉及许多环节，需要环环紧扣，并确保每一个环节的质量。任何一个环节，比如运输服务质量的好坏，就将直接影响到供应商备货的数量、分销商仓储的数量，进而最终影响到用户对产品质量、时效性以及价格等方面的评价。时下，越来越多的企业信奉物流质量创新正在演变为一种提高供应链绩效的强大力量。另一方面，制造商越来越关心它的资产生产率。改进资产生产率不仅仅是注重减少企业内部的存货，更重要的是减少供应链渠道中的存货。供应链管理发展的趋势要求企业开展合作与数据共享以减少在整个供应链渠道中的存货。
3、组织精简 供应链成员的类型及数量是引发供应链管理复杂性的直接原因。在当前的供应链发展趋势下，越来越多的企业开始考虑减少物流供应商的数量，并且这种趋势非常明显与迅速。比如，跨国公司客户更愿意将它们的全球物流供应链外包给少数几家，理想情况下最好是一家物流供应商。因为这样不仅有利于管理，而且有利于在全球范围内提供统一的标准服务，更好地显示出全球供应链管理的整套优势。
4、客户服务方面 越来越多的供应链成员开始真正地重视客户服务与客户满意度。传统的量度是以“订单交货周期”、“完整订单的百分比”等来衡量的，而目前更注重客户对服务水平的感受，服务水平的量度也以它为标准。客户服务的重点转移的结果就是重视与物流公司的关系，并把物流公司看成是提供高水平服务的合作者。
㈦ 前端面试题，哪里能找到案例或解析
如果你确定具体是什么题目的话，可以直接拿题目网络啊，虽然有时候网络查找到的资料是重复的，但也算是最快最直接的方法。
如果你希望找到大量的面试题，或者是附带答案，解析的问题。首先推荐小程序 —— 决胜前端。
另外，HTML5学堂，牛客，掘金等网站也有相关题目。
㈧ 前端开发设计
1.用于UI设计的Sketch app
Sketch正在迅速取代Photoshop，用于从低保真线框到高保真模型和设计图标的所有的UI设计任务。
Sketch app是一个专为web和移动设计人员制作的Mac应用程序。它的功能，灵活性和速度满足了你对于一个轻量级，易于使用的软件包的想象。有了这个app，你就可以专注于创作最佳的设计了。
它提供了一个顺畅的工作环境，为任何界面提供工艺化的矢量元素，而且还有你想从Photoshop得到的许多功能，瞎芦如文本效果和图层样式。
如果Sketch能够继续提供最佳的UI设计体验，那么它在2016年及以后必然还会继续保持辉煌。
2.基于浏览器的IDE
桌面IDE已经存在了几十年，从Notepad到Xcode和visual Studio。IDE通过提供建议和语法高亮等功能使得我们可以卜燃更容易地编写代码。在IDE中写代码非常简单，而且很易于阅读。
但传统的IDE是作为桌面应用程序发布的。从过去的几年里，基于浏览器的云IDE发生了戏剧性的变化。除了web浏览器，我们不再需要任何软件，因为浏览器型神虚允许设备操作来自于任何有互联网接入的计算机的代码。
云IDE的功能更像是web应用程序，你可以保存代码到你的帐户进行共享或个人存储。CodePen是目前最流行的IDE，支持HTML/ CSS/JS，具备像Jade/Haml 和LESS/SCSS一样自定义的预处理。
CodePen主攻web前端。它可以显示你最近的创造，并从其他网络资源上得到反馈。为恼人的bug建立一个测试案例。你还可以从CodePen上为你的项目找到设计模式和灵感。
3.card layouts（卡片布局）
网站的卡片布局在几年前通过Pinterest而普及，从此成为了内容繁多网页的趋势。免费插件，如jQuery Masonry可用来模仿这种布局风格，它的动画卡片可适应不同的高度和宽度。
卡片布局最适合用在信息很多却又希望能被浏览的页面。Google Now就使用卡片布局来为它的app做广告。
你可以将卡片式布局看成是很多动态的网格，网格中只呈现最简明的重要内容，这些内容条目组合在一起就形成了基本的列表。在线杂志就是完美的例子，如UGSMAG和The Next Web，就使用了卡片布局来展示其最新懂得帖子和内容。
4.自定义的解说视频
形状各异的组织都趋向于自定义解说视频。使用动画，例如Crazy Egg来制作这些视频。即使如此，不同的视频依赖于真正的镜头，例如Instagram Direct。
解说视频的目的是说明产品或服务是如何工作的。访问者有可能在浏览了一系列功能之后，依然不知道如何操作这个产品。而可视化的视频则可以在短短几分钟的时间内一一说明功能，并涵盖所有重要的内容。最关键的是人们喜欢观看视频而不怎么喜欢阅读文章。他们可以很容易地从视频中明白你想表达什么。
如果你想自己尝试做一个自定义的解说视频，那么可以阅读Udemy课程。这是一个侧重登陆页面设计视频讲解的深入学习课程。Udemy课程不仅仅说明了如何使用动画视频软件，它也会告诉你如何使用视频来吸引和隐蔽访问者。
5.实况产品预览
登陆页面设计因网络速度的提高和浏览器功能的扩大，而发生了令人难以置信的改变。我注意到一个重要趋势是，就是主页或自定义登陆页面增加了实时产品预览。
以Slack的产品页面作为例子。一个视频演示和矢量图形覆盖了它的界面。这些产品预览是让潜在用户第一眼就知道产品是如何操作的。
不只是消息，所有的文件，图像，PDF文件，文档和电子表格都可以放到Slack，和你想要分享的任何人共享。你可以添加注释，标注星号供以后参考，这一切完全都是可以搜索的。
6.自动化任务运行器
前端开发的世界，随着一堆针对网站创新而出现的新的最佳实践，发生了巨大的改变。任务运行器/构建系统，例如Gulp和Grunt，替代了以前事先需要大量手动去完成的任务，越来越被我们广泛使用。
自动化是快速周转和高质量代码的命脉。众所周知，机器不会出错，所以自动化程度越高，产生的问题越少。
这些工具基本上运行的是JS代码，可以自动化实现部分工作流程——无论是自定义的JS代码还是其他人写的脚本。
7.用于设计的协作工具
即时消息和群聊已经出现了十多年。人们喜欢这个功能，并在今后他们可以继续使用此功能。然而，这些资源在传统上依赖于纯文本附加文件的一些功能。
但是，我们在讨论的是未来，未来一个新出现的趋势是，在聊天应用程序中共享实时设计文档。Notable就是其中一个例子，创新和注释可以被分层在文档的顶部。通过快速迭代它提供了更好的界面。从草图到完全编码的网页，Notable让团队在设计过程的每一步得到更快的反馈。
Slack是当下最流行的聊天应用程序，支持许多类似的功能。
8.响应式前端框架
前端框架，例如Bootstrap，已经存在了相当长的时间，并将继续展现其价值。响应式设计，受其成为框架方式的制约，可以成为前端代码，而不是仅仅只是后端（Django，Laravel，等等）。
迈入2016年，我认为我们会阅读到更多关于响应式前端框架以及它们在web项目中的价值的内容。并且在接下来的一年时间里，可能会发布很多前端框架的app，比现在的功能更强大。许多设备正在急切等待Foundation 6以及Bootstrap4公共V1版本的发布。
9.更关注UX设计
UX设计是通过改进可用性，可访问性，以及用户和产品之间互动产生的愉悦感来加强用户满意度的过程。
用户体验设计领域将随着更多设计师和开发者的关注而继续快速增长。UI设计是UX设计的一部分，但不是最终目标。UI是手段而不是目的，最终目的是提供一个梦幻般的用户体验。
目前，针对这些目的的资源有UX Stack Exchange和free UX ebooks。如果你还没有涉猎用户体验，那么现在是学习和了解UX原则如何应用到所有数字界面窗口的最佳时机。
10.支持触摸的网站功能
智能手机浏览器，支持所有站点的触摸功能，以保持reverse similarity。我们也可以看到更多的插件和自定义元素添至站点，关注触摸事件的特定对象。
我们希望网站可以实现触摸功能。而且这种网站也会因为其独特的功能而提升访问量。如Photoswipe和Dragend.js等内置的插件可以处理触摸屏上的滑动和点击手势。web开发人员不仅要会构建响应式网站，还得能构建具备触摸功能的网站。
这些插件提供了触摸功能，但是网站还需要具备其他的手势功能。如果你多搜索一下的话，你会发现一些真正令人印象深刻的，针对web的，内置的，纯粹依靠触摸事件的功能。
这些就是3.0时代的Web设计趋势，它们的到来和发展将使得构建网站变得更容易和更简单。