大多数现代社交网络都包括一个功能，用户可以通过对该特定评论的评论来回复评论。如果我们将其可视化，我们的评论的数据会像下面的结构： Comment A– comment a1– comment a12– comment a2Comment BComment CComment A 有子评论 comment a1 和 comment a2。反过来，comment a1 有子评论comment a12 ，它也可以有自己的子评论。 有了这种结构，我们可以让一个注释有无数层的子注释。你可能已经熟悉了这种结构化数据的方法，也就是所谓的树状结构。不理解的可以想想电脑上的目录，一个文件夹可以有子文件 ...
蓝狮注册使用 normalizr 进行复杂数据转换
笔者曾经开发过一个数据分享类的小程序，分享逻辑上类似于百度网盘。当前数据可以由被分享者加工然后继续分享（可以控制数据的过期时间、是否可以加工数据以及继续分享）。 分享的数据是一个深度嵌套的 json 对象。在用户读取分享数据时存入小程序云数据库中（分享的数据和业务数据有差异，没使用业务服务器进行维护）。蓝狮官网如果拿到数据就直接存储的话，很快云数据库就会变得很大，其次我们也没办法分析各项和检索各项子数据给予分享者。 这时候需要进行数据转换以便拆分和维护。我们可以使用 redux 作者 Dan Abramov ...
蓝狮注册面试被问Linux 命令su和sudo的区别？
之前一直对 su 和 sudo 这两个命令犯迷糊，最近专门搜了这方面的资料，总算是把两者的关系以及用法搞清楚了，这篇文章来系统总结一下。 准备工作因为本篇博客中涉及到用户切换，所以需要提前准备好几个测试用户，方便后续切换。 Linux中新建用户的命令是 useradd ，一般系统中这个命令对应的路径都在 PATH 环境变量里，如果直接输入 useradd 不管用的话，就用绝对路径名的方式： /usr/sbin/useradd 。 useradd 新建用户命令只有 root 用户才能执行，蓝狮官先从普通用户ubuntu切换到root用户（如何切换后文会介绍）： ...
蓝狮注册Css彩色字体 – font-palette属性
为何要使用彩色字体若是大家设计师想在某些特别的专题活动中使用下图的字体做为标题字体进行展示，怎么办呢？作成图片咯。而后你可能会遇到这几个问题：不一样屏幕下的适配，要是只作一种尺寸的图，放大或缩小后的效果都不太好。直接作成 SVG？好像不能复制到 Word 里面加粗啊，也就是说，这种作法使得这些“文字”自己失去了真实文字该有的能力。 前端此时彩色字体的好处就显现出来了。既能达到视觉效果上的要求，还拥有常规文字的功能，可以复制，可以粘贴，还能够被屏幕阅读器阅读，丝绝不妨碍常规操做。 什么是彩色字体 ...
蓝狮注册Bun 会是 Webpack 之后的下一件大事吗？
JavaScript 工具的未来将离 JavaScript 越来越远，一些工具（如 webpack 和 babel）的重要性正在日益下降。为什么？ 目前已经证明一些语言（如 Rust、Go 甚至 Zig）在捆绑、转译和编译方面比 JavaScript 具有更好的性能。它们不是单线程的，这在处理大量文件方面具有优势。 是什么原因导致一定要用 JavaScript 开发生态系统的工具？毕竟这些工具主要运行在开发人员的机器上，而不是在浏览器上。此外，JavaScript 开发人员不需要调试这些工具的内部代码。 SWC 是最早摆脱 JavaScript 的工具项目之一，不久之后，Esbuild ...
蓝狮注册不再需要 JS 做的 5 件事
关注 JS 太久，会养成任何功能都用 JS 实现的习惯，而忘记了 html 与 css 也具备一定的功能特征。其实有些功能用 JS 实现吃力不讨好，我们要综合使用技术工具，而不是只依赖 JS。 5 things you don’t need Javascript for 这篇文章就从 5 个例子出发，告诉我们哪些功能不一定非要用 JS 做。 概述使用 css 控制 svg 动画原文绘制了一个放烟花的 例子，本质上是用 css 控制 svg 产生动画效果，核心代码： .trail {stroke-width: 2;stroke-dasharray: 1 10 5 10 10 5 30 150;animation-name: trail;animation-timing ...
蓝狮注册分享一个高级CSS面试题：在CSS中实现if-else！
我的一个朋友在最近的一次面试中遇到了一个有趣的 CSS 面试问题。当我第一次看到这个问题时，我认为这是一个常见的CSS问题。然而，经过仔细研究，我发现了这个问题的有趣部分。 面试题：请用CSS实现如下效果： 页面上有一些数字显示文章阅读的数量。如果数字小于 100，则数字的颜色为灰色。如果数字大于或等于 100，则数字为棕色，而且这种颜色可以动态调整，而不是提前预设。 最后面试官要求用纯CSS来解决这个问题，你知道如何达到这个效果吗？ 题目分析这个问题的本质是什么？ 这个问题的本质很简单，也就是说 ...
蓝狮注册表单数据形式配置化设计
前言在日常的中后台系统开发中，表单是和我们打交道非常多的名词。但是在一般的表单实现中、我们会做着很多重复的工作，不停在写 FormItem…，以及为组件加上“请输入/请选择”等无脑的 placeholder 文本和“请输入 xx/ 请选择 xx” 等必填提示。其次表单一般都存在编辑页和详情页，蓝狮注册而为了代码更好的维护性通常会将编辑和详情用一套代码实现。此时我们的代码里就会出现 isEdit ？表单组件 ：纯文本”这样无脑且重复率高的代码。秉承着更少代码更多产出的原则，我设计了一套配置化逻辑来提升这一开发体验。 一般实现// 一般 ...
蓝狮官网sass的几种输出格式，你都知道吗
输出格式说明Sass编译输出的css格式可以自定义。 有4种输出格式： :nested – 嵌套格式:expanded – 展开格式:compact – 紧凑格式:compressed – 压缩格式默认格式是:nested。 可以使用:style选项或使用style命令行参数设置输出格式。 命令标准格式： sass –watch (scss文件):(要生成的目标css文件) –style (输出格式)例如： sass –watch index.scss:index.css –style compressed 不同格式输出接下来我们把如下的css经过不同格式的编译，蓝狮注册登陆看不同输出格式的区别： html{ ...
蓝狮官网Nginx部署配置
Nginx (engine x) 是一个高性能的HTTP和反向代理web服务器，同时也提供了IMAP/POP3/SMTP服务。Nginx是由伊戈尔·赛索耶夫为俄罗斯访问量第二的Rambler.ru站点（俄文：Рамблер）开发的，蓝狮注册登陆公开版本1.19.6发布于2020年12月15日。 常用命令启动： nginx立即停止： nginx -s stop优雅停止： nginx -s quit重启 nginx -s reload查看配置文件是否正常，无语法错误 nginx -t查看日志 tail -f /var/log/nginx/access.log upstream基本语法upstream 的基本语法如下，一个 upstream 需要设置一个名称，这 ...