一些pdf

前置知识

ES

ES modules 是原生 JavaScript 提供的模块功能，逐渐被更多的浏览器支持
形如：

1
2
3
4
5
6
7
8
9

<script type="module">
<!-- something -->    
</script>

<script>
import { x,y } from './module.js
</script>

vue基础

应用

每个 Vue 应用都是通过createApp函数创建一个新的应用实例，例如：

1
2
3
4

import { createApp } from 'vue'
import App from './App.vue'

const app = createApp({App})

createApp 的对象实际上是一个组件，每个应用都需要一个“根组件”，其他组件将作为其子组件，最后得到一个树状结构

模板

当根组件没有设置 template 选项时，Vue 将自动使用容器的 innerHTML 作为模板
模板中可以使用指令，指令由 v- 作为前缀，表明它们是一些由 Vue 提供的特殊 attribute,指令最常用的功能是绑定html属性到某个元素
双大括号会将数据解释为纯文本，而不是 HTML。若想插入 HTML，需要使用 v-html 指令：
<span v-html="rawHtml"></span></p>

想要响应式地绑定一个 attribute，应该使用 v-bind 指令<div v-bind:id="dynamicId"></div>
简写语法为：<div :id="dynamicId"></div> 同名简写(3.4以上版本):<div :id></div> js表达式支持:

1
2
3
4
5
6

{{ number + 1 }}
{{ ok ? 'YES' : 'NO' }}
{{ message.split('').reverse().join('') }}
<div :id="`list-${id}`"></div>

响应式

选项式api使用data 选项来声明组件的响应式状态。此选项的值应为返回一个对象的函数
在 Vue 3 中，数据是基于JavaScript Proxy 实现响应式的,也就是通过一个代理来更新对象状态，vue3中原始对象不会变成响应式代理

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

export default {
  data() {
    return {
      count: 0
    }
  },
  methods: {
    increment() {
      this.count++
    }
  },
  mounted() {
    // 在其他方法或是生命周期中也可以调用方法
    this.increment()
  }
}

创建有自己状态的方法：
如果需要多个有独立状态的方法，则要在created期间创建这样的函数：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

export default {
  created() {
    // 每个实例都有了自己的预置防抖的处理函数
    this.debouncedClick = _.debounce(this.click, 500)
  },
  unmounted() {
    // 最好是在组件卸载时
    // 清除掉防抖计时器
    this.debouncedClick.cancel()
  },
  methods: {
    click() {
      // ... 对点击的响应 ...
    }
  }
}

常用api

vue内置指令 常用的用v-bind,v-model,v-if,v-for等，语法都很符合直觉 在组合式 API 中，通过setup脚本块来初始化需要的数据和函数(包括响应式状态)，常用 ref() 函数来声明响应式状态：const count = ref(0) 脚本中访问count的值需要解包，即通过count.value访问，但在模板块中可以自动解包(只有顶级的 ref 属性才会被解包，被包裹在一个列表中的ref不会解包)

要在组件模板中访问 ref，需要从组件的 setup() 函数中声明并返回它们：

1
2
3
4
5
6
7
8
9
10
11
12
13

import { ref } from 'vue'

export default {
  // `setup` 是一个特殊的钩子，专门用于组合式 API。
  setup() {
    const count = ref(0)

    // 将 ref 暴露给模板
    return {
      count
    }
  }
}

计算属性 ref：形如以下的ref，computed() 方法期望接收一个 getter 函数，返回值为一个计算属性 ref，用法类似数据的ref，与function的区别是能追踪响应式状态，且响应式状态不改变就不会重新计算

1
2
3

const publishedBooksMessage = computed(() => {
  return author.books.length > 0 ? 'Yes' : 'No'
})

路由

创建： history 选项控制了路由和 URL 路径是如何双向映射的,详见不同的历史记录模式

1
2
3
4
5
6
7
8
9
10
11
12
13
14

import { createMemoryHistory, createRouter } from 'vue-router'

import HomeView from './HomeView.vue'
import AboutView from './AboutView.vue'

const routes = [
  { path: '/', component: HomeView },
  { path: '/about', component: AboutView },
]

const router = createRouter({
  history: createMemoryHistory(),
  routes,
})

路由作为一个插件被使用：

1
2
3

const app = createApp(App)
app.use(router)
app.mount('#app')

Pinia

Pinia 是 Vue 的专属状态管理库,可以帮助我们管理共享状态，也就是一些我们希望定义在组件外部，全局可用的状态
引入：

1
2
3
4
5
6
7
8
9

import { createApp } from 'vue'
import { createPinia } from 'pinia'
import App from './App.vue'

const pinia = createPinia()
const app = createApp(App)

app.use(pinia)
app.mount('#app')

本文是对游戏杂谈的一个汇总

thinklive的游戏簿

|表示续作或dlc,||表示同作者或同系列

李宏毅机器学习 动手学深度学习

概论

操作系统：控制管理计算机的硬件，协调控制资源分配，并为应用程序和用户提供接口以供使用

基本特征

操作系统的基本特征包括并发，共享，虚拟和异步

1. 并发
   并发是指两个或多个事件在同一时间间隔内发生。操作系统的并发性是指计算机系统中同时存在多个运行的程序，因此它具有处理和调度多个程序同时执行的能力。这是通过类似时间片轮转的机制实现的。
   并行性是指系统具有同时进行运算或操作的特性，在同一时刻能完成两种或两种以上的动作，需要相关硬件的支持,如多流水线或多处理机硬件环境

2. 共享
   共享：系统内的某些资源可以供并发的不同进程使用，分为以下几种方式
   

   阅读全文 »

you are your dotfiles

帮助

按f1或命令行输入help开启在线帮助 <Cw>切换到另一个窗口,q关闭窗口

`冯·诺依曼计算机特点
– 计算机由五大部件组成
• 输入数据和程序的“输入设备”
• 记忆程序和数据的“存储器”
• 完成数据加工处理的“运算器”
• 控制程序执行的“控制器”
• 输出处理结果的“输出设备”

计组

概论部分

问题：

1. 硬件系统的五个组成部分
2. 指令和数据怎么被cpu区分
3. 控制器怎么取指和译码
4. 三种语言类型，汇编解释和编译的区别
5. 硬软件逻辑功能等价性
6. 计算机的五级层次结构
7. 指令集ISA是软硬的界限,是一种接口不是实现
8. 以c语言为例，怎么最后得到可执行文件
9. ALU,CU,IR，M,MAR,MDR,OP,PC等组件是什么
10. 相联存储器的特点
11. 常见性能指标，字长，数据容量带宽,基准程序等
12. 存储，数据，机器，指令字长分别是什么
13. 提高cpu速度具体机制