图1 模拟丁香园的高保真原型

在一般的开发工作之前，我们通常会设计产品原型，大部分为axure绘制的线框图作为产品的PRD文档，供UI和开发进行前期工作，但是有的时候客户、领导想在开发之前，看到产品的概貌，就必须做产品的高保真原型进行模拟，这时如果做出来的原型能运行在手机端，那再好不过，如图1（注：上图是仿照丁香园的家庭用药，做的一个高保真原型，算是免费给丁香园打广告，是不是考虑给我点广告费？哈哈）。

原型制作软件有挺多，不过个人使用之后，最后还是依然坚持使用Axure,优点颇多，也可能是先入为主，这个教程Axure也是必须软件之一，适配为iphone5s

初学Vue（二） -- 条件渲染、修饰符、循环

今天小编给大家带来了5个实用宝藏网站，常用、简洁、方便、无广告，满足你日常工作需求！让你做到资源在手，再不求人！做办公室最闪亮的那一颗Star！

一、实用类

1.在线工具

在线工具，顾名思义，线上的工具箱。里面的工具大多是比较偏向生活化的，而且网站上面的功能各种各样，具有多样性。比较生活化的，就类似格字帖生成、数字转大写、各国首都列表、高校查询、尺码对照表、地图坐标系等等。

学海无涯，不要沉浸在知识的海洋里，迷失自己。

要知道自己想要什么，抓住重点，不忘初心。

这个世界上百分之20的人，掌握着百分之80的财富。

接下来一系列教程，就带领大家抓住重点，一起做那百分之20的人。

往期知识点回顾：

工具名称：神奇PPT转长图

我们是否想过没有CSS对HTML标签元素的影响，那么我们的标签在浏览器是什么样形式存在的？CSS对HTML标签元素到底产生了什么影响？又做了什么规则限定？来聊聊吧！！！

CSS 作为一门标记性语言，但是它的简单易学，很多开发者都不知道它是一门语言，语言的东西必定具备诸多概念，但是我们会往往忽略这些概念，确实，就算你不知道这些概念，你仅仅知道这些样式是干什么的，都能写出一张复杂的页面，所以我们不止要做到会用，而且

Grid简介

CSS 网格布局擅长于将一个页面划分为几个主要区域，以及定义这些区域的大小、位置、层次等关系（前提是HTML生成了这些区域）。

1. 简介

1.1 什么是CSS布局？

热管上贴上导热硅胶片所起的作用有：

1、导热，将热管的部分热量导到后盖面板上，增加散热速度；

2、固定填充，导热硅胶片耐温，柔软有弹性，可填充热管与后盖的缝隙，避免松动；

一、概述

网格布局（Grid）是最强大的 CSS 布局方案。

它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的效果，现在浏览器内置了。

上图这样的布局，就是 Grid 布局的拿手好戏。

Grid 布局与 Flex 布局有一定的相似性，都可以指定容器内部多个项目的位置。但是，它们也存在重大区别。

Flex 布局是轴线布局，只能指定"项目"针对轴线的位置，可以看作是