Raftale Blog

「离开世界之前一切都是过程」

react - useState

[toc] Reacting to Input with State 很基本的思想吧，总结起来就是：定位组件中不同的视图状态；确定是什么触发了这些状态的改变通过useState表示内存中的state 删除不必要的state变量连接事件处理函数设置state Choosing the State Structure 构建state的原则：合并...

Posted by raftale on November 8, 2024

react - add interactively

Responding to Events 1 2 3 4 5 6 7 8 9 10 11 12 export default function Button() { function handleClick() { alert('You clicked me!'); } return ( <button onClick={handleClick}>...

Posted by raftale on November 5, 2024

Cryptography I - 04: stream ciphers - Attack on stream ciphers and the one time pad

Attack1: two time pad is insecure!! Never use stream cipher key more than once !! $C_1 = m1 \oplus PRG(k)$ $C_2 = m2 \oplus PRG(k)$ Eavesdropper does: $C_1 \oplus C_2 = m_1 \oplus m_2$ Enou...

Posted by raftale on November 4, 2024

Cryptography I - 03: stream ciphers - pseudorandom generators

Stream cipher stream cipher: making the one time paid more practical. idea: replace “random” key by “pseudorandom” key. pseudo random generator: PRG PRG is a function. G: {0, 1}^s -> {0, 1}^n...

Posted by raftale on November 3, 2024

Cryptography I - 02: stream ciphers - one time pad

Symmetric Ciphers: definition A cipher is defined over (K, M, C) K is key space M is this set of all possible messages C is this set of all possible ciphertexts. the cipher itself is a pai...

Posted by raftale on November 3, 2024

react - describing the UI

Your First Component Component names must start with a capital letter or they won’t work! Importing and Exporting Components export components的方式有两种： default export named expo...

Posted by raftale on October 29, 2024

react installation

How to start a new React project React 框架 Next.js：全栈的React框架，由Vercel维护 Remix：具有嵌套路由的全栈式React框架 Gatsby：快速的支持CMS的网站。 Expo: 适合创建原生UI的应用将React添加到现有的项目中在现有网站的子路由中使用 React 在现有页面的一部分中使...

Posted by raftale on October 28, 2024

React Quick Start: Thinking in React

Step 1: Break the UI into a component hierarchy 一个页面可以拆分成多个component，正确的拆分是良好设计的开端。上图中就是一个良好的层级拆分，为了可维护性，一个component应该保持单一职责的原则。 Step 2: Build a static version in React 实现代码的第一步首先是用静态数据先构建一个...

Posted by raftale on October 28, 2024

Cryptography I - 01: What is Cryptography about?

Course Overview cryptography is everywhere Secure communication: HTTPS, 802.11i WPA2, GSM, Bluetooth Encryption files on disk: EFS, TrueCrypt Content protection: CSS, AACS User authentic...

Posted by raftale on October 27, 2024

React Quick Start: tic-tac-toe

React官方的一个demo，非常经典。能掌握就基本上掌握了react的逻辑，值得记录下。 Game.js 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 5...

Posted by raftale on October 26, 2024