Anran758's blog

0%

发表于 更新于 分类于 阅读次数： Disqus：
本文字数： 5.9k 阅读时长 ≈ 7 分钟

本篇将根据自考实践要求对「数据结构」一科进行简要的复习，代码实现使用 C++ 语言实现。

实践

已知 Q 是一个非空队列，S 是一个空栈。编写算法，仅用队列和栈的 ADT 函数和少量工作变量，将队列 Q 的所有元素逆置。

栈的基本 ADT 函数有：

  1. 置空栈。函数原型为: void MakeEmpty(SqStack s);
  2. 元素e入栈。函数原型为: void Push(SqStack s,ElemType e);
  3. 出栈，返回栈顶元素。函数原型为: ElemType pop(SqStack s);
  4. 判断栈是否为空。函数原型为: int isEmpty(SqStack s);

队列的基本ADT函数有：

  1. 元素e入队。函数原型为：void enQueue(Queue q,ElemType e);
  2. 出队，返回队头元素。函数原型为：ElemType deQueue(Queue q);（3）（3）判断队是否为空。函数原型为：int isEmpty(Queue q);

题目要求：

  1. 编程实现队列和栈的ADT函数
  2. 仅用队列和栈的ADT函数和少量工作变量，编写将队列Q的所有元素逆置的函数
  3. 测试该函数
阅读全文 »

发表于 更新于 分类于 阅读次数： Disqus：
本文字数： 18k 阅读时长 ≈ 22 分钟

由于自考的实践考核要求有需要用到 mysql 进行考核，故记录一下在 mac 环境下试手的笔记。

阅读全文 »

发表于 更新于 分类于 阅读次数： Disqus：
本文字数： 4.2k 阅读时长 ≈ 5 分钟

在开发复杂的单页面应用时，我们经常会遇到一个问题：如何高效地在组件或模块之间进行通信？这里，EventBus（事件总线）就派上了用场。简单来说，EventBus 是一种设计模式，它允许不同组件或模块之间通过事件来通信，而无需直接引用彼此。

EventBus 是传统的组件通信解决方案，下面我们将讲解 EventBus 跨组件通信的原理、实现方式以及该如何使用。

阅读全文 »

发表于 更新于 分类于 阅读次数： Disqus：
本文字数： 3.4k 阅读时长 ≈ 4 分钟

Redux 是一个强大的状态管理框架，被广泛用于管理应用程序的状态。它的设计理念是让状态的更新可预测和透明。本文将简要探讨 Redux 的核心机制和实际应用。

阅读全文 »

发表于 更新于 分类于 阅读次数： Disqus：
本文字数： 5.8k 阅读时长 ≈ 7 分钟

计算机网络原理学习笔记。

目录

下面目录定位有些使用不了。若需要跳转到具体段落应使用侧边栏文章定位

阅读全文 »

发表于 更新于 分类于 阅读次数： Disqus：
本文字数： 3.3k 阅读时长 ≈ 4 分钟

最近项目需要做 Accessibility 的处理，在这段时间的接触了很多无障碍相关的技术。除了基础的 ARIA 和相对单位的影响等基础知识外，本篇想介绍一下比较实用的 Accessibility Parsing tools。

阅读全文 »

发表于 更新于 阅读次数： Disqus：
本文字数： 3.9k 阅读时长 ≈ 5 分钟

软件工程相关笔记。

阅读全文 »

发表于 更新于 分类于 阅读次数： Disqus：
本文字数： 4.2k 阅读时长 ≈ 5 分钟

最近遇到了个按需请求数据的需求，非常适合用于讲解闭包与链式设计的例子，故来分享一下思路。

阅读全文 »

发表于 更新于 分类于 阅读次数： Disqus：
本文字数： 12k 阅读时长 ≈ 15 分钟

使用 React 进行项目开发也有好几个项目了，趁着最近有空来对 React 的知识做一个简单的复盘。

阅读全文 »

发表于 更新于 分类于 阅读次数： Disqus：
本文字数： 4k 阅读时长 ≈ 5 分钟

记录 Hexo 升级或使用时遇到的问题和一些解决方案。

阅读全文 »

发表于 更新于 分类于 阅读次数： Disqus：
本文字数： 1k 阅读时长 ≈ 1 分钟

在项目架构时选择合适的前端框架是至关重要的。React 和 Vue 都是流行的选择，但它们在灵活性、易用性和性能方面各有特点。本文旨在深入比较这两个框架，让我们在开发前选择技术架构有个参考。

阅读全文 »

发表于 更新于 分类于 阅读次数： Disqus：
本文字数： 4.9k 阅读时长 ≈ 6 分钟

我们知道 Github Pages 是 Github 免费提供给用户展示页面的一项服务。当我们完成项目开发后，想将页面部署到 Github Pages 时，该要怎么操作呢？

可以在 GitHub 的储存库设置中设置用于展示页面的分支，该分支只保留构建后的静态资源，也就是源码与编译后的静态资源分离。按照传统的做法是：手动运行编译命令，编译后再复制到指定分支中。这样操作很繁琐，但使用 Travis CI 持续集成服务之后就可以不用操心这些事了。

阅读全文 »

发表于 更新于 分类于 阅读次数： Disqus：
本文字数： 33k 阅读时长 ≈ 41 分钟

webpack 是一个现代 JavaScript 应用程序的静态模块打包工具，它对于前端工程师来说可谓是如雷贯耳，基本上现在的大型应用都是通过 webpack 进行构建的。

webpack 具有高度可配置性，它拥有非常丰富的配置。在过去一段时间内曾有人将熟练配置 webpack 的人称呼为 “webapck 工程师”。当然，这称呼只是个玩笑话，但也能从侧面了解到 webpack 配置的灵活与复杂。

为了能够熟练掌握 webpack 的使用，接下来通过几个例子循序渐进的学习如何使用 webpack。

以下 Demo 都可以在 Github 的 webpack-example 中找到对应的示例，欢迎 star~

阅读全文 »

发表于 更新于 分类于 阅读次数： Disqus：
本文字数： 1.6k 阅读时长 ≈ 2 分钟

上篇文章介绍了 flexbox 的属性与示例，本文再通过几个 flex 布局的案例来体会 flex 布局的特性带来的便利和问题~

阅读全文 »

发表于 更新于 分类于 阅读次数： Disqus：
本文字数： 8.2k 阅读时长 ≈ 10 分钟

互联网早期实现布局是需要通过多种不同属性组合才能实现我们想要的布局。

比如常见的垂直居中，刚接触 css 的朋友看到 vertical-align: middle; 这个属性可能就会认为它就是用于垂直居中的，但实际上并没有那么简单。如果想要通过该属性来实现垂直居中，还需要其他小伙伴配合。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
.container {
  width: 200px;
  height: 200px;
  border-radius: 6px;
  text-align: center;
  color: #fff;
  background: #e44b27;
  white-space: nowrap;
}

/* 该伪类是实现垂直居中关键 */
.container:after {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.content {
  display: inline-block;
  white-space: normal;
  vertical-align: middle;
  text-align: left;
}
1
2
3
<div class="container">
  <div class="content">我想居中！</div>
</div>

这样看来，为了实现垂直居中布局，我们还得打一套组合拳才能出来才行，是不是看起来有点麻烦的样子？

W3C 在 2009 年提出的 Fiexbox(flex) 布局草案，就是针对用户界面设计优化的 CSS 盒模型。如果使用 flex 布局来实现上面的垂直居中布局的话，可以简化为：

1
2
3
4
5
6
7
8
9
10
11
12
.container {
  width: 200px;
  height: 200px;
  border-radius: 6px;
  color: #fff;
  background: #e44b27;

  /* 使用 flex 布局 */
  display: flex;
  justify-content: center;
  align-items: center;
}
1
2
3
<div class="container">
  <div>我想居中！</div>
</div>

修改后的代码就显得更精简了，也不需要其他小伙伴来搭把手。布局的事情就让 flex 家族自己来解决即可。

阅读全文 »

发表于 更新于 分类于 阅读次数： Disqus：
本文字数： 4.7k 阅读时长 ≈ 6 分钟

前一篇我们介绍了如何使用 Hexo 框架及 Next 主题搭建博客。这次来聊聊如何安全的更新博客与主题的版本。

next theme

阅读全文 »

发表于 更新于 分类于 阅读次数： Disqus：
本文字数： 4.3k 阅读时长 ≈ 5 分钟

JSON 是一种轻量级的数据交换格式，它有键值对集合(js 中的对象)和数组两种结构。JSON是一个通用的格式，在前后端语言中都能跟该 JSON 打交道。

有时候我们需要将 JSON 格式输入至页面展示的需求，其中还需要保持一定的索引，那么该如何实现呢？

阅读全文 »