白抹灰

函数的多变来源于参数的灵活多变和返回值的多变。如果参数是一般的数据类型或一般对象，这样的函数就是普通函数；如果函数的参数是函数，这就是我们所要知道的高级函数；如果创建的函数调用另外一部分（变量和参数已经预置），这样的函数就是偏函数。

js 作为主要运行在浏览器的脚本语言，主要用途之一是操作 DOM。如果同时有两个线程对同一个 dom 进行操作，这时浏览器应该听哪个线程的，如何判断优先级？JS 是单线程的，为了防止一个函数执行时间过长阻塞后面的代码，Event Loop 方案应运而生。

在按设计稿搭建项目页面时，碰到了一处内容呈现方式如下图所示的元素。文字在菱形边框内居中摆放的布局看似简单，却让我陷入了长时间的束手无策。如果只是通过 transform 将一个 div 旋转 45deg，其内的文字也会跟着转动，这显然不符合要求。

（一）响应式界面

1. 什么是响应式设计

响应式布局

响应式界面能够适应不同的设备。描述响应式界面最著名的一句话就是“Content is like water”，翻译成中文便是“如果将屏幕看作容器，那么内容就像水一样”。

当用户点击菜单按钮，在弹出导航栏的同时，汉堡形状的按钮也会动画渐变成叉号。再次对其点击时，导航栏收回，按钮也恢复原样。关于汉堡菜单，虽然 GitHub 上已经有相关的库 hamburgers，但因为我使用的 nuxt 框架采用的是 rem 布局，对于 px 到 rem 的转换让我实在头疼。再三思量之下，还是决定自己手动模仿一个出来。具体实现效果如下动图。

用户体验设计秉承着以用户为中心的思想，以用户需求为目标。设计过程注重以用户为中心，用户体验的概念从开发的最早期就开始进入整个流程，并贯穿始终。良好的用户体验设计，是产品每一个环节共同努力的结果。

除去一些很难一蹴而就的，本文将就页面展示、交互细节、可访问性三个方面入手，罗列一些在实际的开发过程中，积攒的一些有益的经验。通过本文，你将能收获到：

• 了解到一些小细节是如何影响用户体验的

• 了解到如何在尽量小的开发改动下，提升页面的用户体验

• 了解到一些优秀的交互设计细节

• 了解基本的无障碍功能及页面可访问性的含义

• 了解基本的提升页面可访问性的方法

  阅读全文 »

（一）核心知识

1. @规则

选择器和声明块组成了CSS 规则集（CSS ruleset），常简称为 CSS 规则。

BFC 到底是什么东西

BFC（Block Formatting Context/块级格式化上下文）可以看作是是⼀块独⽴的区域，让处于其内部的元素与外部的元素互相隔离。

W3C官方解释为：BFC决定了元素如何对其内容进行定位，以及与其它元素的关系和相互作用，当涉及到可视化布局时，Block Formatting Context提供了一个环境，HTML在这个环境中按照一定的规则进行布局。

1. PWA 概述

PWA（Progressive Web Application，渐进式网页应用） 不是特指某一项技术，而是应用了多项技术的 Web App。其核心技术包括 App Manifest、Service Worker、Web Push等。自 2015 年以来，PWA 相关的技术不断升级优化，在用户体验和用户留存两方面都提供了非常好的解决方案。PWA 可以将 Web 和 App 各自的优势融合在一起：渐进式、可响应、可离线、实现类似 App 的交互、即时更新、安全、可以被搜索引擎检索、可推送、可安装、可链接。

1. 创建模型