水滴1473682907940

“ 转眼就到了2018年了，自从写完上一篇文章后，差不多有半年多没写自己的东西了，这半年在新的公司，新的工作岗位上收获挺大的，已经做了两个app，一个资讯类（已经上线），另一个是小众电商（还没上线）。工作的过程充满了各种艰难险阻，但还好，一切的困难都总能克服。在这半年里，自己收…

阅前必看：本文总结了各种常见的布局实现,每个方法的优缺点分析往后在github上陆续补充。还有就是这篇文章没提到的其他布局，待本人后续想到或遇到定会在github上及时更新。 由于文章篇幅较长,排版有些混乱,希望别介意哈。掘金PC端是会自动生成目录的,为了方便移动端阅读，还特意…

作为交互设计师+半个产品经理，笔者经历了数个网易B端产品从无到有的搭建过程，巧合在于都负责过这些产品的官网设计。官网设计能同时考验交互设计师的产品思维和信息设计能力。虽然官网页面量不多界面交互也不复杂

最全设计尺寸规范+屏幕尺寸，公号【写给设计】回复“设计规范”，可打包下载~

单页是指在浏览器中运行的应用，使用期间页面无刷新，整个webapp就一个html文件，所有数据交由ajax完成。 v-model使用的时候是双向绑定，但是vue是单向数据流，v-model只是语法糖。 箭头函数：箭头函数内部没有constructor方法，也没有prototyp…

作为一个前端攻城狮，怎么能更好的提升自己呢？一是，需要有扎实的基础；二是，需要有大量的实践机会；三是，需要养成良好的独立思考，分析解决问题的能力。哎哟，不好意思，不知道什么时候养成了‘三点论’的习惯，但这都不重要。当我们分析一些优秀的面试题时，尤其是一些复杂的题目时你会发现，你的知识点无形间就串联了起来。上周末看这篇文章时，偶有灵光，所以，分享出来给大家一起看看……

随着各浏览器安全功能的提高，前端防御面临的问题也没有之前那么复杂，但浏览器的防御措施并不能百分百的保证网站的安全。浏览器的XSS Auditor，使得反射型xss几乎被废；CSP(Content-Security-Policy)、X-XSS-Protection可以禁止不可信源…

之前一篇文章中的信息架构应该如何梳理，当我们尝试分析一款移动端 app 的时候，我们应该如何进行思考之类的问题。 那么今天，我将从大家经常用到的百度外卖（iOS v4.4.1）说开去，阐述我自己分析一款 app 时候的思维逻辑和过程，当然我说的不一定对，希望能给新手朋友们一些思路。

CSS 网格布局是浏览器 Flexbox 布局之后最重要的布局方式。我们可以忘记过去 15 年经常使用的的各种 “神奇数字”，hacks 和一系列变通布局方案。网格布局提供了非常简单的声明布局方式，之后再也不需要借助一些常见的主流 css 框架，也能减少很多手动实现的布局方式 如果你以前不熟悉 CSS 网格布局，那么你可以开始了解它了。它是一种适用于容器元素，并能指定子元素的间距、大小和对齐方式的布局工具。 CSS 网格布局赋予我们更强大的能力——大家熟悉的水平垂直居中布局，不需要增加标签就能做到。同样，这也能让我们不需要媒体查询就能根据可用空间自动适应。