ux
获得徽章 0
- CSS阴影效果三剑客：box-shadow、text-shadow、drop-shadow
想要盒子的轮廓产生阴影效果，使用box-shadow想要文本的轮廓产生阴影效果，使用text-shadow想要PNG图片非透明部分的轮廓产生阴影效果，使用fliter: drop-shadow()
当然，如果想要依据元素本身颜色产生映射的阴影颜色，可使用fliter的blur()、brightness()、opacity()三者搭配调色产生阴影效果，哔咔哔咔
juejin.im 展开321 - 拉取（Pull）和推送（Push）是两种不同的协议，用来描述数据生产者 (Producer)如何与数据消费者 (Consumer)进行通信的。
拉取体系中，数据由消费者从生产者那里获取，生产者不知何时交付到消费者手里。
推送体系中，数据由生产者推动给消费者，消费者不知何时生产者会推动过来。
对拉取来说，生产者是被动的，被请求时产生数据；消费者是主动的，决定着何时去请求数据。
对推送来说，生产者是主动的，按照自己的方式生产数据；消费者是被动的，对推动来的数据做出反应。
对比两个框架对数据的反应式系统的不同：
React对数据的方式是 Pull-based，改了数据（生产），不会自动渲染，需要调用SetState（消费），才会重新渲染
Vue对数据的方式是 Push-based，改了数据（生产），会主动推送，渲染系统自动进行渲染（消费）。展开110 - 推荐一个更好用的后端集成开发框架，定时更新，始终基于最新技术
vue-admin-beautiful是一个后台前端解决方案，它基于 vue 和 element-ui实现。它使用了最新的前端技术栈，动态路由，权限验证，提炼了典型的业务模型，提供了丰富的功能组件，它可以帮助你快速搭建企业级中后台产品原型，它集合了layuiAdmin，antDesign Pro，vue-element-admin几乎全部的优点，并同时发布了多个版本。
集成板演示地址beautiful.panm.cn
集成板开源地址github.com 展开1144 - 63. 不同路径 II
难度：中等
一个机器人位于一个 m x n 网格的左上角 （起始点在下图中标记为“Start” ）。
机器人每次只能向下或者向右移动一步。机器人试图达到网格的右下角（在下图中标记为“Finish”）。
现在考虑网格中有障碍物。那么从左上角到右下角将会有多少条不同的路径？
网格中的障碍物和空位置分别用 1 和 0 来表示。
说明：m 和 n 的值均不超过 100。
例：
输入:
[
[0,0,0],
[0,1,0],
[0,0,0]
]
输出: 2
解释:
3x3 网格的正中间有一个障碍物。
从左上角到右下角一共有 2 条不同的路径：
1. 向右 -> 向右 -> 向下 -> 向下
2. 向下 -> 向下 -> 向右 -> 向右
思路：见下图
反思：一开始使用的递归来求解，但是当m和n过大时会栈溢出。思考了很久也没想到好的解决方案。最终看了解析恍然大悟。展开23
Critical Rendering Path 关键渲染路径
juejin.im
