最新要闻
- 3000块多品牌SSD质量大PK:整体比机械硬盘可靠
- 玩家购入二手Switch主机:可是被卖家坑惨了
- 航班晚点1小时 机长提速提前20分钟到达帮助乘客换机?山航回应
- 每人1600元!北京发放首批“京彩·绿色”消费券:买手机PC都能用
- 当前热文:涉及121万辆!我国2022年新能源汽车召回量创历史新高:电池、电机缺陷多
- 环球最资讯丨暴风的恋人百度云_暴风的恋人
- 来真的!贾跃亭:3月30日生产FF91 百万豪车来了
- 【天天新视野】30个汽车品牌降价 成都发放消费券:满40万可减8000元
- 【世界独家】华硕发布TUF Gaming M3 Gen II鼠标:仅重59g、IP56防尘防水
- 全球今亮点!过期1天的食物还能吃吗?
- 日系中的另类!国产马自达CX-50内饰发布:原汁原味引入海外版
- 每日快讯!12万元买宝马“3系”?宝马中国回应降价传闻:指导价没变
- 当前快讯:玩家不满《魔戒:咕噜》新宣传片:他没有主角光环!
- 环球热讯:小米搞出“新花样”:可层叠摄像模组专利获授权
- 焦点快报!没有秘密了!AI或能够读取大脑重现梦境
- 今日快看!新老代表接力提建议将牡丹定为国花:100多个国家都有国花了
手机
iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?
警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案
- iphone11大小尺寸是多少?苹果iPhone11和iPhone13的区别是什么?
- 警方通报辅警执法直播中被撞飞:犯罪嫌疑人已投案
- 男子被关545天申国赔:获赔18万多 驳回精神抚慰金
- 3天内26名本土感染者,辽宁确诊人数已超安徽
- 广西柳州一男子因纠纷杀害三人后自首
- 洱海坠机4名机组人员被批准为烈士 数千干部群众悼念
家电
环球报道:记录--vue3+setup+ts 知识总结
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助
vue3 于 2020 年 09 月 18 日正式发布,2022 年 2 月 7 日 vue3 成为新的默认版本
距离 vue3 正式发布已经过去两年有余, 成为默认版本也过去大半年了,以前还能说是对新技术、新特性的观望,而现在面试都直问 vue3 源码了。
(资料图)
我想,不管什么原因,是时候学习 vue3 了
所以这次我也顺便把学习的过程记录下来,算个总结,也便于日后的梳理。
前置介绍
在 vue3.2 中,我们只需在script标签中添加setup。就可以做到,组件只需引入不用注册,属性和方法也不用 return 才能于 template 中使用,也不用写setup函数,也不用写export default ,甚至是自定义指令也可以在我们的template中自动获得。
本次我们的学习也将在 setup 语法糖下进行。
环境搭建
npm init vue@latest
使用工具
<script setup lang="ts"> + VSCode + Volar
安装 Volar 后,注意禁用 vetur
好的,准备工作已经完成,下面我们开始进入到 vue3 setup 的正式学习
ref 和 reactive
- ref: 用来给基本数据类型绑定响应式数据,访问时需要通过 .value 的形式, tamplate 会自动解析,不需要 .value
- reactive: 用来给 复杂数据类型 绑定响应式数据,直接访问即可
ref其实也是内部调用 reactive 来实现的
<script setup lang="ts">import { ref, reactive } from "vue";type Person = { name: string; age: number; gender?: string;};const title = ref{{title}}
{{userInfo}}
("彼时彼刻,恰如此时此刻");const userInfo = reactive ({ name: "树哥", age: 18})</script>
toRef、toRefs、toRaw
toRef
toRef 如果原始对象是非响应式的,数据会变,但不会更新视图
{{state}}<script setup lang="ts">import { reactive, toRef } from "vue"const obj = { name: "树哥", age: 18}const state = toRef(obj, "age")const change = () => { state.value++ console.log("obj:",obj,"state:", state);}</script>
可以看到,点击按钮,当原始对象是非响应式时,使用toRef 的数据改变,但是试图并没有更新
{{state}}<script setup lang="ts">import { reactive, toRef } from "vue"const obj = reactive({ name: "树哥", age: 18})const state = toRef(obj, "age")const change = () => { state.value++ console.log("obj:", obj, "state:", state);}</script>
当我们把 obj 用 reactive 包裹,再使用 toRef,点击按钮时,可以看到视图和数据都变了
toRef返回的值是否具有响应性取决于被解构的对象本身是否具有响应性。响应式数据经过toRef返回的值仍具有响应性,非响应式数据经过toRef返回的值仍没有响应性。
toRefs
toRefs相当于对对象内每个属性调用toRef,toRefs返回的对象内的属性使用时需要加.value,主要是方便我们解构使用
name--{{name}}---age{{age}}<script setup lang="ts">import { reactive, toRefs } from "vue"const obj = reactive({ name: "树哥", age: 18})let { name, age } = toRefs(obj)const change = () => { age.value++ name.value = "张麻子" console.log("obj:", obj); console.log("name:", name); console.log("age:", age);}</script>
简单理解就是批量版的toRef,(其源码实现也正是通过对象循环调用了toRef)
toRaw
将响应式对象修改为普通对象
{{data}}<script setup lang="ts">import { reactive, toRaw } from "vue"const obj = reactive({ name: "树哥", age: 18})const data = toRaw(obj)const change = () => { data.age = 19 console.log("obj:", obj, "data:", data);}</script>
数据能变化,视图不变化(失去响应式)
computed
<script setup lang="ts">import { ref, reactive,computed } from "vue";const count = ref(0)// 推导得到的类型:ComputedRef{{title}}
{{userInfo}}
{{add}}
const add = computed(() => count.value +1)</script>
watch
vue3 watch 的作用和 Vue2 中的 watch 作用是一样的,他们都是用来监听响应式状态发生变化的,当响应式状态发生变化时,就会触发一个回调函数。
watch(data,()=>{},{})
参数一,监听的数据
参数二,数据改变时触发的回调函数(newVal,oldVal)
参数三,options配置项,为一个对象
1、监听ref定义的一个响应式数据
<script setup lang="ts">import { ref, watch } from "vue";const str = ref("彼时彼刻")//3s后改变str的值setTimeout(() => { str.value = "恰如此时此刻" }, 3000)watch(str, (newV, oldV) => { console.log(newV, oldV) //恰如此时此刻 彼时彼刻})</script>
- 2、监听多个ref
这时候写法变为数组的形式
<script setup lang="ts">import { ref, watch } from "vue";let name = ref("树哥")let age = ref(18)//3s后改变值setTimeout(() => { name.value = "我叫树哥" age.value = 19}, 3000)watch([name, age], (newV, oldV) => { console.log(newV, oldV) // ["我叫树哥", 19] ["树哥", 18]})</script>
- 3、监听Reactive定义的响应式对象
<script setup lang="ts">import { reactive, watch } from "vue";let info = reactive({ name: "树哥", age: 18})//3s后改变值setTimeout(() => { info.age = 19}, 3000)watch(info, (newV, oldV) => { console.log(newV, oldV) })</script>
当 watch 监听的是一个响应式对象时,会隐式地创建一个深层侦听器,即该响应式对象里面的任何属性发生变化,都会触发监听函数中的回调函数。即当 watch 监听的是一个响应式对象时,默认开启 deep:true
- 4、监听reactive 定义响应式对象的单一属性
错误写法:
<script setup lang="ts">import { reactive, watch } from "vue";let info = reactive({ name: "树哥", age: 18})//3s后改变值setTimeout(() => { info.age = 19}, 3000)watch(info.age, (newV, oldV) => { console.log(newV, oldV) })</script>
可以看到控制台出现警告
[Vue warn]: Invalid watch source: 18 A watch source can only be a getter/effect function, a ref, a reactive object, or an array of these types. atat
如果我们非要监听响应式对象中的某个属性,我们可以使用 getter 函数的形式,即将watch第一个参数修改成一个回调函数的形式
正确写法:
// 其他不变watch(()=>info.age, (newV, oldV) => { console.log(newV, oldV) // 19 18})
- 5、监听reactive定义的 引用数据
<script setup lang="ts">import { reactive, watch } from "vue";let info = reactive({ name: "张麻子", age: 18, obj: { str: "彼时彼刻,恰如此时此刻" }})//3s后改变s值setTimeout(() => { info.obj.str = "to be or not to be"}, 3000)// 需要自己开启 deep:true深度监听,不然不发触发 watch 的回调函数watch(() => info.obj, (newV, oldV) => { console.log(newV, oldV)}, { deep: true})</script>
WatchEffect
会立即执行传入的一个函数,同时响应式追踪其依赖,并在其依赖变更时重新运行该函数。(有点像计算属性)
如果用到 a 就只会监听 a, 就是用到几个监听几个 而且是非惰性,会默认调用一次
<script setup lang="ts">import { ref, watchEffect } from "vue";let num = ref(0)//3s后改变值setTimeout(() => { num.value++}, 3000)watchEffect(() => { console.log("num 值改变:", num.value)})</script>
可以在控制台上看到,第一次进入页面时,打印出num 值改变:0
,三秒后,再次打印num 值改变:1
- 停止监听
当 watchEffect 在组件的 setup() 函数或生命周期钩子被调用时,侦听器会被链接到该组件的生命周期,并在组件卸载时自动停止。
但是我们采用异步的方式创建了一个监听器,这个时候监听器没有与当前组件绑定,所以即使组件销毁了,监听器依然存在。
这个时候我们可以显式调用停止监听
<script setup lang="ts">import { watchEffect } from "vue"// 它会自动停止watchEffect(() => {})// ...这个则不会!setTimeout(() => { watchEffect(() => {})}, 100)const stop = watchEffect(() => { /* ... */})// 显式调用stop()</script>
- 清除副作用(onInvalidate)
watchEffect 的第一个参数——effect函数——可以接收一个参数:叫onInvalidate,也是一个函数,用于清除 effect 产生的副作用
就是在触发监听之前会调用一个函数可以处理你的逻辑,例如防抖
import { ref, watchEffect } from "vue";let num = ref(0)//3s后改变值setTimeout(() => { num.value++}, 3000)watchEffect((onInvalidate) => { console.log(num.value) onInvalidate(() => { console.log("执行"); });})
控制台依次输出:0 => 执行 => 1
- 配置选项
watchEffect的第二个参数,用来定义副作用刷新时机,可以作为一个调试器来使用
flush (更新时机):
- 1、pre:组件更新前执行
- 2、sync:强制效果始终同步触发
- 3、post:组件更新后执行
<script setup lang="ts">import { ref, watchEffect } from "vue";let num = ref(0)//3s后改变值setTimeout(() => { num.value++}, 3000)watchEffect((onInvalidate) => { console.log(num.value) onInvalidate(() => { console.log("执行"); });}, { flush: "post", //此时这个函数会在组件更新之后去执行 onTrigger(e) { //作为一个调试工具,可在开发中方便调试 console.log("触发", e); },})</script>
生命周期
和 vue2 相比的话,基本上就是将 Vue2 中的beforeDestroy名称变更成beforeUnmount; destroyed 表更为 unmounted;然后用setup代替了两个钩子函数 beforeCreate 和 created;新增了两个开发环境用于调试的钩子
父子组件传参
defineProps
父组件传参
<script setup lang="ts">import { ref, reactive } from "vue"import Children from "./Children.vue"const msg = ref("hello 啊,树哥")const list = reactive ([1, 2, 3])</script>
在 script setup 中,引入的组件会自动注册,所以可以直接使用,无需再通过components进行注册
子组件接受值
defineProps 来接收父组件传递的值,defineProps是无须引入的直接使用即可
<script setup lang="ts">defineProps<{ msg: string, list: number[]}>()</script>msg:{{msg}}
list:{{list}}
使用 withDefaults 定义默认值
<script setup lang="ts">type Props = { msg?: string, list?: number[]}// withDefaults 的第二个参数便是默认参数设置,会被编译为运行时 props 的 default 选项withDefaults(definePropsmsg:{{msg}}
list:{{list}}
(), { msg: "张麻子", list: () => [4, 5, 6]})</script>
子组件向父组件抛出事件
defineEmits
子组件派发事件
<script setup lang="ts">type Props = { msg?: string, list?: number[]}withDefaults(definePropsmsg:{{msg}}
list:{{list}}
(), { msg: "张麻子", list: () => [4, 5, 6]})const emits = defineEmits(["changeMsg"])const onChangeMsg = () => {emits("changeMsg","黄四郎")}</script>
子组件绑定了一个click 事件 然后通过defineEmits 注册了一个自定义事件,点击按钮的时候,触发 emit 调用我们注册的事件,传递参数
父组件接收
<script setup lang="ts">import { ref, reactive } from "vue"import Children from "./Children.vue"const msg = ref("hello 啊,树哥")const list = reactive ([1, 2, 3])const changeMsg = (v: string) => { msg.value = v}</script>
defineExpose 获取子组件的实例和内部属性
在 script-setup 模式下,所有数据只是默认 return 给 template 使用,不会暴露到组件外,所以父组件是无法直接通过挂载 ref 变量获取子组件的数据。
如果要调用子组件的数据,需要先在子组件显示的暴露出来,才能够正确的拿到,这个操作,就是由 defineExpose 来完成。
子组件
{{name}}
<script lang="ts" setup>import { ref } from "vue"const name = ref("张麻子")const changeName = () => { name.value = "县长"}// 将方法、变量暴露给父组件使用,父组件才可通过 ref API拿到子组件暴露的数据defineExpose({ name, changeName})</script>
父组件
<script lang="ts" setup>import { ref } from "vue"import child from "./Child.vue"// 子组件ref(TypeScript语法)const childRef = ref>()const getName = () => { // 获取子组件name console.log(childRef.value!.name) // 执行子组件方法 childRef.value?.changeName() // 获取修改后的name console.log(childRef.value!.name)}</script>
注意:defineProps 、defineEmits 、 defineExpose 和 withDefaults 这四个宏函数只能在
<script setup>
中使用。他们不需要导入,会随着<script setup>
的处理过程中一起被编译。
插槽
在 Vue2 的中一般中具名插槽和作用域插槽分别使用slot和slot-scope来实现,如:
父组件
<script lang="ts" setup>import Child from "./Child.vue"</script>父组件
{{ msg }}
子组件
child
在 Vue3 中将slot和slot-scope进行了合并统一使用,使用 v-slot,v-slot:slotName
简写#slotName
父组件
<script lang="ts" setup>import Child from "./Child.vue"</script>父组件
{{ msg }} {{ msg }}
实际上,v-slot 在 Vue2.6+ 的版本就可以使用。
异步组件
通过 defineAsyncComponent 异步加载
<script setup lang="ts">import { ref, reactive,defineAsyncComponent } from "vue"// import Children from "./Children.vue"const Children = defineAsyncComponent(() => import("./Children.vue"))</script>
Suspense
Suspense 允许应用程序在等待异步组件时渲染一些其它内容,在 Vue2 中,必须使用条件判断(例如 v-if、 v-else等)来检查数据是否已加载并显示一些其它内容;但是,在 Vue3 新增了 Suspense 了,就不必跟踪何时加载数据并呈现相应的内容。
他是一个带插槽的组件,只是它的插槽指定了default 和 fallback 两种状态。
Suspense 使用:
- 1、使用
包裹所有异步组件相关代码 - 2、
插槽包裹异步组件
- 3、
插槽包裹渲染异步组件渲染之前的内容
<script setup lang="ts">import { ref, reactive, defineAsyncComponent } from "vue"const Children = defineAsyncComponent(() => import("./Children.vue"))</script> loading...
Teleport传送组件
Teleport 是一种能够将我们的模板渲染至指定DOM节点,不受父级style、v-show等属性影响,但data、prop数据依旧能够共用的技术
主要解决的问题:因为Teleport节点挂载在其他指定的DOM节点下,完全不受父级style样式影响
使用: 通过to 属性插入到指定元素位置,如 body,html,自定义className等等。
<script lang="ts" setup>import Children from "./Children.vue"</script>
keep-alive 缓存组件
- 作用和vue2一致,只是生命周期名称有所更改
- 初次进入时: onMounted> onActivated
- 退出后触发 deactivated
- 再次进入:只会触发 onActivated
事件挂载的方法等,只执行一次的放在 onMounted中;组件每次进去执行的方法放在 onActivated中
provide/inject
provide 可以在祖先组件中指定我们想要提供给后代组件的数据或方法,而在任何后代组件中,我们都可以使用 inject 来接收 provide 提供的数据或方法。
父组件
<script setup lang="ts">import { ref, provide } from "vue"import Children from "./Children.vue"const msg = ref("hello 啊,树哥")provide("msg", msg)</script>
子组件
<script setup lang="ts">import { inject, Ref, ref } from "vue"const msg = inject>("msg",ref("hello啊!"))const onChangeMsg = () => { msg.value = "shuge"}</script>msg:{{msg}}
如果你想要传入的值能响应式的改变,需要通过ref 或 reactive 添加响应式
v-model 升级
v-model 在vue3可以说是破坏式更新,改动还是不少的
我们都知道,v-model 是props 和 emit 组合而成的语法糖,vue3中 v-model 有以下改动
- 变更:value => modelValue
- 变更:update:input => update:modelValue
- 新增:一个组件可以设置多个 v-model
- 新增:开发者可以自定义 v-model修饰符
- v-bind 的 .sync 修饰符和组件的 model 选项已移除
子组件
<script setup lang="ts">type Props = { modelValue: string, msg: string}defineProps{{msg}},{{modelValue}}
()const emit = defineEmits(["update:modelValue", "update:msg"])const onChangeMsg = () => { // 触发父组件的值更新 emit("update:modelValue", "恰如此时此刻") emit("update:msg", "彼时彼刻")}</script>
父组件
// v-model:modelValue简写为v-model // 绑定多个v-model<script setup lang="ts">import { ref } from "vue"import Children from "./Children.vue"const msg = ref("hello啊")const name = ref("树哥")</script>
自定义指令
自定义指令的生命周期
- created 元素初始化的时候
- beforeMount 指令绑定到元素后调用 只调用一次
- mounted 元素插入父级dom调用
- beforeUpdate 元素被更新之前调用
- update 这个周期方法被移除 改用updated
- beforeUnmount 在元素被移除前调用
- unmounted 指令被移除后调用 只调用一次
实现一个自定义拖拽指令
<script setup lang="ts">import { Directive } from "vue";const vMove: Directive = { mounted(el: HTMLElement) { let moveEl = el.firstElementChild as HTMLElement; const mouseDown = (e: MouseEvent) => { //鼠标点击物体那一刻相对于物体左侧边框的距离=点击时的位置相对于浏览器最左边的距离-物体左边框相对于浏览器最左边的距离 console.log(e.clientX, e.clientY, "起始位置", el.offsetLeft); let X = e.clientX - el.offsetLeft; let Y = e.clientY - el.offsetTop; const move = (e: MouseEvent) => { el.style.left = e.clientX - X + "px"; el.style.top = e.clientY - Y + "px"; console.log(e.clientX, e.clientY, "位置改变"); }; document.addEventListener("mousemove", move); document.addEventListener("mouseup", () => { document.removeEventListener("mousemove", move); }); }; moveEl.addEventListener("mousedown", mouseDown); },};</script>内容
自定义 hooks
我们都知道在 vue 中有个东西叫 mixins,他可以将多个组件中相同的逻辑抽离出来,实现一次写代码,多组件受益的效果。
但是 mixins 的副作用就是引用的多了变量的来源就不清晰了,而且还会有变量来源不明确,不利于阅读,容易使代码变得难以维护。
- Vue3 的 hook函数 相当于 vue2 的 mixin, 不同在与 hooks 是函数
- Vue3 的 hook函数 可以帮助我们提高代码的复用性, 让我们能在不同的组件中都利用 hooks 函数
useWindowResize
我们来实现一个窗口改变时获取宽高的 hook
import { onMounted, onUnmounted, ref } from "vue";function useWindowResize() { const width = ref(0); const height = ref(0); function onResize() { width.value = window.innerWidth; height.value = window.innerHeight; } onMounted(() => { window.addEventListener("resize", onResize); onResize(); }); onUnmounted(() => { window.removeEventListener("resize", onResize); }); return { width, height };}export default useWindowResize;
使用:
屏幕尺寸
宽度:{{ width }}高度:{{ height }}<script setup lang="ts">import useWindowResize from "../hooks/useWindowResize.ts";const { width, height } = useWindowResize();</script>
style v-bind CSS变量注入
style v-bind CSS变量注入 <script lang="ts" setup> import { ref } from "vue" const color = ref("red")</script>
本文转载于:
https://juejin.cn/post/7158331832512020511
如果对您有所帮助,欢迎您点个关注,我会定时更新技术文档,大家一起讨论学习,一起进步。
关键词:
-
【世界聚看点】【希尔排序ShellSort算法详解】Java/Go/Python/JS/C不同语言实现
【希尔排序算法详解】Java Go Python JS C不同语言实现说明希尔排序(ShellSort)是插入排序的一种...
来源: 环球报道:记录--vue3+setup+ts 知识总结
【世界速看料】程序员养发神器:拒绝加班熬夜,告别秃头!
【世界聚看点】【希尔排序ShellSort算法详解】Java/Go/Python/JS/C不同语言实现
环球微头条丨【分享贴】项目中为啥总是项目经理一人干着急?
使用PostgreSQL而不是MySQL存储中型数据有什么好处?
3000块多品牌SSD质量大PK:整体比机械硬盘可靠
玩家购入二手Switch主机:可是被卖家坑惨了
航班晚点1小时 机长提速提前20分钟到达帮助乘客换机?山航回应
每人1600元!北京发放首批“京彩·绿色”消费券:买手机PC都能用
当前热文:涉及121万辆!我国2022年新能源汽车召回量创历史新高:电池、电机缺陷多
环球最资讯丨暴风的恋人百度云_暴风的恋人
有监督学习——线性回归
禁用XXE处理漫谈
腾讯-广点通转化归因
来真的!贾跃亭:3月30日生产FF91 百万豪车来了
【天天新视野】30个汽车品牌降价 成都发放消费券:满40万可减8000元
【世界独家】华硕发布TUF Gaming M3 Gen II鼠标:仅重59g、IP56防尘防水
全球今亮点!过期1天的食物还能吃吗?
日系中的另类!国产马自达CX-50内饰发布:原汁原味引入海外版
加速资源整合,星纪魅族围绕手机、XR、前瞻技术拓展智能生态
Prompt-Engineering-Guide 学习摘要2
今日关注:电动汽车综合检测
观焦点:这几个群,程序员可千万不要进!
每日快讯!12万元买宝马“3系”?宝马中国回应降价传闻:指导价没变
当前快讯:玩家不满《魔戒:咕噜》新宣传片:他没有主角光环!
环球热讯:小米搞出“新花样”:可层叠摄像模组专利获授权
焦点快报!没有秘密了!AI或能够读取大脑重现梦境
今日快看!新老代表接力提建议将牡丹定为国花:100多个国家都有国花了
【天天报资讯】山西李家大院哪些人可以享受半价票优惠
环球新资讯:【机器学习】1. 广义线性模型
【世界新视野】密码学报如何正确Latex投稿?
环球今亮点!快 40 岁,刚被裁。。
金三银四每天一个.NET基础知识巩固(一)
今日要闻!从“13 天”到“0 天”延时,揭秘火山引擎 DataLeap SLA 保障最佳实践
世界热消息:谷歌报复性砸出5620亿参数大模型:比ChatGPT更恐怖 学术圈已刷屏
【环球播资讯】2月国产游戏出海成绩出炉:《原神》获收入和增长双料冠军
Nginx http 文件服务器 中文名称文件乱码以及不能访问下载问题 (解决全过程)
有关马的歇后语有哪些?有关马的古诗有哪些?
工科理科化现象亟待扭转!曹德旺等科学家企业喊话让学生去工厂一线真问题
【世界时快讯】委员喊话农村淘汰、封杀老头乐 网友吵翻:揭秘观点背后让人唏嘘?
隐婚男女的结局是什么?隐婚男女演员介绍
小学二年级班主任工作计划有哪些?小学二年级家长会发言稿
消防逃生的注意事项有哪些?消防逃生演练总结
旅游可持续发展的实质是什么?旅游可持续发展论文模板
英语六级考试时间安排分配是什么?英语六级考试题型简介
世界热头条丨虼蚤的读音是什么_虼蚤
描写景色的词语集锦有哪些?描写景色的段落摘抄
梁祯元为什么叫南韩贾宝玉?梁祯元为什么是队长?
中国相术十二宫都有哪些?相术十二宫实用顺口溜
田宅宫在脸上的什么位置?田宅宫代表什么?
Linux 上的开源视频字幕应用–Live Captions
全球信息:Win10专业版激活方法
【环球播资讯】kafka常用指令
剑指Notion:微软协作平台Loop即将进入公开预览阶段
当前滚动:又来一个“保时捷” 江汽EV3申报:国内首搭载46系列大圆柱电芯
160g超满足:嘉兴特产蛋黄大肉粽2.9元/只大促
环球播报:从“看不起”到“跟不上”:200多名理想汽车车主分享用车体验
热头条丨《街霸6》新解说员宣传片:日本少女冠军人美声甜!
新消息丨国内“投教第一股”九方财富登陆港股,业绩亮眼,市值逼近80亿
面向状态机编程:复杂业务逻辑应对之道
多光源渲染方案 - Many Lights Sampling
世界微动态丨在java中String类为什么要设计成final?Java面试常见问题
报道:LoadRunner——脚本优化(二)
马斯克要自建“乌托邦小镇”:员工全部搬进去 自己当“镇长”
拒绝投影行业亮度虚标!Vidda官宣三色激光全家桶新品
环球最资讯丨新一轮国内油价将于17日迎来调整:有再度搁浅可能
【环球聚看点】彻底解决“刹车争议”!电商平台上线特斯拉脚部专用记录仪:全程摄像
当前播报:简单到复杂:C#拷贝文件的3种方法
环球热门:对LSTM应用于图像的初步理解
【数论与组合数学 1】数论简介、素数、算数基本定理
JS回调地狱
天天视讯!GTX 1050 Ti就能跑!顽皮狗公布《最后生还者:Part 1》PC版配置要求
世界看点:自称12年驾龄 特斯拉Model X车主在线维权:踩刹车没反应加速撞柱子
天天观察:苹果古典音乐软件已上架:Apple Music会员免费用!中国市场随后推出
当前资讯!明基推出首款48寸OLED电竞显示器:4K 120Hz、90W反向供电
《生化危机4:重制版》PS5版疑似已偷跑 小心剧透啊
世界百事通!illustrator学习心得体会(illustrator序列号)
工厂模式进阶用法,如何动态选择对象?
迷你天猫商城代码审计
焦点简讯:K8S 性能优化 - K8S APIServer 调优
【全球聚看点】Prompt-Engineering-Guide 学习摘要1
前端设计模式——装饰者模式
65寸4K大屏电视不到2000元 LCD白菜价即将结束:3月价格上涨10%
环球微头条丨最强AI再次进化 ChatGPT下周升级GPT-4:支持视频了
【环球聚看点】免费玩!《生化危机4:重制版》体验版上线:不限时、不限次
当前滚动:德国电动空中出租车Lilium jet完成测试:时速250km/h 全机36个电风扇
杀疯了!长安深夜放大招 购车百亿补贴:深蓝SL03直降2.2万
世界快看点丨分享几个常用的运维 shell 脚本
世界观点:佳兆业成今年首家复牌出险房企
全球球精选!一座河南小县城的全球钻石生意爆火:价格不到天然的1/3
我国再次成功发射一箭双星:天绘六号A/B星顺利进入预定轨道
当前快看:资助8年的女生毕业放弃工作 嫁给有钱人成家庭主妇 资助人:失眠好几天
天天通讯!上班族如何备考公务员_如何备考公务员
全球焦点!读Java性能权威指南(第2版)笔记12_堆内存中
怎么处理消息重发的问题?
每日热点:HEU KMS Activator 30.0.0全能系统数字许可激活工具(全新体验纪念版)
环球热议:用盆吃10袋泡面男子火了 回应月薪2万邀约:浇完家里18亩地再说
实时:第127篇:异步函数(async和await)练习题(异步,消息队列)
焦点!【LeetCode回溯算法#05】分割回文串(复习双指针判断回文以及substr函数使用记录)
今日热议:【django-vue】celery延迟任务、定时任务 django中使用celery 秒杀功能 双写一致性 首页轮播图定时更新 课程前端页面