白桃与猫
码龄4年
关注
提问 私信
  • 博客:280,887
    社区:1
    280,888
    总访问量
  • 134
    原创
  • 12,676
    排名
  • 2,213
    粉丝
  • 429
    铁粉

个人简介:每天学一点点~

IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:江苏省
  • 加入CSDN时间: 2020-11-10
博客简介:

stay hungry, stay foolish

博客描述:
记录前端学习
查看详细资料
  • 原力等级
    当前等级
    6
    当前总分
    2,362
    当月
    116
个人成就
  • 获得1,061次点赞
  • 内容获得43次评论
  • 获得1,453次收藏
  • 代码片获得7,919次分享
创作历程
  • 6篇
    2025年
  • 60篇
    2024年
  • 52篇
    2023年
  • 12篇
    2022年
  • 4篇
    2021年
成就勋章
TA的专栏
  • 前端常见用法
    11篇
  • React
    3篇
  • JavaScript深入
    19篇
  • Vue
    31篇
  • Js 和 Ts
    18篇
  • css
    8篇
  • echarts
    8篇
  • 踩坑日记
    18篇
  • zTree
    2篇
  • Three.js
    4篇
  • 算法学习
    5篇
  • 计算机网络
    4篇
  • 工具使用
    4篇
兴趣领域 设置
  • 前端
    javascriptcss3typescriptvue.js
创作活动更多

超级创作者激励计划

万元现金补贴,高额收益分成,专属VIP内容创作者流量扶持,等你加入!

去参加
  • 最近
  • 文章
  • 代码仓
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

JavaScript 创建对象的8种方式?

创建自定义对象可以创建 Object的一个新实例,再添加属性和方法。
原创
发布博客 2025.01.24 ·
404 阅读 ·
5 点赞 ·
0 评论 ·
6 收藏

HTTP1.0/1.1/2.0/3.0 的区别?

HTTP(Hypertext Transfer Protocol)是用于传输超文本的协议。各版本的主要区别体现在性能优化、数据传输方式以及支持的功能上。
原创
发布博客 2025.01.15 ·
758 阅读 ·
21 点赞 ·
0 评论 ·
24 收藏

什么是 DNS?DNS 的三种查询方式?

DNS(Domain Names System),域名系统,是互联网一项服务,是进行和与之相对应的进行转换的服务器。简单来讲,DNS相当于一个翻译官,负责将域名翻译成ip地址。域名是一个树状结构,最顶层的域名是(root),然后是(top-level domain,简写 TLD),再是。例如www.xxx.com,www为、xxx为、com为,系统为用户做了兼容,域名末尾的一般不需要输入。这种树状结构的意义在于,只有上级域名,才知道下一级域名的 IP 地址,需要逐级查询。
原创
发布博客 2025.01.15 ·
630 阅读 ·
18 点赞 ·
0 评论 ·
28 收藏

Javascript中正常对象和异质对象是什么?

正常对象是指符合 ECMAScript 规范中默认行为的对象。这些对象没有特别的内部行为或自定义逻辑,它们的属性访问、赋值、删除等操作完全遵循语言的标准行为。
原创
发布博客 2025.01.13 ·
405 阅读 ·
4 点赞 ·
0 评论 ·
3 收藏

Web Worker和 Service Worker 的区别和共同点?

Web Worker 是浏览器提供的多线程机制,用于在后台执行脚本,适合长时间运行的计算密集型任务。
原创
发布博客 2025.01.06 ·
867 阅读 ·
8 点赞 ·
0 评论 ·
10 收藏

JavaScript中对象继承的方式有哪些?

父类的属性和方法不会共享到所有子类实例,支持向父类传递参数。通过在子类的构造函数中调用父类构造函数,避免共享引用类型属性,也就是下面所提到的。采用这种方式父类构造函数只调用一次,继承了父类的实例属性和原型方法,高效且是目前最常用的继承方式。继承了父类的实例属性和原型方法,不会共享引用类型属性,每个实例都可以单独使用父类的方法。简化了继承的语法,支持调用父类构造函数(super),更符合面向对象编程的习惯。当使用原型链继承时,父类的引用类型属性会被所有子类实例共享,子类通过原型链继承父类的属性和方法。
原创
发布博客 2025.01.06 ·
447 阅读 ·
9 点赞 ·
0 评论 ·
9 收藏

《Vue.js设计与实现》权衡的艺术、框架设计的核心要素

从范式上来看,视图层框架通常分为命令式和声明式。早年间流行的 jQuery 就是典型的命令式框架。命令式框架的一大特点就是关注过程,每一步都有确定的执行步骤。
原创
发布博客 2024.12.26 ·
1013 阅读 ·
29 点赞 ·
0 评论 ·
22 收藏

什么是Web Worker?如何使用Web Worker?

JavaScript 语言采用的是单线程的,也就是说,所有任务只能在一个线程上完成,一次只能做一件事。前面的任务没做完,后面的任务只能等着。是一种,允许在后台线程中执行脚本,从而避免长时间运行的脚本阻塞用户界面。Web Worker 的作用,就是。在主线程运行的同时,Worker 线程在后台运行,两者互不干扰。等到 Worker 线程完成计算任务,再把结果返回给主线程。主线程与 Worker 之间的通信内容,
原创
发布博客 2024.11.27 ·
1594 阅读 ·
20 点赞 ·
0 评论 ·
19 收藏

【react】React Router基础知识

通过浏览器地址栏的切换,可以实现不同组件之间的切换。进一步将组件单独抽离:/index.js。
原创
发布博客 2024.11.07 ·
574 阅读 ·
4 点赞 ·
0 评论 ·
8 收藏

【react】Redux基础用法

Redux 是一个用于 JavaScript 应用的状态管理库,它不依赖于任何 UI库,但常用于与 React 框架配合使用。它提供了一种集中式的状态管理方式,将应用的所有状态保存在一个单一的全局 Store(存储)中,使得状态的变化和共享变得更加可控和可预测。✨Redux 的核心概念:StoreRedux 的 Store 是一个对象,存储了应用的全部状态。应用中只有一个 Store,作为单一数据源。任何组件需要访问状态时都会从这个 Store 中获取数据。ActionAction 是一个简单的 Jav
原创
发布博客 2024.11.05 ·
1437 阅读 ·
20 点赞 ·
0 评论 ·
26 收藏

【react】基础知识点学习

useState是一个 React Hook(函数),它允许我们向组件添加一个状态变量,从而控制影响组件的渲染结果。也就是当数据发生变化时,页面也会跟着变化。
原创
发布博客 2024.10.30 ·
1253 阅读 ·
30 点赞 ·
0 评论 ·
22 收藏

vue中使用Highlight.js实现格式化代码显示

vue中使用Highlight.js实现格式化代码显示
原创
发布博客 2024.10.17 ·
921 阅读 ·
24 点赞 ·
0 评论 ·
16 收藏

基础教程 | 用VuePress搭建一个简单的个人博客(附源码)

用VuePress搭建一个简单的个人博客基础教程,基础版和美化版风格 (附源码)
原创
发布博客 2024.10.09 ·
1973 阅读 ·
30 点赞 ·
2 评论 ·
21 收藏

使用原生HTML的drag实现元素的拖拽

HTML 拖放(Drag and Drop)接口使应用程序能够在浏览器中使用拖放功能。例如,用户可使用鼠标选择可拖拽(draggable)元素,将元素拖拽到可放置(droppable)元素,并释放鼠标按钮以放置这些元素。拖拽操作期间,会有一个可拖拽元素的半透明快照跟随着鼠标指针
原创
发布博客 2024.09.12 ·
1045 阅读 ·
5 点赞 ·
0 评论 ·
12 收藏

Vue3.5正式上线,有哪些新特性和用法?

9月1日, Vue 3.5 正式发布了!此次要版本不包含重大更改,并且包括内部改进和有用的新功能。我们将在这篇博文中介绍一些亮点 - 有关更改和新功能的完整列表,请参阅 GitHub 上的完整更新日志。
原创
发布博客 2024.09.10 ·
2851 阅读 ·
11 点赞 ·
0 评论 ·
29 收藏

【基础】Three.js 自定义几何体和复制几何体

通过自定义顶点数据,可以创建任意的几何体。像threejs的长方体BoxGeometry、球体SphereGeometry等几何体都是基于BufferGeometry类构建的,它表示一个没有任何形状的空几何体。
原创
发布博客 2024.09.06 ·
1009 阅读 ·
14 点赞 ·
0 评论 ·
22 收藏

【基础】Three.js加载纹理贴图、加载外部gltf格式文件

.gltf(JSON文件): 描述模型的主要结构,包括几何体、材质、动画、场景等。.bin(二进制文件): 存储顶点数据、法线、UV坐标等二进制数据。纹理(.png, .jpg): 存储模型使用的纹理贴图。。
原创
发布博客 2024.09.02 ·
2565 阅读 ·
17 点赞 ·
0 评论 ·
22 收藏

【基础】Three.js中添加操作面板,GUI可视化调试(附案例代码)

1.先引入GUI库:2.实例化gui对象,并添加需要显示的参数:3.分组案例代码:
原创
发布博客 2024.08.28 ·
1529 阅读 ·
8 点赞 ·
0 评论 ·
24 收藏

使用vueuse在组件内复用模板

如果你有一组表单元素(如输入框、下拉菜单等),并且这些元素在多个表单或多个组件中使用,createReusableTemplate 可以帮助你将这些表单元素封装为一个可复用的模板。: 如果你有一套通用的布局结构,例如卡片布局或者特定的网格布局,并且在多个组件中使用相同的结构,可以通过 createReusableTemplate 进行封装和复用。: 假设你有一个复杂的列表项结构,需要在多个地方使用,比如在主页的推荐列表和分类页的商品列表中。这对于需要在多个组件中重复使用相同的结构和逻辑时非常有用。
原创
发布博客 2024.08.27 ·
731 阅读 ·
4 点赞 ·
0 评论 ·
4 收藏

【css】伪元素实现跟随鼠标移动的渐变效果

主要功能是在按钮上。每当用户将鼠标移动到按钮上时,按钮会显示一个以鼠标位置为中心的渐变效果。
原创
发布博客 2024.08.23 ·
468 阅读 ·
4 点赞 ·
0 评论 ·
4 收藏
加载更多