qq_64662981的博客

原创 Mysql

原创 数据结构1

使用者仅需要提供内存地址就可以获取该内存中存放的数据内容，在这里首先需要获取的是初始内存地址，即存放第一个数据元素的内存地址。定义：一组地址连续的存储单元紧密相连并形成线性表，把逻辑上紧密相连的数据，实现在物理上也紧密相连。已知有一个顺序表长度n，获取第3个位置的元素需要几次操作？已知有一个顺序表长度n，获取一个等于3的元素需要几次操作？已知有一个顺序表长度n，获取第3个位置的元素需要几次操作？已知有一个顺序表长度n，获取一个等于3的元素需要几次操作？已知有一个顺序表长度n，向表里面插入数据需要几次操作？

原创 TypeScript尚硅谷学习

面向对象是程序中一个非常重要的思想，它被很多同学理解成了一个比较难，比较深奥的问题，其实不然。面向对象很简单，简而言之就是程序之中所有的操作都需要通过对象来完成。举例来说：操作浏览器要使用window对象操作网页要使用document对象操作控制台要使用console对象一切操作都要通过对象，也就是所谓的面向对象，那么对象到底是什么呢？这就要先说到程序是什么，计算机程序的本质就是对现实事物的抽象，抽象的反义词是具体，比如：照片是对一个具体的人的抽象，汽车模型是对具体汽车的抽象等等。

原创 TypeScript尚硅谷学习

TypeScript是JavaScript的超集。它对JS进行了扩展，向JS中引入了类型的概念，并添加了许多新的特性。TS代码需要通过编译器编译为JS，然后再交由JS解析器执行。TS完全兼容JS，换言之，任何的JS代码都可以直接当成JS使用。相较于JS而言，TS拥有了静态类型，更加严格的语法，更强大的功能；TS可以在代码执行前就完成代码的检查，减小了运行时异常的出现的几率；TS代码可以编译为任意版本的JS代码，可有效解决不同JS运行环境的兼容问题；

原创 TypeScript

类型是对JavaScript标准数据类型的一个补充。像C#等其它语言一样，使用枚举类型可以为一组数值赋予友好的名字。6.any（直接让一些类型不清的变量通过编译阶段检查）

原创 Dev C++

编译：F10 退出编译：Alt+F4 格式化文档：Shift+Ctrl+A

原创 数据结构01 线性表

【代码】数据结构01 线性表。

原创 vue总结

axios拦截器，可以做拦截。安装依赖，封装axios。App.vue 爆红解决。

原创 react-navigation：

我的仓库地址：https://gitee.com/ruanjianbianjing/bj-hybrid。

原创 react-navigation

Getting started | React Navigation

原创 vue文件上传

【代码】vue文件上传。

原创 数据合法性校验

【代码】数据合法性校验。

原创 H5表单控件

编程的重点，属性，比如按钮控件，按钮上的文字是属性，按钮的样式是属性，按钮的状态是属性。但是输入类的控件一般会以输入信息为主要用途，用于输出，需要特别考虑一下，是否合适，当然，还需要设置控件。注意，输入类的控件一般同时可以用来输出，例如：矩形计算器中，面积和周长数据的输出用的是文本框。在事件处理代码中做什么呢？可以控制控件或者界面元素的属性，包括：文字内容、控件或界面元素的位置、颜色、外观，等。分类二：按照控件信息的输入、输出和操作，等功能分类。而控件的方法用的比较少。输出类的控件只能输出，没有任何歧义。

原创 expo版本问题解决

如果启动服务时报了上面“问题”里这个错误，用下面的命令创建低版本的expo工程，模拟器上卸载原来的expo go App，安装上面低版本的expo go App。

原创 React Native JS Api

本模块用于获取设备屏幕的宽高。

原创 物流管理系统作业

（7）生成token，页面跳转。

原创 实验十 HTTP协议

（2）使用koa2搭建静态网站，给网站页面与图片资源添加cache-control缓存处理，让资源在100秒内使用缓存资源，100秒后重新从服务端获取资源。（1）在Linux虚拟机上创建koa 脚手架项目，koa2 -e myhttp2 && cd myhttp2。浏览器访问koa2项目，通过 Network 面板，确认 HTTP 协议版本。浏览器访问 wd18，通过 Network 面板，确认 HTTP 协议版本。创建自签名证书，注意，给证书提供一些有用信息。安装项目依赖，npm i。

原创 HTTP协议1

Date: Mon, 23 May 2022 08:50:10 GMT（响应时间）Keep-Alive（保持连接）: timeout=15（保持连接的超时时间）Content-Type: application/json（响应体的类型）Access-Control-Allow-Origin: *（*表示所有）1、打开开发者工具左上角的刷新图标（操作顺序见下图中的2）Content-Length: 100（请求体的长度）2、在开发者工具中停用缓存（下图中的4）服务端响应数据的长度。服务端响应数据的类型。

原创 实验四 前端性能优化-图片优化

（2）在four中创建文件夹changesize，在该文件夹中初始化项目，将提供的图片素材复制到该文件夹下，安装 ImageMagic 工具，sudo yum install -y ImageMagick ，调整图片 flower_logo.png 的尺寸，convert flower_logo.png -resize 50x50 flower_logo_50x50.png，将页面中图片替换为生成的图片，使用Lighthouse检验，优化建议的变化。创建文件夹four，该章节实验放置到four中。

原创 实验三 前端性能优化-CSS优化

（5）使用uncss模块，去除掉css文件中无用的css代码，创建文件夹unused，将start文件夹下的文件内容拷贝到unused文件夹下，npm install uncss 模块，使用http-server启动对当前文件夹下页面的访问，执行指令。（2）在wd02中创建文件夹cssserver，在cssserver手工修改几个选择器为浅选择器运行修改后的网站，npx http-server optimized块完成对optimized目录下页面的访问过程，对比优化前后加载速度。

原创 Hybrid第二次雪梨作业

3、“全部”“精华”等前5项类型切换功能要实现（“客户端测试可不写”，接口没给出参数值），调用 https://cnodejs.org/api/v1/topics 接口，传递tab参数即可，具体参数值看接口文档，不用管页数的切换。1、RN不能直接引用svg图片，需使用第三方库，可将logo图片换成百度logo。4、帖子列表中头像右侧的标签，tab类型切换时，标签样式保持一直即可。利用ReactNative和Axios完成以下效果。2、搜索框可不要搜索图标。

原创 ReactNative

/弹性盒的主轴方向和web端是相反的,是纵向的。//native中的布局元素默认就是弹性盒。//不需要再去设置display：flex。//view不能加onPress事件的。

原创 SPA富应用开发

此命令执行后，需注销，重新登录，才生效。sudo usermod -aG docker $USER # $USER 是当前登录的用户。（PS：在执行完docker version之后，应当显示docker的版本类型）、# 使用阿里 docker 镜像，提高镜像拉取速度。# 以非 root 用户身份使用 docker。初始化操作：gitbook init。ifconfig查看虚拟机的ip地址。

原创 上传gitee仓库

git add .

原创 web作业说明

（2）token 校验的方式（用户登陆成功之后，生成token，讲token响应到客户端去，客户端在本地存储中存储token，下次请求时，携带上token，到服务端后，服务端校验token的有效性进行后续的操作）然后就是设置路由：routes/index.js，先写请求过程。http://localhost:3000/设置允许跨域。安装：npm install jsonwebtoken。下面就是生成token，下面是参考方法的网址。初始化一个token项目(可以是中文路径)

原创 前端性能优化——CSS

滚动事件触发：chapter3/demo3.html。

原创 前端性能优化——javascript

添加：const cors = require("koa-cors")讲javascript脚本文件放到body标记的后面。减少页面当中所包含的script标记的数量。进入到koa-server/app.js。管道的一些具体部分，例如请求和响应。Fetch API 提供了一个。classList以及类的操作。fetch请求和高性能动画处理。使用原生JavaScript。的设计，它是为了取代传统。接口，用于访问和操纵。的不合理的写法而生的。

原创 expo实践

打开这个网站：npx create-expo-app expo-appnpm start。

原创 Hybrid开发环境搭建

这是一个制作原生APP的开源平台,是一组工具，库和服务，可以通过编写JavaScript来构建、部署和快速迭代原生iOS和Android应用程序。

原创 Hybrid混合开发简介

AppCan中国自行开发的跨平台移动应用开发一体化解决方案提供 UI 快速开发框架、本地功能调用 API 接口、打包系统等数百套界面模板、数十种应用插件无法修改优化底层代码暂不支持自行开发原生控件框架自带功能过多导致应用安装包偏大Vue + weexuniApp：基于 VueFlutter谷歌的开源的移动UI框架，可以快速在 iOS 和 Android上构建高质量的原生用户界面性能强大、路由设计优秀、基于 Dart 语言开发2018年12月发布。

原创 react-query

安装插件： npm i axios。新建文件夹api/axios.js。

原创 使用useLocalStorage

插件安装。

原创 React 03 Reducer

方法：在组件内引进，在应用里面导出。应用变量的时候要大写。点击不同类型，获取不同类型的。加载中显示loading。删除功能，用变量的形式写。点击分页，加载下一页，

原创 React 插件

打开项目的package.json应当看见自己安装完的插件。

原创 实验：web性能优化（http）

Web性能主要指网站的加载速度，缩短加载所需时间可以改善网站在任意互联网连接条件下的用户体验，用户体验提升后，网站就更方便让更多用户到其提供的内容。这可以帮助你实现多重目标，小到提升网站访问量和阅读量，大到促使用户执行特定操作。对于依赖广告收入的内容门户网站，那么网站加载速度慢绝对会影响你的收益。

原创 http相关

打开端口：http://localhost:8080/

原创 以koa为架构的vue脚手架安装

如果像我一样，出现下面的内容，不用担心，可以使用npm来启动。命令：vue create vue-project。命令：npm run sereve。出现下图后，选择第三个，手动操作。脚手架：vue.cli。

原创 vscode使用vm虚拟机

关于vscode远程控制虚拟机的操作

原创 实验1：SPA开发环境搭建

在SPA应用中，视图并非完整的HTML页面，它们仅仅是构成屏幕可视区域的DOM的一部分。再在Linux中修改ip地址，vi /etc/sysconfig/network-scripts/ifcfg-ens32，切换到insert模式，修改IP网址为与虚拟机网卡相同的网段，并修改网关地址。可以先在码云上创建好自己的课程仓库，然后可以在当前目录下拉取码云上的仓库，拉取指令：git clone 创建好的码云的仓库地址。查看虚拟机网卡的ip地址，在框选网卡的ip地址，在右键属性、ipv4地址查看中。

原创 镜像失效问题解决

*更新软件源**：sudo yum check-update。**重新生成缓存**：sudo yum makecache。**清理缓存**：sudo yum clean all。