接下来着重讲解关于这两部的具体代码和相关变量的含义。 第一部分中的 button 相关的样式如下： import { c, cB, cE, cM, cNotM } from "../../../_utils/cssr"; import fadeInWidthExpandTransition from "../../../_styles/transitions/fade-in-width-expand.cssr"; import iconSwitchTransition from "../../../_styles/transitions/icon-switch.cssr"; export de...

注意：为了让篇幅尽可能简洁一丢丢，在有些地方贴源码时，我尽可能贴最能反映要讲解内容的源码，其他重复性的代码就略去了，所以如果你自己尝试去阅读源码时，可能会发现和文章里的代码有出入。文章跑通 Naive UI 所用到的源码仓库为：https://github.com/pftom/naive-app  简洁的抽象 前端开发者现在几乎已经离不开 UI 组件库了，典型的如 Ant Design、Material Design、以及最近 Vue 生态兴起的 Naive UI 等，组件库提供了简单、灵活、易用的使用形式，如一个页面中最常见的 Button 的使用如下： <template> &...

前言  阿巴阿巴约了面试，面试官问她对HashMap的理解。  回去等通知 面试官： HashMap了解吗？来谈谈你对这块的理解。 阿巴阿巴： 嗯嗯好，先从HashMap的结构开始吧，HashMap是一种散列表，由数组+链表+红黑树组成，初始默认的容量是16，负载因子是0.75，当链表上的元素大于8时链表进行红黑树化，当红黑树上元素减少到6时，红黑树会退化为链表。 阿巴阿巴： HashMap主要有2个重要方法，put/get，put方法就是将元素无序的加入到HashMap中，也就是无法保证元素的插入顺序，get方法就是获取HashMap中的元素。 阿巴阿巴： 此外还有一个扩容的方法，扩容阈值为...

大家好，我是皮汤，是今年的校招应届生，同时也是字节教育的一名前端工程师。从 3 月底入职到现在也有差不多 6 个月了，这 6 个月我也逐渐适应了字节跳动的工作、生活方式，这也代表着从学校到职场的一些转变，我感觉可以把这些内容分享出来，希望能够给到想了解的同学一些帮助。  进来之前 进字节前，其实我在腾讯和京东都有过一段实习经历，也是依靠这几份实习经历以及准备这些实习的积累，帮我成功通过了字节的面试，这份面试经历我也写成了文章，感兴趣的同学可以戳这个链接：天道酬勤，进字节了，关于腾讯和京东的实习经历我后续也会抽时间写出来，感兴趣的朋友可以关注我的公众号：程序员巴士。  在准备面试前，我对字节的印...

最近组长交给我一个任务，让我尝试一下将知名视频转码库 ffmpeg （使用 C 编写）跑在浏览器里面，我当时就懵了，还能这么玩？调研了一番，发现有个叫 WebAssembly 的东西可以干这么件事情，于是就有了这篇文章。  什么是 WebAssembly？  一种新型的代码，可以运行在 Web 浏览器，提供一些新特性并主要专注于高性能 主要不是用于写，而是 C/C++、C#、Rust 等语言编译的目标，所以你即使不知道如何编写 WebAssembly 代码也能利用它的优势 其他语言编写的代码也能以近似于原生速度运行，客户端 App 也能在 Web 上运行 在浏览器或 Node.js 中可以导入...

前言 索引下推(ICP)是针对MySQL使用索引从表中检索数据行的情况的优化。  在没有索引下推的情况下，MySQL通过存储引擎遍历索引来定位表中的数据行并将它们返回给MySQl服务器，服务器再进行WHERE条件的判断，确认是否将数据行加入结果集。 开启索引下推，且WHERE条件部分可以仅使用索引中的列来评估，这时MySQL服务器会将这部分WHERE条件下推到存储引擎，接着存储引擎使用索引条目评估推送的索引条件，仅当满足该条件时才从表中进行读取。  索引下推可以减少存储引擎访问数据表的次数以及MySQL服务器访问存储引擎的次数。 正文 看完上面这段官方文档的解释，你现在是不是这样的😂  是的...

前言 前两天浏览Android开发者官网的时候，发现Google竟然曾经悄悄推出过一个新的控件:ViewPager2,纳尼？？？这一看名字就知道是ViewPager的升级版本，看了下推出这个控件的时间，早在2019年2月7号Google就已经发布了，之后再进行一波迭代更新，在2019年11月20号进行了正式的发布；可以关联下Google曾经在2018年推出的Jetpack，旨在帮助开发者轻松构建更稳定健壮及可维护的Android开发生态解决方案，就可想而知此次推出ViewPager2，算是Google往被寄予厚望的Jetpack全家桶中又增添一员猛将； 既然是升级版，相比ViewPager，它...

WebAssembly 入门：如何与 C/C++ 项目结合 什么是 WebAssembly？  一种新型的代码，可以运行在 Web 浏览器，提供一些新特性并主要专注于高性能 主要不是用于写，而是 C/C++、C#、Rust 等语言编译的目标，所以你即使不知道如何编写 WebAssembly 代码也能利用它的优势 其他语言编写的代码也能以近似于原生速度运行，客户端 App 也能在 Web 上运行 在浏览器或 Node.js 中可以导入 WebAssembly 模块，JS 框架能够使用 WebAssembly 来获得巨大的性能优势和新的特性的同时在功能上易于使用  WebAssembly 的目标 ...

<section data-tool="mdnice编辑器" data-website="https://www.mdnice.com" id="nice" style="font-size: 16px&#59; color: black&#59; padding: 0 10px&#59; line-hei...

前言   说到锁，在平时的工作中，主要是使用synchronized关键字，或者相关的一些类库来实现同步，但这都是基于单机应用而言的，当我们的应用多实例部署时，这时候就需要用到分布式锁了，常用的分布式锁主要是基于redis的分布式锁和基于zookeeper的分布式锁及基数据库的分布式锁，前俩个主要基于中间件的特性来实现，今天介绍一下基于数据库的分布式锁的实现，在一些并发不高的场景下比较适用。 正文   首先需要在数据库中建立好数据表，相关的字段如下所示 CREATE TABLE IF NOT EXISTS `lock_tbl`( `lock_id` INT NOT NULL, -- 主键且主要...

大家在Android开发时，肯定会觉得屏幕适配是个尤其痛苦的事，各种屏幕尺寸适配起来巨烦无比。如果我们换个角度我们看下这个问题，不知道大家有没有了解过web前端开发，或者说大家对于网页都不陌生吧，其实适配的问题在web页面的设计中理论上也存在，为什么这么说呢？电脑的显示器的分辨率、包括手机分辨率，我敢说分辨率的种类远超过Android设备的分辨率，那么有一个很奇怪的现象：  为什么Web页面设计人员从来没有说过，屏幕适配好麻烦？   那么，到底是什么原因，让网页的设计可以在千差万别的分辨率的分辨率中依旧能给用户一个优质的体验呢？带着这个疑惑，我问了下一个前端朋友，朋友睁大眼睛问我：适配是什么？...

大家好 我是最可爱的小巴😊（不接受反驳），是一枚外企大厂Shopee的程序媛 今天不聊代码，来跟大家聊一聊，在外企大厂工作是一种怎样的体验呢？  小巴我作为外企大厂Shopee的一枚程序媛，在这里工作是一种怎样的体验呢？ 总体来说，体验还是不错的；大概从上半年三月份入职，正式工作大概也有半年时间了，目前在ShopeePay部门打杂。 首先说明一下：外企并不是所有岗位都要求说外语，而且虽然部门有总部外派的新加坡人，但部门内部日常沟通都是用中文交流，不过也可惜了小巴这六级流利的英语无处施展(手动狗头) 工作日常：  一般早上九点半到，先去茶歇间拿点面包和牛奶垫垫肚子； 九点半~十点列一下昨天遗留...

前言   很多小伙伴面试都有被问到MySql数据库的Buffer Pool，主要涉及到Buffer Pool的功能及其对于LRU的优化，接下来就好好聊聊这个Buffer Pool。 1、什么是Buffer Pool   缓冲池是主内存中的一块区域，用于在InnoDB访问时来缓存表和索引数据。Buffer Pool允许直接从内存访问经常使用的数据，避免每次都去访问数据库，从而加快处理速度，由于内存容量较小且昂贵，因此Buffer Pool的容量不会很大，MySql通过优化LRU算法来扩大Buffer Pool带来的收益。 2、Buffer Pool 底层结构   LRU全称 Least Rece...

ProseMiror 作为 JS 老鹰书作者的编辑器开山之作，充分集成了 Unix 系统设计的精华，践行稳定、高性能内核设计 + 灵活的插件扩展机制，是继 CodeMirror 代码编辑器后，又一优秀的前端富文本编辑器开源项目，业界很多知名产品使用 Prosemirror 作为期内容编写核心工具，如 Confluence 等。  本文为带你实现一个生产级别的富文本编辑器系列教程的开篇，主要为对 Prosemirror 文档的提炼，讲解 Prosemirror 的核心概念，以及如何开发一个最简的编辑器。 特点  Prosemirror 提供了一系列工具、概念来构建富文本编辑器，使用基于 WYSI...