【Windows 11系统初学者安装教程】
如果有重要数据，需要先备份后再继续。系统安装完毕后，使用磁盘管理对系统进行分区。创建新系统后，需要按照提示操作，然后点击下一步，进入安装界面]，如下图：。[请删除此处所有分区，将其设为未分配，然后重新创建。128GB、256GB、512GB、1TB固态硬盘，C盘大小建议为100GB。系统安装完毕后，系统将被划分为其余区域。您可以使用Microsoft帐户登录以继续解压过程。
8. 您想要执行什么类型的安装？ 选择【自定义：仅安装Windows（高级）（C）】，如下图：
注意：删除分区将导致所有数据被删除。 如果有重要数据，需要先备份后再继续。
9. 您想将Windows安装在哪里？ 【您选择需要安装系统的磁盘，点击新建，系统盘大小一般为102400MB，系统盘一般要求C盘为100GB，适用于128GB、256GB、512GB、1TB固态驱动器）重新安装格盘时，建议这里全部删除，然后新建一个系统分区。 系统安装完毕后，使用磁盘管理对系统进行分区。 创建新系统后，需要按照提示操作，然后点击下一步，进入安装界面]，如下图：
10. 您想将Windows安装在哪里？ [请删除此处所有分区，将其设为未分配，然后重新创建。 新创建的分区将自动以 4K 和 GPT 格式对齐。 对于128GB、256GB、512GB、1TB固态硬盘的用户，这里建议您新建一个C盘大小为102400MB的分区，其余的可以作为软件或游戏或文件数据盘。 128GB、256GB、512GB、1TB固态硬盘，C盘大小建议为100GB。 以上只是系统盘的一个分区。 系统安装完毕后，系统将被划分为其余区域。 】，如下所示：
11、Windows正在安装中，请耐心等待20分钟左右，如下图：
12. Windows 需要重新启动才能继续。 选择[立即重新启动]。 重启过程中请务必拔掉U盘，如下图：
13.计算机重新启动后，系统将自动部署并安装。 请耐心等待，如下图：
14、等待进入系统界面，选择【当前国家（地区）】，选择【中国】，点击【是】，如下图：
15.选择【微软拼音】或【五笔输入法】，然后选择【是】，如下图：
16. 点击【添加布局】添加多种输入法。 如果不需要选择【跳过】，如下图：
17.请注意：Windows 11家庭中文版或Windows 11家庭版必须连接到互联网。 您可以使用Microsoft帐户登录以继续解压过程。 连接互联网后系统将自动激活。 如果您使用的是有线网络，则不会显示以下页面，直接进行下一步。 选择【无线网络点击链接】，链接成功后点击【下一步】，如下图：
18、这一步【让我们为您的设备命名】【可以命名】或者【暂时跳过】，如下图：
19. 登录 Microsoft 帐户。 如果您之前没有Microsoft帐户，则需要点击【创建一个】，按照提示创建一个新的Microsoft帐户，然后点击【下一步】，如下图：
20.点击【创建PIN】，如下图：
21. 设置 PIN 码。 默认 PIN 码由所有数字组成。 如果需要包含字母和符号，可以勾选“包含字母和符号”，如下图：
22、根据需要选择【隐私设置】，然后点击【下一页】，如下图：
23、根据需要选择【隐私设置】，然后点击【接受】，如下图：
24. 选择[您计划使用该设备的所有方式]。 如果不需要设置，点击【跳过】，如下图：
25.同步检查更新。 此过程受网络环境限制，可能需要较长时间。 建议耐心等待。 同时，如果由于网络原因更新太慢，超过40分钟后就会显示“跳过”按钮。 您可以选择“跳过”该界面，如下图：
26、检查更新后，会提示【此操作可能需要几分钟】不要关闭计算机，如下图：
27、检查更新后，会提示【请保持电脑开启并插入电源】。 请不要关闭电脑，如下图：
28、等待几分钟后即可正常进入桌面，系统第一次部署完成，如下图：
从零开始开发和训练小程序，我们先从前端界面开发方面来谈谈小程序。
1.常用标签和控件
View：小程序的主要布局元素，类似于HTML标签的div。 您还可以像控制 div 一样控制视图。
scroll-view：如果要滚动内容，则无需使用view进行溢出。 滚动视图提供了更强大的功能。 通过调整参数，可以控制滚动方向、触发事件等。
swiper：滑块视图容器。 对于新手来说，再也不用担心选择哪个滚动插件了。
图标：小程序提供多种图标供您直接使用
text：文本，唯一可以长按选择的组件。
进度，进度条
按钮：尝试使用小程序提供的几个样式参数。
表单和常见表单组件：表单、输入、复选框、标签、选择器、单选、滑块、开关
操作反馈和消息提示框：action-sheet、modal、toast、loading
还有一些媒体组件，视频、音频、图像、画布等。
2.小程序演示培训
开发之前，必须有微信开发者工具，下载地址：
这里我假设大家都已经获得了内测或者公测的资格，因为如果没有获得的话，下面的步骤是无法进行的。
打开后，你会看到这样的界面。 我们选择小程序进入。
现在您可以创建项目了
填写你得到的appid，你的项目名称和目录，然后你就可以打开你的项目了。 界面如下：
左侧菜单栏不说，中间就是编译好的预览界面。 新的开发者工具已经可以实时更新，不需要每次都点击编译。
右侧是你的项目目录，其中pages是你的页面结构目录。 每个页面必须有三个文件：js、wxml和wxss。 如果缺少任何一项，预览将无法上传。
然后是当前的app.json 文件。 app.json是整个小程序的全局配置。 在这个文件中，我们可以配置小程序由哪些页面组成，配置小程序的窗口背景颜色，配置导航栏样式，配置默认标题。 请注意，不能向该文件添加任何注释。 我们简单配置一下：
这里更好的是导航栏的背景颜色可以自定义为任何颜色。 不再有黑白和透明度的限制，还是很不错的。
然后我们只需在第 p 页中写入 Hello World 即可。
保存后，预览界面会立即刷新。
如果要真机测试（我个人建议真机测试，尤其是上下游预览的时候，PC上的风格还原很差，包括字体等，毕竟系统不一样。） ，您只需选择项目选项即可。
然后点击界面上的预览。
以下三个选项比较实用，可以根据需要进行选择。 然后会弹出一个二维码，可以使用注册的微信ID在真机上预览，如图：
这样一个简单的小程序demo是完全可以运行的。
与配置文件app.json同级有一个app.js文件，它是小程序的脚本代码。 我们可以在这个文件中监控和处理小程序的生命周期函数，声明全局变量，并在各个页面目录下的js中对当前页面进行业务操作。 但小程序页面的脚本逻辑是在JsCore中运行的。 JsCore是没有window对象的环境，所以脚本中无法使用window，脚本中也无法操作组件，所以我们常用的zepto/jquery等类库也是无法使用的。
另一个app.wxss文件，这个是全局样式，会被所有页面调用。 每个项目目录下的wxss是本地样式文件，不会污染其他目录。 您可以放心使用样式名称。
他提供的WXSS（WeiXin Style Sheets）是一种样式语言，具有CSS的大部分特性，可以看作是CSS的简化版。
同时，为了更加适合微信小程序的开发，对CSS也进行了扩展和修改，这直接帮助我们做了部分适配工作。 比如它的rpx（响应像素）可以根据屏幕宽度进行适配，指定屏幕。 宽度为750rpx。 例如，在iPhone6上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750个物理像素，1rpx = 0.5px = 1个物理像素。
这很棒，也很方便。 你可以简单的理解为你平时遵循750设计稿的开发流程，只不过不需要再做rem转换和适配的工作，所以小程序的视觉稿最好按照750来制作。
但！ 不同屏幕上会存在一些差异，只能根据大家的经验来避免和解决，无论是通过媒体查询还是其他方法。
而且，wxss中不能引用本地资源。 谈论这个陷阱让我热泪盈眶。 那天晚上写一个小程序demo的时候，没有仔细检查。 我一边忙着写作，一边预览。 突然，真机上的预览停止工作了。 没有任何警告，我从来没有想到问题是由背景图像引起的。 折腾了大半夜，终于弄清楚问题出在哪里了，于是兴致勃勃地将所有图片都转成了base64，心想这样应该没问题了吧？ 结果预览上传又失败了。 折腾了一晚上才发现小程序对整个包的大小有严格的要求，不能超过1M。 最后我把静态资源全部放到了腾讯云的CDN上，解决了问题。 问题。 所以如果你想写背景图，就需要引用网上的图片。 这里强烈不建议使用base64！ 强烈不建议使用base64！ 强烈不建议使用base64！
另一个应用程序只能同时打开5个页面。 打开5个页面后，wx.navigateTo无法正常打开新页面。 请避免多级交互。 在开发过程中难免会遇到一些陷阱。 例如，对于一个简单的开关控件，您可以通过查看元素轻松了解其自身的样式。
然后我想对文本进行简单的垂直对齐。 从以往的CSS经验来看，只要vertical-align: middle就可以轻松解决。 本地预览时也是一样。
然而，在真机测试过程中，各种设备开始出现偏差。
然后对元素进行了简单的检查后，发现问题是这个控件中有一个空白区域。 根据设备的不同，屏幕尺寸不同，空白区域的大小也不一致。
由于时间有限，能浏览的文档有限。 我觉得这是因为默认的线高，所以我不得不利用经验丰富的司机的狡猾本性。 我可以控制行高或溢出以去除多余的部分。 最后，真机界面显示还是不错的。 团结。
如果你想按照像素级的设计稿来开发小程序，还是需要对控件上的细小差异做一些控制（也可能是我个人使用了错误的方法或者误解了。因为有太多的问题）文档很少，以后就做不到了，开发者多了，大家就会有更清晰的认识）
还有一个遇到的问题，就是小程序对图片的默认渲染。 这是通过该工具查看的默认图像的样式：
经过多方查询，我们发现小程序的图片是根据background-image来实现的，所以所有的图片都会得到初始宽高为320和240，并且无法通过auto重置，只能用具体值。
好在微信提供了3种缩放模式和9种裁剪模式，可以满足我们大多数场景下对图片的掌控。
比如原图：
scaleToFill模式：在不保持宽高比的情况下缩放图片，使图片完全贴合
aspectFit：在保持宽高比的情况下缩放图像，使图像的长边能够完全显示
aspectFill：保持图像的长宽比，仅保证图像的短边能够完全显示。
top：不缩放图像，只显示图像的顶部区域
Bottom：不缩放图像，只显示图像的底部区域
center：不缩放图像，只显示图像的中间区域
left：不缩放图像，只显示图像的左侧区域
right：不缩放图像，只显示图像的右侧区域
top left：不缩放图像，只显示图像的左上区域
top right：不缩放图像，只显示图像的右上区域
左下：不缩放图像，只显示图像的左下区域
右下：不缩放图像，仅显示图像右下区域
如果你对显示图像设计有比较严格的方式，可以尝试使用一些特殊的方法来控制图像的宽度和高度。
小程序还有按钮控件：
它最初的风格是没有边框的，所以我想尽办法将其改写成无边框、无背景的设计形式，但未能成功。 最终为了满足设计稿，将部分语义转化为按钮元素。 我使用了其他更容易接受的元素。 它是通过控制元素实现的，例如该界面中的发送图片按钮。
不过后来才知道按钮的样式是通过after写的。 这个after(┬＿┬)在开发者工具的调试中是完全看不到的……
除了这些UI开发的经验之外，大家也都知道小程序不是为显示而生的。 它们不适合纯粹展示类的东西。 它们主要用于功能性应用。
但微信提供的小程序现有的SDK和DEMO缺乏对服务器的支持，依赖开发者逐模块构建服务； 必须通过HTTPS完成与服务器的通信，依靠开发者自行完成证书申请和部署； 以及认证过程。 安全性要求高，开发者难以高效、安全地完成会话管理； 提供了WebSocket长连接通信的客户端API，但缺乏服务器端的配套支持，开发者很难自行实现。 它还具有快速传播、流量突然增加的特点，这就要求架构具有弹性伸缩能力。
这些都是微信不提供的，需要自己处理。 这里可以推荐这个方案（为了避免广告嫌疑，发个github链接o(∩_∩)o），完美解决了上述问题。 当然，您也可以根据自己的需求使用不同的解决方案。
3. 基于场景的Demo切分
1. 会话管理演示
微信小程序框架提供了wxml/wxss/js API，方便开发者快速创建小程序。 然而，微信小程序与网页开发模式有着本质的不同。 其中，微信小程序是通过上传程序包提交的。 微信在本地加载程序包。 使用时，微信直接从本地启动小程序。 操作模式与网页模式有很大不同。 同样，小程序使用框架提供的wx.request接口发送https请求，不携带cookie信息。 传统webserver的会话管理能力（session）不能直接在微信小程序中使用。 从这一点来说，微信小程序更像是CS架构。 在开发模式下，开发者需要自己实现会话管理功能。
查看教程：
下载源码：
2. 上传下载demo
微信小程序框架提供了文件上传和下载接口，用于将本地资源上传到指定服务器，或者从指定URL下载资源到本地。 但微信小程序框架只提供了客户端解决方案，缺乏服务端相应的实现。 这里，这个demo是通过一个小相册来实现的。
查看教程：
下载源码：
3.WebSocket长连接
微信小程序框架提供了WebSocket请求建立、数据通信、连接关闭等一系列客户端接口，用于与支持WebSocket协议的远程服务器进行通信，使小程序能够实现更原生的体验，例如作为主动服务器推送。 但微信只提供了客户端解决方案，缺乏服务器端相应的实现。这是通过石头剪刀布游戏的demo来实现的。
查看教程：
下载源码：
4. 视频应用演示
微信小程序框架拥有丰富的wxml/wxss/js API和配套文档，帮助开发者快速构建流行的视频应用。 但微信只提供了客户端解决方案，缺乏相应的服务端实现，尤其是流媒体转码集群和流媒体播放服务集群。本例中有具体实现
查看教程：
下载源码：
