请注意:本教程结合官方文档内容并添加了许多我自己学习过种中的理解,存在许多个人观点
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
" ------------------------------ | |
" Name: vimrc for windows | |
" Author: keelii | |
" Email: keeliizhou@gmail.com | |
" ------------------------------ | |
" Startup {{{ | |
filetype indent plugin on | |
augroup vimrcEx |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const VIEW_SIZE = 100 | |
function getCursorPosition(canvas, event) { | |
const rect = canvas.getBoundingClientRect() | |
const x = event.pageX - rect.left | |
const y = event.pageY - rect.top | |
return { x, y } | |
} | |
class EasingCanvas extends React.Component { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*! wysiwyg.css v0.0.3 | MIT License | github.com/jgthms/wysiwyg.css */ | |
/* Modified by keelii */ | |
// Colours | |
$blue: #2478ff !default | |
$pink: #ff2450 !default | |
$purple: #9524ff !default | |
$grey-light: hsl(0, 0%, 50%) !default | |
$grey: hsl(0, 0%, 20%) !default | |
$grey-dark: hsl(0, 0%, 10%) !default |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Bezier Curve Edit</title> | |
<script type="text/javascript"> | |
"use strict"; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{ | |
"name": "demo", | |
"version": "0.0.1", | |
"private": true, | |
"dependencies": { | |
"react": "^16.13.1", | |
"react-dom": "^16.13.1" | |
}, | |
"scripts": { | |
"dev": "NODE_ENV=development node bin/run.js" |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import { join } from "https://deno.land/std/path/mod.ts"; | |
import { readLines } from "https://deno.land/std/io/bufio.ts"; | |
type ProcessType = "remove" | "restore"; | |
function getResultContent(type: ProcessType, m: string) { | |
const hasExtRE = /\.ts";$/; | |
if (type === "remove") { | |
if (hasExtRE.test(m)) { | |
return m.replace(hasExtRE, '";'); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const T: string = "Hello" |
本文翻译自:I want my AOP
关注点表示人们的一种特殊的意愿、理念或是某个感兴趣的领域。从技术角度来讲:软件系统包括若干核心的、系统级别的关注点。比方说:信用卡处理系统的核心关注点是处理交易,同时系统级别的关注点或许应该是处理日志、事务、一致性、授权、安全、性能等。许多这种关注点被叫做横切关注点 — 往往会影响许多模块的实现。
使用目前的编程方法,跨越多个模块横切关注点会导致系统更难设计、理解、实现和迭代。
阅读完全的「我想要 AOP」系列文章:
- 第一部分
NewerOlder