无题
一 Arduino IDE安装esp32 SDK
安装Arduino IDE
打开Arduino IDE
打开Arduino IDE菜单 > 文件 > 首选项
在 附加开发板管理器网址 输入框中，填入以下网址：https://www.arduino.cn/package_esp32_index.json
下载社区打包的esp32安装包，直接运行，程序会自动解压到相应位置
下载地址：https://cloud.codess-nas.top:5213/s/2Ocn
二 实现LED灯闪烁
开发板：esp32-c3
编译环境如下图：
完整程序：12345678910111213141516171819int led1 = 12;int led2 = 13;void setup() { //设置io口为输出模式 pinMode(led1,OUTPUT); pinMode(led2,OUTPUT);}void loop() { //向io 口写入高电平 digitalWrite(led1,1); digit ...
JavaScript基础算法
编程语言有很多，但是算法都是通用的，下面以JavaScript为例介绍几种简单的排序算法
一，时间复杂度学算法前当然是先要了解什么是时间复杂度，说白了就是运行完一段代码所要花费的时间，再直白点可以理解为这段代码一共执行了几句
图中O(N)和n成线性关系，N的变化倍率和时间变化倍率成正比。
由图可以看出：O(N^N) >> O(2^N) >> O(N^3) >> O(N^2) >> O(N * lnN)
也就是说O(N*lnN)的时间复杂度是最小的，在写算法时我们就是为了追求更小的时间复杂度才有了各种各样的算法和数据结构
12345678910111213141516171819// 3n => O(N)let n = 100for(let i = 0;i < n;i++){ let a = 3; // 300 次}// 4n => O(N)for(let i = 0;i < n;i++){ let a = 3; let b = 2 }// O(N ...
js作用域和闭包问题
var let const 的区别
var:声明函数变量。函数外用var声明的变量会挂载在window下，不能跨函数访问，可以跨块访问。可以重复赋值但无法删除
12345678function foo() { var a = 1; // 局部变量 b = 2; // 全部变量}console.log(a); // 报错console.log(c) //undefined 预编译时变量声明被提升到之前所以不报错var c = 3;
let:代码块({})内声明的变量只能在块内访问且不能跨块，跨函数访问。不能在同一个代码块中重复赋值
123456789if(1){ var a = 1;}console.log(a) // 1if(1){ let a = 1;}console.log(a) // 报错
const:声明常量。声明时必须有赋值，不能修改值
1234567const obj = { a : 1, b : 2 ...
JavaScript数组方法的应用
JavaScript数组方法的应用
前言：今天突然想起两年没更新的博客，心血来潮更一篇！
那就来一起看一道关于js数组的题目
补全函数 getMaxArrays 中的代码，最终实现根据不同的传参情况，返回预期数组的需求。具体需求如下：（1）传入的参数列表中，所有参数皆为数组的情况下：1.若长度最大的数组有一到多个，则最终返回这些数组的集合（即二维数组）。
例如：
1234567var a1 = [12, 2];var a3 = [32, 2, 3];var a3 = [24, 56, 12];var newArr = getMaxArrays(a1, a2, a3);console.log(newArr);// => [[32, 2, 3],[24, 56, 12]]var newArr = getMaxArrays(a3);console.log(newArr); // => [[24, 56, 12]]
2.若所有数组长度相同，则返回空数组（即: []）。
例如：
1234var a2 = [34, 2, 3];var a3 = [23, 12, 3];var ne ...
文本样式化
文本样式化 掌握了 CSS 语言的基础之后，对于您来说，下一个需要关心的 CSS 主题就是为文本添加样式——一个您将会最经常使用 CSS 做的事情。在这里，我们专注于为文本样式的基础，包括设置字体、粗细、斜体、行还有字符间距、阴影以及文本的其他特征。
基本文字以及字体样式用于样式文本的 CSS 属性通常可以分为两类，我们将在本文中分别观察。
字体样式：作用于字体的属性，会直接应用到文本中，比如使用哪种字体，字体的大小是怎样的，字体是粗体还是斜体，等等。
文本布局风格：作用于文本的间距以及其他布局功能的属性，比如，允许操纵行与字之间的空间，以及在内容框中，文本如何对齐。
字体颜色color 属性设置选中元素的前景内容的颜色 (通常指文本，不过也包含一些其他东西，或者是使用 text-decoration 属性放置在文本下方或上方的线 (underline overline)。
color 也可以接受任何合法的 css颜色值, 比如:
123p{ color:red;}
字体种类要在你的文本上设置一个不同的字体，你可以使用 font-family ...
十六进制颜色以及它的规律
16进制颜色的数值意义：举个例子：比如 #1A2BF4（不区分大小写），前两位1A表示的是RGB中R（Red：红色），2B表示的是RGB中的G（Green：绿色），F4表示RGB中的B（Blue：蓝色），大小从00（0）到FF（255），数值越高，颜色越深。
16进制颜色的混合：比如对于#FF0000，绿色和蓝色都是00，而红色则是FF，则该颜色#FF0000就是红色，#550000也是红色，但是要比#FF0000的红要浅。同理，#00FF00表示绿色，#0000FF表示蓝色。
根据颜色混合原理，其实是跟物理学是一样的，红绿混合（#FFFF00）为黄色，红蓝混合（#FF00FF）为紫红色（也叫洋红），蓝绿混合（#00FFFF）为青色，而红绿蓝混合（#FFFFFF）则是白色，
#000000为黑色。
将#XXYYZZ分组，XX为第一组，YY为第二组，ZZ为第三组。显然XX，YY，ZZ分别对应红绿蓝。
1.当第一组较大，其余两组较小时，颜色偏红。
2.当第二组较大，其余两组较小时，颜色偏绿。
3.当第三组较大，其余两组较小时，颜色偏蓝。
4.当第一、二组较大，第三组较小时，颜色偏黄。 ...
元素类别及标签嵌套规则
元素类别及标签嵌套规则元素类别block 块级元素
功能 ：用来搭建结构，承载内容，布局eg:div,ul,ol,dl,li,h1~h6,p
特点：
独占一行
默认宽度为父级的100%
可以直接设置宽高
对margin,padding有效
inline 行内元素
功能：用来区分，强调，细节化eg:span,strong,em…,a
特点：
横排排列，直到装不下才会换行
不能直接设置宽高(内容撑开width height)
对垂直方向上的margin,padding无效
inline-block 行内块级元素特点：
既能设置宽高，又能在同一行中排列
行内替换元素：img input标签嵌套规则
块级元素可以嵌套大部分块级和行内元素
行内元素不能套块级，可以套行内
特殊的h1~h6,p,dt,不能套块级，只能套行内
同级的元素类别要相同
css层叠样式表以及选择器
css层叠样式表以及选择器css层叠样式表简介层叠样式表 (Cascading Style Sheets，缩写为 CSS），是一种 样式表 语言，用来描述 HTML 或 XML（包括如 SVG、MathML、XHTML 之类的 XML 分支语言）文档的呈现。CSS 描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题。
CSS 是开放网络的核心语言之一，由 W3C 规范 实现跨浏览器的标准化。CSS节省了大量的工作。 样式可以通过定义保存在外部.css文件中，同时控制多个网页的布局，这意味着开发者不必经历在所有网页上编辑布局的麻烦。CSS 被分为不同等级：CSS1 现已废弃， CSS2.1 是推荐标准， CSS3 分成多个小模块且正在标准化中。
分类行内样式写在标签style属性里面的样式
1<span style="color:#ooo"></span>
内联样式写在一般位于头部内style标签里的样式
12345<head> <style> *{margin:0;padding:0;} ...
div盒子模型
div盒子模型
作为容器用于搭建网页结构、布局；
margin（外边距） 与其他元素间的距离；
外边距合并：相邻的上下外边距合并为较大的那个外边距。
详细了解请前往W3C
padding（内边距）：与内容区域留出的空白位置；border（边框线）；box-sizing盒子计算方式(1)content-box(默认值，标准盒子模型)
width=border-left+padding-left+width+padding-right+border-rightheight=border-top+padding-top+height+padding-bottom+border-bottom
(2)border-box(IE盒子模型，盒子的宽高不会随padding和border而改变)
原始width=border-left+padding-left+内容width+padding-right+border-right原始height=border-top+padding-top+内容height+padding-bottom+border-bottom
案例带有margin, ...
文本格式化，图片及列表标签
文本格式化
标签1. 标题标签
h1~h6字体依次变小,都有加粗的样式。
h1为主标题，一个文档中出现一次。
代码：
123456<h1>一级标题</h1><h2>二级标题</h2><h3>三级标题</h3><h4>四级标题</h4><h5>五级标题</h5><h6>六级标题</h6>
效果：
一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
2. 段落标签1<p>这是一段段落</p>
效果：
这是一段段落
3. 文本格式化标签（1）strong / b12<strong>文本加粗，有强调作用</strong><b>文本加粗</b>
效果：文本加粗，有强调作用文本加粗
（2）em / i12<em>文本倾斜，具有强调作用</em><i>文本倾斜</i>
效果：文本倾斜，具有强调作用文本倾斜
（3）mark1 ...