面向切面编程 AOP

面向切面编程 AOP

面向切面编程 AOP(Aspect-oriented programming)的主要作用是把一些跟核心业务逻辑模块无关的功能抽离出来,这些跟业务逻辑无关的功能通常包括日志统计、安全控制、异常处理等。把这些功能抽离出来之后,再通过「动态织入」的方式掺入业务逻辑模块中。这样做的好处首先是可以保持业务逻辑模块的纯净和高内聚性,其次是可以很方便地复用日志统计等功能模块。

阅读全文

React 高阶组件 HOC

React 高阶组件 HOC(Hight-Order Component)

什么是高阶组件?

阅读全文

React 生命周期

无状态(stateless)组件

1
2
3
const MyButton = () => {
return <h1>My Button</h1>
}

阅读全文

Normalize.css

简介

Normalize.css 是一个可定制的 CSS 文件,使浏览器呈现的所有元素,更一致和符合现代标准。它正是针对只需要统一的元素样式。

阅读全文

Vue 中使用 SCSS 定义全局变量

安装 SCSS

1
npm install sass-loader node-sass --save-dev

阅读全文

Fira Code —— 程序员专用字体

简介

Fira Code 是 Mozilla 主推的专为代码排版优化的等宽字体。

它基于 Fira Mono 等宽字体的一个扩展,主要特点是加入了编程连字特性(ligatures)。

阅读全文

Mac 下 tree 命令使用

简述

在写某篇笔记的时候需要列出目录下文件结构,但是 Mac 下默认是没有 tree 命令的,这时候我们可以通过 Homebrew 安装 tree 这款软件:

阅读全文

JavaScript 中有关的专有名词记录

🧐 Keep learning

如果有错误欢迎指出,互相学习~

dispatch:分发。

Anchor:锚点。

Truthy:在 JavaScript 中,Truthy 指的是在 Boolean 上下文中转换后的值为 true 的值。

阅读全文

利用Nginx反向代理实现前端跨域

前言

在之前的一个课程项目中,遇到了一个跨域问题,不过以前用的都是 jsonp 或者后端设置 Access-Control-Allow-Origin,这两种方法都需要后端进行相对应的操作,如果遇到不想改文件的后端,或者短时间内联系不上后端呢?

阅读全文

JavaScript 中「相等运算符」和「严格相等运算符」的规则和关系

引言

首先我们抛出两个问题:

  1. 为什么 [1] == [1]false ?

  2. 为什么 [1] == 1true ?

阅读全文