「前端」 分类

输入法与 keydown 事件

输入、回车提交,这是一组在搜索场景中常见、友好的交互形式,但要将其做好以获得更好的用户体验,还需要关注其中的小小细节。

基于 React Hooks 的小型状态管理

一年又又又要过去了,在这 2021 年的尾巴,来写写 React 的状态管理。

本文主要介绍一种基于 React Hooks 的状态共享方案,介绍其实现,并总结一下使用感受,目的是在状态管理方面提供多一种选择方式。

在博客中添加卡片式链接

最近升级了的企业微信,发现发送链接信息的时候,企信会自动拉取链接的标题、描述和图片信息,并组合成卡片的形式进行展示,给人的感觉就很棒,既传递了更多的信息,又显得美观,就想着在博客里也加上这个功能。

效果是下面这样的,如果展示的还是链接,那可能是还没加载出来或者背后的服务挂了(白嫖不易):Github

截图效果如下:

卡片截图

博客框架 —— gugu

很久之就一直想把博客改成单页的,而中间发生了不少咕咕咕(懂得都懂,不懂的我也不用再说了 🐶)的事情,别说改造了,连文都没更新。在咕了大半年之后,终于完成了大改造,将原来使用的 Hexo 替换成了个人实现的博客框架 gugu

学写一个乞丐版 Vue

没有钱了,肯定要学啊,不学没有钱用。

看源码是不可能看的,这辈子不可能看的。写东西又不会写,就是看这种东西,才能维持得了生活这样子。

什么 Github、掘金、知乎上面个个都是人才,说话又好听,技术又厉害,超喜欢在上面逛的。

2020-04-02
|
查看全文

使用 prismjs 自定义 Hexo 代码高亮

一直就想优化一下 Hexo 的代码高亮部分来着,对 tstsx 部分的支持一直不太好;也许直接更新 Next 就能直接解决,但博客部分已经魔改了不少,本着这个原则就继续魔改下去好了。

本站是在 Next 5 的基础上建成的,不过本文内容与 Next 5 的关系不大

React 中的一些封装

结合资料以及一直以来的开发情况,总结记录一下 React 中的封装方式,具体是以下三种:

  • HOC
  • Render Props
  • React Hooks

函数提升 & 有条件地创建函数

本文始于这样一道 JavaScript 题目。

var a;
if (true) {
  a = 5;
  function a() {}
  a = 2;
  console.log(a);
}
console.log(a);

JavaScript 中的面向对象

在 JavaScript 中没有类的概念,因此它的对象与基于类的语言中的对象不同。

ECMA-262 把对象定义为:无序属性的集合,其属性可以包含基本值、对象或函数。

一直以来在编程中都是使用 classextends 关键字,而这实际上是 ES6 中添加的语法糖。在熟练使用语法糖的同时,有必要了解其背后的原生实现。

JavaScript 原型相关

一直以来没有系统地去学习过原型相关的知识概念,虽然平时直接使用不多,但时常会看到,有必要搞明白一点。