flamestudio

摘要： Electron的运行环境为Chromium + Node.js, 而Chromium采用的是多进程机制, 也就是说每个页面都是一个独立的进程(渲染进程)，因此页面之间是没有直接关系的， 要想进行通信，需要借助主进程作为桥梁。 所以我们首先先来学习主进程和渲染进程怎么通信: 1. 渲染进程 >主进程 阅读全文

摘要： BFC特性: 1.BFC是一个独立的布局容器，内部元素不会影响BFC外面的元素，反之亦然。 2.计算BFC高度时，会计算内部的浮动元素。 3.BFC会阻止外边距的合并。 4.BFC的区域不会与外部浮动元素的区域重叠 触发条件: 1. float不为none 2.position: fixed abs 阅读全文

摘要： Swiper是很常用的库，用于实现触摸滑动效果，为了让Swiper生效，需要执行类似下面的代码(摘自Swiper官方示例) var mySwiper = new Swiper('.swiper-container', { autoplay: true,//可选选项，自动滑动 }) 而该代码的执行时机 阅读全文

摘要： 使用Swiper展示数据时，往往需要进行分页, 每页根据需求放一定数量的item。 如我们想分多页展示学校师资，每页展示n个教师。 我们获取到的教师列表数据是一维的。如果转成二维数组，就很容易通过两层嵌套循环实现展示(如v-for)。 其中第一层循环负责生成多个页面 (swiper的每一页也就是一个 阅读全文

摘要： let list = [ { parentId: 0, id: 1, value: '1' }, { parentId: 3, id: 2, value: '2' }, { parentId: 0, id: 3, value: '3' }, { parentId: 1, id: 4, value: 阅读全文

摘要： TOP-K问题是面试高频题目，即在海量数据中找出最大(或最小的前k个数据)，隐含条件就是内存不够容纳所有数据，所以把数据一次性读入内存，排序，再取前k条结果是不现实的。 下面我们用简单的Java8代码去解决TOP-K问题。为了使主要的逻辑更加清晰，去掉了一些如参数合法性检查等非关键代码。 Prior 阅读全文

摘要： React-Redux主要由两部分组成，一是Provider(提供者)，顾名思义作用就是提供状态数据。 另一部分是connect函数，它的作用是把UI组件和状态数据“连接”起来，实现了Model和View的分离，也就是UI组件并不直接管理状态数据，而是只负责界面的展示。 通过connect函数可以获 阅读全文

摘要： 仅个人理解，如有不当请指正 一、从原理上 HashRouter在路径中包含了#，相当于HTML的锚点定位。（# 符号的英文叫hash，所以叫HashRouter，和散列没关系哦）） 而BrowserRouter使用的是HTML5的新特性History，没有HashRouter(锚点定位)那样通用，低 阅读全文

摘要： 函数式编程是在不改变状态和数据的情况下使用表达式和函数来编写程序的一种编程范式。通过遵守这种范式，我们能够编写更清晰易懂、更能抵御bug的代码。这是通过避免使用流控制语句(for、while、break、continue、goto)来实现的，这些语句会使代码更难理解。此外，函数式编程要求我们编写纯的 阅读全文

摘要： 在宿主机(MacOS系统)上运行了原生的RocketMQ服务，为了方便管理，需要以Docker方式运行RocketMQ的管理工具——rocketmq-console (项目地址：https://github.com/apache/rocketmq-externals/tree/master/rock 阅读全文