前端栈学习(二)-Html、CSS初实战
在这篇博客中,我们将以一个简单的猫咪主页项目为例,讨论几个关键的前端开发知识点,包括位置设置、图片处理、字体处理、:root变量的使用、8px设计原则,以及如何利用Flex布局进行页面设计。
项目结构我们创建了一个名为”Catbook”的页面,HTML结构如下:
1234567891011121314151617181920212223242526272829<!DOCTYPE html><html><head> <title>Catbook</title> <link rel="stylesheet" href="styles.css" /></head><body> <nav class="navContainer"> <h1 class="navTitle">Catbook</h1> </nav> <div class="app ...
电路与数字系统复习
分数分布电路(40 分)
10 分选择
3 道大题 30
数电(60 分)
组合 20 分
数据选择器
译码器
降维卡诺图
时序 20 分
同步
进制
状态方程
编程 20 分
最后一次数电实验
fp、计数、显示
重点概括电路重点
KCL, KVL
支路电流法,网孔电流法,结点电压法
电压源,电流源,受控源
去年戴维南,前年叠加,今年。。。。叠加?
正弦向量一道大题
数电重点
门 译码 数据选择器 降维图
触发器和时序一起出题
D JK 特征方程
会分析时序逻辑电路做什么
会设计 芯片设计
会写 fp 计数 译码程序
有时间看看
TTL 电路 CMOS 电路 开关电压 优点
译码器输出低电平有效 与非还是高电平有效 或们
芯片有没有使能端
芯片高低位顺序要一致
数据选择器降最低位
138 译码器 实现四个变量 用降纬卡诺图
MS-Vim基础操作
基础操作Vim 是基于模式的文本编辑器。
123456Normal --< i >--------> Insert --< R >--------> Replace<esc> <--< V >--------> View --< Shift-V >--> View Line --< Ctrl-V >---> View Block --< : >--------> Command Line
需要熟悉这些切换,不然你就可以在你的屏幕上得到一串随机字符串 😀
因为你会在使用 Vim 时大量使用 <ESC> 键,所以可以考虑把大小写锁定键重定义成 <ESC> 键,这个通过 Vim 里面的映射来完成。
缓存, 标签页, 窗口Vim 的窗口与我们以前所用的编辑器都不同。
Vim 会维护一系列打开的文件,称为“缓存”(即 buffer)。一个 Vim 会话包含一系列标签页(即 tab),每个标签页包含 ...
Ubuntu-oh-My-Zsh配置
这是配置的最终效果:
安装Oh My Zsh第一步:安装Zsh12345678# 安装 Zshsudo apt install zsh# 将 Zsh 设置为默认 Shellchsh -s /bin/zsh# 配置密码文件sudo vim /etc/passwd
把第一行的/bin/bash改成/bin/zsh,这个是root用户的。
第二步 安装Oh My Zsh12345# 安装 Oh My Zshwget https://github.com/robbyrussell/oh-my-zsh/raw/master/tools/install.sh -O - | sh# 以上命令可能不好使,可使用如下两条命令wget https://github.com/robbyrussell/oh-my-zsh/raw/master/tools/install.shbash ./install.sh
安装字体安装字体依赖12sudo apt-get install ttf-mscorefonts-installersudo apt-get insta ...
前端栈学习(一)-初识HTML、CSS、JS三大件
三大件区别HTML 超文本标记语言(英语:HyperText Markup Language,简称:HTML)
CSS 层叠样式表(英语:Cascading Style Sheets,缩写:CSS;又称串样式列表、级联 样式表、串接样式表、阶层式样式表)
对于这个网页
若只有 HTML
若加上了 CSS
可以说 HTML 就是页面的骨架,CSS 是皮肤,JS 就是能让用户和页面互动的神经网络
HTMLHTML 可以说是一个个嵌套的小盒子,就像下图这样一层一层嵌套下去。
举个基础的代码例子
123<html> ...</html>
嵌套了
123456<head> ...</head><body> ...</body>
而head和body内部又嵌套了一些元素
基础 HTML 标签
HTML 属性有些标签会携带属性,如下图
实例标签有:
<a>
<img>
<img>是自闭标签,而且照片的位置若为本地文件,则为相对位置
...
CS61C项目笔记(四)-proj3-构建CPU流水线
今天是 24·10·21 日,时隔 1 个月重新开始完成 proj3 这个大项目,该项目主要是构建 CPU 流水线,我之前写到 partA 的 task3 的时候就停了,这次从 task3 开始写。
在 partA 中,我们已经实现了针对 addi 指令的 CPU,在 partB 中主要实现一个可以完成对多种类型指令进行处理的 CPU。具体来说,在这个部分我们需要实现 I 型、R 型、B 型、load&store、jump&U 型指令。在实验中这几个部分被分为不同的五个任务,但是它们之间有一些相同的部分,比如数据通路和控制逻辑,所以完全可以按照不同的模板来进行实现,而不是根据任务划分多次分步实现。
关于 part APart A 分为三个部分:
实现 Arithmetic Logic Unit (ALU)
实现 Register File (RegFile)
实现 The addi Instruction
ALU任务要求:
Input Name
Bit Width
Description
A
32
Data to use for Input A in t ...
12-CS61C学习笔记-Pipelining
6个计算机体系结构的伟大思想
抽象(表示/解释的层次)
摩尔定律
局部性原理/内存层次结构
并行性
性能测量与改进
冗余实现的可靠性
1. 抽象(Abstraction:Layers of Representation/Interpretation)抽象是将复杂的系统分解为更简单的、可管理的层次,每一层对上层提供简化的接口。计算机体系结构中,硬件和软件的各个层次(例如电路、逻辑门、指令集、操作系统等)都是通过抽象来彼此分离的。这使得开发者可以在特定的层次上工作,而不用了解底层的细节。
2. 摩尔定律(Moore’s Law)摩尔定律是由英特尔联合创始人戈登·摩尔提出的,指出每隔约18到24个月,集成电路上可容纳的晶体管数量就会翻倍,导致计算能力的快速增长。虽然这一趋势在最近几年有所减缓,但它仍然是现代计算机体系结构发展中最重要的推动力之一。
3. 局部性原理/内存层次结构(Principle of Locality/Memory Hierarchy)局部性原理表示程序和数据的访问行为具有空间和时间上的局部性,即访问某一位 ...
11-CS61C学习笔记-SingleCycleCPU_Control
控制寄存器和状态寄存器
控制和状态寄存器( CSR )从寄存器文件( x0-x31 )中分离出来。
用于监测状态和性能
CSRs最多可达4096个
不在基础的ISA中,但几乎在每一个实现中都是强制性的
ISA是模块化的
必要的计数器和定时器,以及与外设的通信
CSR指令
CSRRW (原子读写方法CSR)指令”原子性”地交换CSR和整数寄存器中的值。
CSRRW读取CSR的前一个值,并写入整数寄存器rd。然后将rs1写入CSR
伪指令csrw csr,rs1为csrrw x0,csr,rs1
rd = x0,只需将rs1写入CSR即可
伪指令csrwi csr,uimm为csrrwi x0,csr,uimm
Rd = x0,只需将uimm写入CSR
提示:使用write enable 和时钟. . .
Single-Cycle RV32I Datapath and Control
Instruction timingadd
lw
Control Logic Design
控制实现方式的选择
ROM
Read Only M ...