网站建设需要哪些软件,做系统去哪个网站好,建筑网站知识大全,备案网站内容格式填写目录 [多线程]创建多线程的三种方式 [网络编程]一、重点概念1、TCP/IP网络模型2、IP 对象3、端口号4、协议UDP(User Datagram Protocol)TCP(Transmission Control Protocol) 二、UDP 通信三、TCP 通信 [前端][Vue]一、Vue3项目创建响应式函数父子通信父传子子传父 跨层组件通信… 目录 [多线程]创建多线程的三种方式 [网络编程]一、重点概念1、TCP/IP网络模型2、IP 对象3、端口号4、协议UDP(User Datagram Protocol)TCP(Transmission Control Protocol) 二、UDP 通信三、TCP 通信 [前端][Vue]一、Vue3项目创建响应式函数父子通信父传子子传父 跨层组件通信模板引用声明组件选项在组件上使用数据绑定 二、状态管理工具 Pinia函数持久化 三、路由 Vue Router四、Element Plus [项目相关]获得用户设备的信息 [多线程]
创建多线程的三种方式
继承 Thread 类实现 Runnable 接口实现 Callable 接口带有返回值相关类 Future
[网络编程]
一、重点概念
1、TCP/IP网络模型
数据链路层 物理比特流网络层IP传输层UDP、TCP应用层HTTP、FTP、SMTP
2、IP 对象
InetAddress 代表 IP 地址对象static InetAddress getLocalHost()获取本机IP对象boolean isReachable(int timeout)判断与该IP地址对象是否互通
3、端口号
被规定为一个 16 位的二进制范围是 0~65535周知端口0~1023被预先定义的知名应用占用
4、协议
UDP(User Datagram Protocol)
用户数据报协议无连接、不可靠通信
TCP(Transmission Control Protocol)
传输控制协议面向连接、可靠通信
二、UDP 通信
创建客户端、服务端 DatagramSocket: 客户端创建不需要传入端口号服务端创建需要传入端口号DatagramSocket 对象的 receive 方法进行接收
创建数据包 DatagramPacket客户端创建需要传入发送的数据和端口号服务端创建只需要接收的数组DatagramPacket 对象的 getData 方法获取接收的数据
三、TCP 通信
客户端类Socket通过此类获取输出流发送数据服务器端类ServiceSocket Socket accept() 接收通过 Socket 获取输入流收取数据
[前端]
新建node项目 创建并进入文件夹输入 cnpm init 全部下一步 运行js文件node ./文件名.js安装yarn cnpm install -g yarn --registryhttps://registry.npm.taobao.org解构
let ps 123
let user {name: hyl,ps
}
//对象解构let {属性名} 对象名
let {name} user
//数组解构 a1 b2 c3 dundefind
let [a,b,c,d] [1,2,3]
//方法也可以解构也是使用 {}异步任务使用 Promise 加 then 来实现想要连续调用 then需要在上一个 then 中再返回 一个 Promis 对象
new Promise((resolve, reject) {}).then(res{return new Promise((resolve,reject){})
}).then(res{}).catch(err {})[Vue]
一、Vue3
项目创建
CLI 构建工具创建的是 Vue2 项目Vite 构建工具创建的是 Vue3 项目命令npm init vuelatest
响应式
ref将一个简单类型和对象类型变成响应式数据js 中访问需要使用 value 属性reactive将一个对象类型的数据变成响应式数据
函数
computed计算属性函数watch监视函数属性 immediate 表示一进页面立刻执行一次属性 deep 表示深度监视即监视到每个对象的属性值生命周期函数onBeforeMount、onMounted(组件挂载完成后执行)、onBeforeUpdate、onUpdated(组件因为响应式状态变更而更新其 DOM 树之后调用)、onBeforeUnmount、onUnmounted(组件实例被卸载之后调用)defineExpose将本组件的属性或方法等暴露到外面参数为对象
父子通信
父传子
父组件
属性message
子组件
编译器宏defineProps(对象)
子传父
父组件
函数在子组件上面定义函数
子组件
编译器宏defineEmits(父上面的函数名数组)
跨层组件通信
顶层组件通过 provide 函数提供数据底层组件通过 inject 函数获取数据注意想让底层组件操作顶层组件传递过来的数据可以再让顶层组件传递一个修改方法进行操作
模板引用
获取 Dom 对象或组件
script setupimport {ref} from vueconst dom ref(null)//dom变量就是获取到的dom对象
/scripttemplateinput refdom typetext /!-- ref值必须和对象名一致 --
/template声明组件选项
defineOptions如可以定义组件名字
在组件上使用数据绑定
defineModel
//配置文件中注册
plugins: [vue({script:{defineModel:true}}),],父组件
script setupimport {ref} from vueimport Test from /components/Test.vueconst modeValue ref(100)
/script
templateTest v-modelmodeValue/Test{{ modeValue }}
/template子组件
script setupimport { defineModel } from vue;const modeValue defineModel()
/script
templateinput typetext:valuemodeValueinputemodeValuee.target.value
/template二、状态管理工具 Pinia
Vuex 的替代品
函数
定义仓库 definStore
解构方法 storeToRefs从 pinia 中导入方法不需要解构
持久化
名称与地址pinia-plugin-persistedstate开始持久化persist在对应模块第三个参数传入设置值为 true
三、路由 Vue Router
四、Element Plus
[项目相关]
获得用户设备的信息
使用 Maven 中的 UserAgentUtils 坐标
