My First Blog~
发表于|更新于|杂谈
|总字数:42|阅读时长:1分钟|浏览量:
我的第一个博客~
Hello World
1 | print('Hello World') |
1 | System.out.println("Hello World") |
1 | int main() { |
1 | console.log("Hello, World!"); |
相关推荐

2025-09-02
CS571 More about Fetch
CS571 API Requests with JavascriptPrerequisites: Solid understanding to Javascript fundamentalslecture video(web dev basic 2) APIs and The DOM(Document Object Model) APIApplication Programming Interfaces(APIs) is a bit like ADTs om data structures. Without knowing the underlying principles, we can use properties assigned to the ADT and carry out our implementation. API, on the other hand, allows us to use complex functionalities using simple syntax in our actual code. Typically, there are...

2025-08-04
CS571 Class note 1
CS571 @UW-MadisonCS571 is a course for basic UI/UX design and frontend programming by University of Wisconsin Madison. The course is completely open source for all cs students to learn globally. The official website of this course is CS571, the latest version is for 2025 Spring. You can find matching class videos and other materials in this website. JsonJson(Javascript Object Notation) is basically a way to represent data in a hierarchy key-value pairs. The first tutorial didn’t...

2025-09-18
CSS Fundamentals (1)
CSS Fundamentals (1) - CSS Selectors and Cascading Basic SelectorsType(Element) SelectorIn html we have tags for each element, type selector selects all the elements with the specific tag: 123p { color: #00c4b6; } Class SelectorIn html, we can add class attribute to every element, each element can have multiple classes. The class selector can select elements that have the same class attribute. 123.className { color: #0d0d0d;} But sometimes we want to style...

2025-10-21
CSS Layout - Flexbox
Flexbox display: flex;The main axis and the cross axisThere are two invisible axis that control the flexbox. The main axis that goes through the center of the box along the flex direction The cross axis that is perpendicular to the main axis flex-direction: row; defines the direction of the main axis, it can be set to row or column We use justify-content to control the main axis, and align-items for the cross axis. For the justify-content, the values can be: flex-start:...

2025-10-19
CSS layout - Grid
Grid LayoutSyntax Grid line: the grid line is the border of each cell, the first grid line is the left border of the first column, same applied to rows. Grid Container123display: grid;grid-template-columns: repeat(3, 100px) ;grid-template-rows: repeat(2, 200px); This creates a grid with 3 columns and 2 rows, each column is 100px wide and each row is 200px high. However, instead of using repeat(), we can also define the size manually. 12grid-template-columns: 100px, 100px, 100px...

2025-06-26
Data 8 学习笔记(一)
Data 8 学习笔记(一)介绍DATA 8 是加州大学伯克利分校的数据科学基础课程,使用的编程语言为python。课程资源: 课程官网 包含了课程视频,课上ppt,但是作业需要UCB的账号。视频在Youtube可以找到,目前最新的是2022Spring(最新的人家不可能让你免费看嘛) Github 课程作业 包含课堂同步Jupiter notebook还有lab, hw, project以及最重量级的textbook。最新的是2025Spring(太良心了)。 具体的配置很简单,主要是使用numpy, panda, matplotlib, 还有UCB自己的datascience这几个python库。 datascience library安装(在terminal, cmd): npm install datascience 这个库属于UCB为了初学者专门创建的preliminary tool,它主要操作的数据类型是库里定义的Table。就如同它的名字一样,Table就是个表格,每一列都是一个np...
公告
我的避风港——存储了我的技术博客,读书笔记还有杂谈等~