- 博客(17)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 vue3+ts深入组件（二）父子组件传参
1.父组件中，字符串类型直接传参，其他所有类型均通过v-bind绑定传参，示例如下import {reactive} from 'vue'comst data1 = reactive([1,2,3])2.子组件中接收父组件参数定义类型type，后调用defineProps方法，该方法无需在Vue中引用，可直接使用
2022-06-15 15:33:57
5530
3
原创 Next.js 13.4 版本 App Router与 Turbopack基础
Turbopack 是一个由 Vercel（前身为 ZEIT）开发的工具和技术组合，旨在加快 Web 应用程序的构建和交付过程。它主要基于现有的 Next.js 框架，并结合了很多优化手段，提供了更快的启动时间、更小的包大小和更好的缓存策略，从而实现了更高效的前端开发和更好的用户体验。
2023-07-06 19:38:09
1918
1
原创 我爸叫我今天必须快速入门 redux 和 react-redux 不然扫地出门。
Redux是一个用于 JavaScript 应用程序的可预测状态容器，它可以帮助开发者更好地管理应用程序中的数据和状态，并使得这些状态在不同组件之间共享更加轻松。Redux 的设计思想来源于Flux架构，但是 Redux 更加简洁、灵活、易于理解和使用。在Redux中，所有的状态都被存储在一个对象树中，称之为“state”。当应用程序中的某个事件导致 state 发生改变时，Redux 会创建一个新的 state 对象来代替旧的 state 对象。
2023-05-31 15:24:24
283
原创 2023我要吊打前端面试官（Es6 No.1）
🚀2023我要吊打前端面试官日记🚀🚀2023我要吊打前端面试官日记🚀吊打面试官🤠Es6系列第一天Created by Asen（阿胜）😎系列热更中💥~~
2023-03-16 23:17:12
282
原创 Js 高级（一）优雅的Promise
（1）封装的函数需要三个参数，但是三个参数的位置，并非固定，这意味着，别人需要使用你封装的函数时，一定需要观察仔细，传入正确的参数，使用者可能必须要先看你的文档，才能参与到工作中。Promise就是用来处理异步操作，并且，Promise存在一个基本格式，这样就从根源上将大家的代码风格统一，使得异步操作变得非常方便，易读。后，当我们再次调用封装好的函数，只需要传入一个业务参数，本文中即n，即可实现异步操作，这与最原始的异步操作更容易使用，更易读，更简便！，意味着，如果想再次执行回调，必须再次调用封装的函数。
2022-11-29 21:59:26
269
原创 vue3+ts深入组件（四）动态组件
如果使用v-if 这意味着，当用户还未点击tab进行切换导航的时候，用户就已经被动的将所有资源加载了，这种情况不利于前端性能优化，因此在这里我们将 v-if 的方法当作最后的救命稻草（尽量不使用），动态组件是在模板中定义的一个组件挂载点，将多个组件同时挂载这个挂载点上面，就可以进行动态切换，动态组件通常使用 Vue 的。v-for在循环对象时，可以提供三个值，value,key index 三个值位置不可更换!来实现，关于vue-Router详细使用方法教程，后续会陆续发布在我的csdn博客中…
2022-11-28 22:17:58
1128
原创 vue3+ts深入组件（三）透传Attributes
本节内容作为父子组件传参的补充内容透传Attributes ，一般用来在父子组件中传递属性例如，class，style，id…且该值不会被组件当作prop或者emits。透传Attributes,也可以用来传递v-on事件监听器（例外情况下文讲解）如果根元素本来就存在class，将会！！
2022-11-26 12:31:40
1828
原创 vue3+ts深入组件（一）Props
一个组件需要显式声明它所接受的 props，这样 Vue 才能知道外部传入的哪些是 props，哪些是透传 attribute。
2022-11-22 12:22:32
8386
2
原创 一文彻底搞懂flex布局
# `CSS3`新增布局之一：`flex`布局## flex背景flex 布局背后的**主要思想**是让容器能够改变其项目的宽度/高度（和顺序）以最好地填充可用空间（主要是为了适应各种显示设备和屏幕尺寸）。弹性容器扩展项目以填充可用的可用空间或缩小它们以防止溢出。最重要的是，与常规布局（基于垂直的块和基于水平的内联）相反，**弹性盒布局与方向无关**。虽然这些适用于页面，但它们缺乏灵活性来支持大型或复杂的应用程序（尤其是在涉及方向更改、调整大小、拉伸、收缩等时）。**注意：** `flexbo
2022-05-28 13:53:05
1445
原创 详解原生JS实现走马灯轮播图
通栏轮播图重点：这里，尽量选择图片尺寸相同的图片，本文，我用4张不同尺寸的图片作demo演示给读者！（尽量使用相同规模的图片）将图片设置为相同规模后，左浮动依次排开，设置css样式，此部分省略，代码如图此部分过于简单，不展示由于轮播图移动时，最后一张图片点击右按钮后需要及时切换为第一张，所以这里，我们需要一个假的第一张图片，放置在最后，使最后一张图片为第一张图片的假图！在JS文件中，克隆第一张图片，并将其使用appendChild方法追加到最后！我们在js文件夹中创建carousel.js文件，并在h
2022-05-08 15:25:25
3400
2
原创 （web前端每日一练）用JS制作一个能够在桌面运行的倒计时插件
5月2日，（每日一练）Javascript案例，倒计时插件倒计时插件用于显示例如高考倒计时，国庆倒计时，母亲节倒计时等，本文将展现，如何使用JavaScript语言书写一个倒计时程序
2022-05-02 16:28:36
1683
1
原创 （web前端每日一练）用JavaScript制作一个跟随鼠标的小球炫彩动画 /doge/doge
(web前端每日一练) 使用Javascript制作一个跟随鼠标特效，动态生成美丽的小球
2022-04-30 16:34:40
2446
2
原创 python小游戏_课程设计_期末大作业——小游戏合集(含源代码)
Python小游戏制作，python 期末大作业，python课程设计，内含源代码
2022-01-08 00:00:08
20661
26
python小游戏，源代码，点击直接下载
2022-11-21
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人