对于前端小白(例如：专注后端代码N年的攻城狮)，自己编写一个漂亮的Web登录页面似乎在设计上有些捉襟见肘，不懂UI设计，颜色搭配极度的混乱(主色，辅助色，配色，色彩渐变，动画效果等等,看起来一堆乱七八糟的东西)。如果你对前端设计一知半解，又想自己动手写一个不错的页面，可以看看本文提供的快捷方式。

提示：本次文章的源代码和视频教程已附在文章最后

酸梅干超人：下面是我这几年经验的总结和思考，虽然我并不算是最出类拔萃的UI设计师，但也希望对新人有益。

第一点：学习准备——启蒙

学习一项技能，尤其是已经有一定沉淀并在各行各业有广泛应用的技能，就一定要对它先有充分的认知。在开始正式学习前，你需要花足够的经历去了解和查 阅它的起源、发展、应用、未来。UI作为平面设计的一部分，再往上又从属与美术学这一大类。因此，首先要先去了解整个美术史的发展。从人类起源各个阶段 中，美术经历了什么样的变化，在各自的时代发挥了什么作用，近代美术史又经历了哪些波折，平面设计艺术是如何发展壮大走进千家万户，并且有哪些经验成功过 度到后来的UI设计中。那些享誉中外的艺术大师有何过人之处，他们为美术学发展做出了哪些贡献，他们的名作到底有何动人之处。

编辑导语：设计团队在日常工作时，经常会遇到一些风格化等等不相同的问题，这时候需要一套设计原则来敲定界面，确定用户真正想要的，也能提高团队整体效率；本文作者分享了关于UI设计中的设计变量，我们一起来看一下。

设计系统基本就是组织如何构建数字产品的故事，在公司内部，设计系统改善了产品团队之间的协作，而设计和工程团队之间面临的一个常见问题是：共享品牌准则和界面信息。在开发过程中，应该遵守还原设计的内容，但是我们都知道这并不是那么简单。

作者：damyxu，腾讯 PCG 前端开发工程师

iframe是一个天然的微前端方案，但受限于跨域的严格限制而无法很好的应用，本文介绍一种基于 iframe 的全新微前端方案，继承iframe的优点，补足 iframe 的缺点，让 iframe 焕发新生。

1. 背景

你知道有多少用户没等到页面首屏出现就离开了吗？性能不佳会对业务目标产生负面影响。比如， BBC 发现他们的网站加载时间每增加一秒，他们就会失去 10% 的用户。

前言

今天就来聊聊在为了您更好的体验，本文章聊聊如何仅支持谷歌浏览器访问查看页面？这篇文章中提到的浏览器兼容问题，以此篇文章来证明自己并非不了解浏览器兼容性问题，而是当时其他因素导致选择了一刀切的方法来处理需求（我就是一个不粘锅）。

嘿，xdm~既然点进来了，不妨就继续看下去吧^_^

作者：神说要有光zxg 来源：神光的编程秘籍

本文转载自微信公众号「神光的编程秘籍」，作者神说要有光zxg。转载本文请联系神光的编程秘籍公众号。

转眼我已经工作五年，辗转三家公司，在工作的第五年，终于如愿进入了大厂，生活也发生了些许变化。

所以，恰逢工作五年，也聊聊工作五年的感悟~