1、用px2rem配合lib-flexible，让网页适配。

lib-flexible
作用：让网页根据设备dpr和宽度，利用viewport和html根元素的font-size配合rem来适配不同尺寸的移动端设备
安装：

npm install lib-flexible
1
引入：入口文件main.js中：

import "lib-flexible/flexible.js"
1
2、手写一个js小工具，省略rem的计算，加快开发速度。
在src目录下增加一个utils目录，在里面新建一个js文件，写入以下内容：

// 基准大小
const baseSize = 32
// 设置 rem 函数
function setRem () {
// 当前页面宽度相对于 750 宽的缩放比例，可根据 ..

Bootstrap：


1. 概念： 一个前端开发的框架，Bootstrap，来自 Twitter，是目前很受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的，它简洁灵活，使得 Web 开发更加快捷。
* 框架:一个半成品软件，开发人员可以在框架基础上，在进行开发，简化编码。
* 好处：
1. 定义了很多的css样式和js插件。我们开发人员直接可以使用这些样式和插件得到丰富的页面效果。
2. 响应式布局。
* 同一套页面可以兼容不同分辨率的设备。

2. 快速入门

1. 下载Bootstrap
2. 在项目中将这三个文件夹复制
3. 创建html页面，引入必要的 ..

新人设计师可能都会遇到这样的问题：在设计一个复杂需求的时候，各种场景、可能性在脑中来回乱窜，常常觉得逻辑不够严密。设计完成后，又被各方质疑，提出各种异常场景，导致频繁修改，缝缝补补。本文将和大家分享下解决以上问题的小方法。
本文就以「企业内部权限分配平台」的需求为案例，整理了之前处理复杂需求的一些思路。讲讲在交互设计的过程中，如何避免以上两种情况，让我们的工作更好地服务用户，体现价值。


理解需求

首先，我想任何设计师在设计产品的时候第一步都是理解需求，这包括了需求的目标背景、角色场景、产品逻辑等 ..

在访问页面时，需要与页面中的元素进行交互式的操作。在操作中，元素的访问是最频繁、最常用的，主要包括对元素属性、内容、值CSS的操作。

一、操作元素的属性

attr() prop() 获取或设置元素的属性值

两者区别：简单来说，对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。

针对属性对象不同

prop( )是针对Dom元素属性，attr( )针对HTML元素属性，和attribute与property区别一样。

用于设置的属性值类型不同

attr()函数操作的是文档节点的属性，因此设 ..

1、大家都知道vue是一种单页应用,单页应用就是仅在页面初始化的时候加载相应的html/css/js一单页面加载完成,不会因为用户的操作而进行页面的重新加载或者跳转,用javascript动态的变化html的内容
优点: 良好的交互体验,用户不需要刷新页面,页面显示流畅, 良好的前后端工作分离模式,减轻服务器压力,
缺点: 不利于SEO,初次加载耗时比较多
2、hash模式
vue-router默认的是hash模式—使用URL的hash来模拟一个完整的URL,于是当URL改变的时候,页面不会重新加载,也就是单页应用了,当#后面的hash发生变化,不会导致浏览器向服务器发出请求,浏览器不 ..

环顾身边常见的优秀设计很多都使用了栅格系统，你可能非常赞同在界面中使用栅格系统，但却没有人告诉你应该如何使用它们。


印刷中也会用到栅格，但就本文而言，我主要想讨论的是用于PC和移动设备上的栅格系统设计。


紫色块放内容


内容块包括文本，图片或者是两者的组合形式，背景颜色实际上不能算是内容元素，除非是作为文本或者图片的容器。




上图中的粉色块作为栅格中的列，它们构成了内容宽度。一般来说，列宽是不会变的，只是列数会随着设备的不同而变化，比如从PC端的12列变为平板电脑上的8列，然后在移动端变为4列。严格来 ..

在此之前，已经实现了vue+ElementUI的跨域查询并渲染查询结果的功能，现在想要在每一行中添加修改和删除的按钮。于是乎就需要获取当前行的数据，于是就有了下面两种方式的获取。


1 获取当前行的数据
1.1 我的笨办法
这里是我记录自己的学习过程，这个方法也能实现，但是麻烦，如果您只是为了寻找最终方案，请直接查看1.2章节。
首先我查看了官方文档，打算使用对话框来渲染修改页面和删除警告页面。这个实现起来很简单，就是对按钮绑定一个click事件，然后控制对话框的显示和隐藏：


<el-table @row-click="handleEdit" : ..

即便QQ已经陪伴大家20周年，我们依旧怀揣初心，保持科技改变生活的热衷。应运而生我们设计了太空企鹅探索科技作为本次20周年的品牌理念，来寓意新的里程碑到来。
https://v.qq.com/x/page/l087071z1ua.html

01 概述 | Overview


QQ 20周年，是互联网产品长青的一个传说，也是家喻户晓企鹅IP形象的成长，同时也代表了鹅厂精神的坚韧与奋进。即便已经陪伴大家20周年，但我们依旧怀揣初心，保持科技改变生活的热衷。应运而生我们设计了太空企鹅探索科技作为本次20周年的品牌理念，来寓意新的里程碑到来。就像宇航员勇于探索未知宇宙知识一 ..

今天我们来讲一讲大家期待已久的配色方面的干货。
其实几年以前我就写过一篇关于配色的文章，早期的面粉估计还有印象，在那篇文章里我基本已经把设计师需要用的关于色彩构成的主要精华内容都汇总出来了（文末会附上文章链接的，别着急）。
但是因为不同设计行业的工作内容是有差别的，而且每个人的基础和理解能力也不一样，所以仅凭一篇文章是无法解决所有人的难题的，所以今天这篇文章算是关于那篇配色知识讲解文章的补充篇。
不过在讲解如何配色之前，我们还是先应该先记住一些关于色彩的理论知识，因为有了理论依据我们才能在做设计的 ..

信息时代，每个人都需要具备基本的「搜索」技能，尤其是设计师，你有没有灵感枯竭不知所措的时候呢？今天我们召集了7位优秀设计师，对他们的设计灵感来源进行揭秘，希望这一期的轻访谈能够让你轻松Get设计大佬的搜索技巧！

优设轻访谈第八期，我们的话题是——不信息时代，能与我们分享一下你的搜索技巧么？平时的素材积累是如何进行的？


Dribbble 人气最高：Mike


Dribbble：https://dribbble.com/creativemints
实际上，现在寻找灵感或资源变得非常容易。去Pinterest，你会获取到任何你能想到的灵感！查看stock网站，获取所有你需要 ..