在实际 Web 开发过程中，总会遇到各种各样的布局。有公司同事问我这样一种布局有没有什么好的实现方式，就是一种在活动充值页非常普遍的优惠券效果，如下 首先，碰到这类布局的最佳实现肯定是mask遮罩。关于遮罩，可以看一下CSS3 Mask 安利报告。这里简单介绍一下 这里的遮罩图…

display 设置了 none 属性会隐藏元素，且其位置也不会被保留下来，所以会触发浏览器渲染引擎的回流和重绘。 不会，因为 BFC 是页面中一个独立的隔离容器，其内部的元素不会与外部的元素相互影响，比如两个 div，上面的 div 设置了 float，那么如果下面的元素不是…

本文其实应该叫，Web 用户体验设计提升指南。 ... 所谓的用户体验设计，其实是一个比较虚的概念，是秉承着以用户为中心的思想的一种设计手段，以用户需求为目标而进行的设计。设计过程注重以用户为中心，用户体验的概念从开发的最早期就开始进入整个流程，并贯穿始终。 良好的用户体验设计…

开工啦！新的一年新的气象;首先祝愿大家在新的一年财运滚滚。在过春节的这几天笔者花了大约 4 天时间做了一个简易版本的【日程安排吧】微信小程序。做此程序的主要目的有两个： 假如女朋友让你安排一下周末出去玩儿的攻略，我们可能会搜索一堆资料，然后大致的在微信里面回复她说，什么什么时间…

不知不觉在网易已有三年半，占了一半时间都在与移动端打交道，整个阶段都是遇坑填坑的学习过程。移动端开发在前端里像神一样地存在，不是说它多难而是说它坑位实在太多了，怎样填都填不完。Android和iOS各显神通，Android的系统版本和屏幕分辨率多得难以一招兼容，iOS的顽固标准…

hello,大家好，我是德莱问，又和大家见面了，年后开工在即，新的一年新的气象，祝大家新年快乐，牛年大吉。 目前共支持24种动画类型，具体选择哪种动画类型，可以参考例子codesanbox,多试试，说不定有意外惊喜哦。下面放几个例子给大家看看：

3.遍历所有图片，waterfallDeviationHeight；更新当前列高（原始列高 + 当前图片高度）。 文档只做个人学习用，部分思路有参考其他博主的文章，勿喷。

1. if多条件判断 2. if...else... 3. Null, Undefined, 空值检查 4. foreach循环 5. 函数条件调用 6. switch条件 7. 多行字符串 8. 隐式返回 9. 重复字符串多次 10. 幂乘

在了解模块化、组件化之前，最好先了解一下什么是高内聚，低耦合。它能更好的帮助你理解模块化、组件化。 高内聚，低耦合是软件工程中的概念，它是判断代码好坏的一个重要指标。高内聚，就是指一个函数尽量只做一件事。低耦合，就是两个模块之间的关联程度低。 仅看文字可能不太好理解，下面来看一…