design

　　 关闭mock启动服务 　　 npm run start:no-mock 来源： https://www.cnblogs.com/xiaoyutongxue/p/11408722.html

响应式网页设计基础【从零开始】 如今的互联网事业突飞猛进，可谓一日千里。响应式网页设计凭借其能为开发者提高开发效率，降低维护成本，提升用户体验等突出优势更是为Web 2.0时代掀起了又一股狂潮，致使无数开发者倾心致力于响应式网页设计。纷纷为响应式设计贡献自己的绵薄之力，当然各大软件制造上肯定不会放过如此良机，也纷纷推出各类响应式设计软件。理所当然不乏优秀之作： Groundwork ，一款开源的响应式设计工具，在 Github 上可以找到其项目源代码。 Groundwork 提供多套通用响应式页面模版，用于快速构建Web响应式应用程序。此外，它还提供丰富的UI组件，详情可以访问 Groundwork官网 。 FROONT ,一个网页版的响应式开发工具。提供在线编辑，布局调整，以及在不同临界值之间切换预览等响应式开发必备功能，还能导出html/css文件，实属强大的响应式开发工具，更具体的介绍请参看 FROONT官网 ，注册并登录即可体验在线响应式开发。 Adobe Edge Reflow CC ，由世界著名软件大户Adobe公司开发的响应式网页设计软件。和Adobe Dreamweaver、Adobe Photoshop等知名软件一样，Adobe Edge Reflow CC是一款桌面应用程序，配合 Adobe Edge Inspect CC

以下Drawables的功能帮助你在应用中实现Material Design: 图片资源着色 在android 5.0(api 21)和更高版本，可以着色bitmap和.9 png 通过定义透明度遮盖。你可以着色通过使用颜色资源或者主题的属性去解析颜色资源（比如， ?android:attr/colorPrimary ）.通常我们创建一次，然后资源自适应主题。 你可以给BitmapDrawable或NinePatchDrawable对象着色使用 setTint() 方法。你可以可以在布局文件中使用 android:tint 和 android:tintMode 属性设置着色颜色和着色模式。 从图片中抽取高亮颜色 support library r21和更高的版本中包括了 Palette 类，可以从一个图片中提取高亮颜色。这个类可以提起以下几种突出颜色： Vibrant 充满生机 Vibrant dark 暗的充满生机 Vibrant light 亮的充满生机 Muted 柔和 Muted dark 暗的柔和 Muted light 亮的柔和 传递一个Bitmap对象给静态方法Palette.generate()，它会在后台线程帮你从后台线程提取颜色。如果你不能使用这个后台线程，使用Palette.generateAsync()方法，并且设置一个监听器listener.

##关系型数据库设计 ###parent_id |id |name | parent_id| |---|-------|-----------| |1 |A |NULL | |2 |B |1 | |3 |C |1 | |4 |D |2 | 优缺点： Pros: Easy to understand, fast to insert and move Cons: Requires multiple queries to get whole subtrees 针对查询问题，可以应用缓存来解决 ###left&right id name parent_id left right 1 A NULL 1 8 2 B 1 2 5 3 C 1 6 7 4 D 2 3 4 Pros: Lookup up entire subtrees with a single query (fast), intrinsic ordering of children Cons: Slow to insert and move, due to many modifications of existing records 针对修改问题，由于菜单读多写少，可以接受 ###记录path id name parent_id path 1 A NULL 1- 2 B 1 1-2- 3 C 1 1-2- 4 D 2 1-2-4-

背景 2013年是网页设计响应式的一年。所谓响应式网页设计，是由Ethan Marcotte在2010年提出的名词，指可以自动识别屏幕宽度、并做出相应调整的网页设计。简单来说就是同一张网页自动适应不同大小的屏幕，根据屏幕宽度，自动调整布局。这是一个多么强大的概念，一套代码兼容所有设备，节省维护成本，提高开发效率。然而，现实并非如此完美，在其强大的背后也有鲜为人知的辛酸苦楚。 众所周知，在响应式设计出现或者说在各种移动设备不断迅速抢占PC市场之前，所有的网页设计几乎不要求兼容移动设备，而在PC端的开发调试已经相当成熟，各种调试工具纷纷脱颖而出，诸如：Firebug、Chrome开发者工具等。这让开发者如鱼得水，在传统网页设计中游刃有余。 而如今的互联网市场已经有很大一部分属于移动设备的领地，网页设计兼容移动设备刻不容缓，而响应式设计的提出让这一目标成为可能，甚至可以说是网页设计兼容移动设备的完美解决方案。但是，光有方案只能是空谈，几乎没有人能够不经过反复调试就能写出完全正确的代码，移动设备上的开发调试给网页设计带来了阻力，让开发者不得不投入更多的成本用以对移动设备兼容的调试。所以良好的移动开发调试工具必须问世，而拥有一款优秀的移动开发调试工具，必然给响应式网页设计锦上添花。 人类的智慧是无穷的，2010年底weinre问世，至今weinre已经发布2.0.0版本