jQuery
jQuery 概述仓库: 可以把很多东西放到这个仓库里面。找东西只需要到仓库里面查找到就可以了
JavaScript库: 即 library，是一个封装好的特定的集合(方法和函数)。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show，比如获取元素等.
常见的JavaScript库: jQuery,Prototype,YUI,Dojo,ExtJS,移动端的zepto这些库都是对原生JavaScript的封装，内部都是用JavaScript实现的
jQuery是一个快速、简洁的 JavaSript 库，其设计的宗旨是“write Less，Do More”，即导写更少的代码做更多的事情。
jQuery封装了 JavaScript 常用的功能代码，优化了 DOM 操作、事件处理、动画设计和Ajax交互学习iQuery本质: 就是学习调用这些函数(方法)。jQuery 出现的目的是加快前端人员的开发速度，我们可以非常方便的调用和使用它，从而提高开发效率。
轻量级。核心文件才几十kb，不会影响页面加载速度
跨浏览器兼容。基 ...
BOM
BOM导读BOM (Browser ObjectModel)即浏览器对象模型，它提供了独立于内容而与浏览器窗口进行交互的对象，其核心对象是window。BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性BOM 缺乏标准，JavaScript语法的标准化组织是ECMA，DOM 的标准化组织是 W3C，BOM最初是Netscape浏览器标准的一部分。
DOM
BOM
文档对象模型
浏览器对象模型
DOM就是把[文档]当做一个[对象]来看待
把[浏览器]当做一个[对象]来看待
DOM的顶级对象是 document
BOM的顶级对象是window
DOM主要学习的是操作页面元素
BOM学习的是浏览器窗口交互的一些对象
DOMW3C标准规范
BOM是浏览器厂商在各自浏览器上定义的，兼容性较差
window 对象是浏览器的顶级对象，它具有双重角色
它是JS 访问浏览器窗口的一个接口。
它是一个全局对象。定义在全局作用域中的变量、函数都会变成window对象的属性和方法在调用的时候可以省略window，前面学习的对话框都属于window 对象方法，如 ...
DOM
API 和 Web APIAPI (Application Programming Interface,应用程序编程接口)是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。API 是给程序员提供的一种工具，以便能更轻松的实现想要完成的功能。Web API 是浏览器提供的一套操作浏览器功能和页面元素的 API(BOM 和DOM).现阶段我们主要针对于浏览器讲解常用的API，主要针对浏览器做交互效果比如我们想要浏览器弹出一个警示框，直接使用 alert(‘弹出’)MDN详细APl: https://developer.mozilla.org/zh-CN/docs/Web/API因为 Web API 很多，所以我们将这个阶段称为 Web APIs
DOM文档对象模型(DocumentObjetModel，简称 DOM)，是W3C组织推荐的处理可扩展标记语言(HTML或者XML)的标准编程接口。W3C已经定义了一系列的DOM接口，通过这些DOM接口可以改变网页的内容、结构和样式
DOM树: 将 HTML 文档以 ...
嵌入式开发入门
什么是计算机计算机是一种能够执行计算的设备，1946年2月14日世界上第一台数字计算机ENIAC在美国宾夕法尼亚大学被制造出来，这标志着人类社会进入了信息化时代。
CPU中央处理器是指挥计算机工作的核心部件，在计算机中相当于大脑的地位，承载了计算机中最基本的原理。近70年来，从早期ENIAC计算机的CPU，到现在的手机中超大规模集成电路CPU，CPU变化的只是制作工艺，其根本的工作原理基本没有变。
做计算机 = 做CPU + 做操作系统
一层层的套娃：通过最简单的组件，经过一层层的抽象，做出来复杂的操作。
元器件的变化继电器一真空管一晶体管继电器、真空管和晶体管是用于实现电信号的开关控制的电子元件。其他元器件原理都是一样，只是体积做的越来越小，现在晶体管开关的最小尺寸可以做到3nm左右
从1945年到现在计算机的电路原理和结构没有发生变化，变化的只是制作工艺
数字电路与二进制简单来说，数是一个抽象的概念，而数字是用来表示数的符号。数(number)是一种数学抽象概念。数字(digit) 是表示数量的符号，如 0,1,2,3,4,5,6,7,8,9。抽象的概念是看不见的，符号是看得见的 ...
认识Ros2
概念总览
安装测试1wget http://fishros.com/install -O fishros && . fishros
1ros2 run turtlesim turtlesim_node
1ros2 run turtlesim turtle_teleop_key
工作空间工作空间是什么针对机器人某些功能进行代码开始时，各种编写的代码、参数、脚本等文件，也需要放置在某一个文件夹里进行管理，这个文件夹在ROS系统中就叫做工作空间。
src，代码空间，未来编写的代码、脚本，都需要人为的放置到这里；build，编译空间，保存编译过程中产生的中间文件；install，安装空间，放置编译得到的可执行文件和脚本；log，日志空间，编译和运行过程中，保存各种警告、错误、信息等日志。
创建工作空间123$ mkdir -p ~/ros2_test1/src$ cd ~/ros2_test1/src$ git clone # 某个源码
自动安装依赖123456$ sudo apt install -y python3-pip$ sudo pip3 install ...
HTTP协议
浏览器背后的故事
HTTP超文本传输协议(HTTP)是一种通信协议，它允许将超文本标记语言(HTML)文档从Web服务器传送到客户端的浏览器HTTP是一个属于应用层的面向对象的协议，由于其简捷快速的方式，适用于分布式超媒体信息系统。它于1990年提出，经过几年的使用与发展，得到不断地完善和扩展
Web与HTTPWEB是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统建立在Internet上的一种网络服务，为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面，其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构
透过TCP/IP看HTTP
TCP/IP协议族分层TCP/IP协议族是由一个四层协议组成的系统，这四层分别为: 应用层、传输层、网络层和数据链路层
应用层应用层一般是我们编写的应用程序，决定了向用户提供的应用服务。应用层可以通过系统调用与传输层进行通信。如: FTP、DNS、HTTP等.
传输层传输层通过系统调用向应用层提供处于网络连接中的两台计算机之间的数据传输功能 ...
Git
Git 初识
概念：一个免费开源，分布式的代码版本控制系统，帮助开发团队维护代码
作用：记录代码内容，切换代码版本，多人开发时高效合并代码内容
Windows系统：exe 程序，默认下一步即可
Mac系统：dmg 程序，默认下一步即可
检验成功：
打开 bash 终端（git 专用）
命令：git -v（查看版本号）
配置：用户名和邮箱，应用在每次提交代码版本时表明自己身份
命令：
git config --global user.name "yourname"
git config --global user.email "youremail"
Git 仓库Git 仓库（repository）：记录文件状态内容的地方，存储着修改的历史记录
创建：
把本地文件夹转换成 Git 仓库：命令 git init
从其他服务器上克隆 Git 仓库
Git 的三个区域工作区：实际开发时操作的文件夹
暂存区：保存之前的准备区域（暂存改动过的文件）
版本库：提交并保存暂存区中的内容，产生一个版本快照
命令
作用
git ...
记账薄项目
需求
实现一个基于命令行界面的简单记账软件
具体功能
记账功能，用来记录每一笔收入和支出
查询功能，用来查询当前的所有账目，并统计总收支;可以选择查询全部账目、查询收入和查询支出
软件采用分级菜单形式;每一级菜单应该有“返回主菜单”功能
数据结构设计
每一条账目数据，都应该包含收支类型、金额、备注三部分，可以构建一个结构体类型 Accountltem 来表示
保存在文件中的数据，读取之后应该是一个 Accountltem 类型的 vector 容器
流程控制设计用户不选择退出，程序就不会结束，所以应该用一个while循环来处理整个流程;当用户确认退出时，更改一个标志位，用来退出循环每一级菜单做键盘选择后，可以用 switch 分支语句来处理不同的功能模块，可以包装成函数
代码
common.h
1234567891011121314151617181920212223#pragma once#include<iostream>#include<fstream>#include<string>#include<vector>#defi ...
60行前端JS语法实现贪吃蛇游戏
01-案例介绍
02-面向对象思维分析
03-构建方块对象
123456789101112131415161718/* 1.方块对象Cube (8行js) */class Cube { // 1.1 构造函数 constructor(x = 0, y = 0, bgc = this.randomColor()) { this.x = x this.y = y this.bgc = bgc this.html = `<div class="cube" style="left:${x * 20}px;top:${y * 20}px;background-color:${bgc}"></div>` } // 1.2 原型 randomColor () { // rgb(0-255,0-255,0-255) return `rgb( ${parseInt(Math.rand ...
C语言学生管理系统
StudentSystemManager.h1234567891011121314151617181920212223242526272829303132333435363738#include <stdio.h>#include <stdlib.h>#include <conio.h>//学生信息typedef struct _Student{ int stuNum; char name[20]; int score;}Student;//结点信息typedef struct _Node{ Student student; struct _Node* next;}Node;void welcome();void inputStudent(Node* head);void printStudent(Node* head);void countStudent(Node* head);void findStudent(Node* head);void saveStudent(Node* head);void loa ...
