Suniiie

1. 什么是“划词高亮”？ 上图的示例网站可以点击这里访问。用户选择一段文本（即划词），即会自动将这段选取的文本添加高亮背景，用户可以很方便地为网页添加在线笔记。 笔者前段时间为线上业务实现了一个与内容结构非耦合的文本高亮在线笔记功能。非耦合是指不需要为高亮功能建立特殊的页面 …

**导读：**架构图是什么？为什么要画架构图？如何画好架构图？有哪些方法？本文从架构的定义说起，分享了阿里文娱高级技术专家箫逸关于画架构图多年的经验总结，并对抽象这一概念进行了深入地讨论。内容较长，同学们可收藏起来细细阅读。 如何画好一张架构图，要做好这件事情首先要回答的就是什…

抽象语法树 (Abstract Syntax Tree)，简称 AST，它是源代码语法结构的一种抽象表示。它以树状的形式表现编程语言的语法结构，树上的每个节点都表示源代码中的一种结构。 并且如果你想了解 js 编译执行的原理，那么你就得了解 AST。 js 执行的第一步是读取 …

选型RN理由？-native端web端RN开发效率低高中性能高低高灵活性低高高接入成本高低低从上面表格中可以看出native端高性能的代价是低开发效，低灵活性以及接入的高成本，主要归咎于需要同时开发a

2. jenkins 下载 Jenkins. 打开终端进入到下载目录. 运行命令 java -jar jenkins.war --httpPort=8080. 打开浏览器进入链接 http://localhost:8080. 按照说明完成安装. EXPOSE： 指定运行该镜像的…

一次在安装项目依赖的时候，终端报了下面这个错，导致依赖安装失败。 通过报错信息可以看出是 @sentry/cli 这个包的原因，因为项目中并没有直接依赖这个包，为了排除包之间的影响，就新建了一个文件夹，单独安装这个包，发现还是报一样的错。然后就让同事安装下这个包试一下，发现一切…

在前端开发中或多或少都有用到 SVG，本篇文章就来总结下如何在前端项目中使用 SVG，每种使用方式的优缺点分析，以及对 SVG 的一些优化探索。 SVG（Scalable Vector Graphics，可缩放矢量图形）是一种基于可扩展标记语言（XML），用于描述二维矢量图形的…

一年前刚接触 typescript 的时候, 觉得它加大了代码工作量. 写一大堆东西.为了找某个类型东奔西跑, 引入第三库还经常报错. 然而现在的我想说: 真香. 我们经常吐槽别人代码可维护性特别低, 总是希望别人能够主动的写注释, 可是写注释却没有任何方式可以进行约束. 这下…

它有一个弹闪的过程，一大一小交替缩放就像一个弹簧在弹动一样，而不是以往那种简单的线性变大。 如果使用CSS的animation-timing-function只是改变运动的速度，不能改变运动的方向。 是没有这种弹性动感的。 因为要实现一个弹簧振动效果，需要有两个参数，一个是阻尼…