首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
前端开发总结
天生我材必有用_吴用
创建于2024-08-15
订阅专栏
在开发和学习过程中,接触各种新东西和难以解决的bug,此专栏作为我在开发中遇到的各种问题进行总结
等 17 人订阅
共90篇文章
创建于2024-08-15
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
一文搞懂 useDark:Vue 项目中实现深色模式的正确姿势
在近期的项目开发中,遇到了一个常见的用户体验需求:实现界面的高亮(亮色)与暗黑主题切换功能。用户通过点击按钮即可自由切换主题,并且系统需记住用户的偏好——将当前主题状态持久化至本地缓存,确保页面...
canvas实现图片标注之Fabric.js从入门学习到实现labelImg矩形多边形标注工具【下】
在计算机视觉和机器学习领域,高质量的图像标注数据是模型训练成功的基石。无论是目标检测、图像分割还是实例识别任务,精确的标注数据都直接影响着模型的性能和准确度。然而,传统的手动标注过程往往存在以下...
canvas实现图片标注之Fabric.js从入门学习到实现labelImg矩形多边形标注工具【上】
前端开发中,大大小小的需求,其中有很多关于`canvas`的需求,只要听到`canvas`的需求就非常头疼,因为这通常意味着需要使用原生`JavaScript`去监听鼠标的多种事件,并以此来实现...
网页接入弹窗客服功能的完整实现(Vue3 + WebSocket预备方案)
AI对话发展越来越快,大多数场景应用未AI客服对话,再官网或者介绍网页中插入AI机器人聊天功能,能大大的提升用户的体验,今天就做一个vue3实现一个弹窗客服组件,及其如何接入websocket实时通讯
vue3实战九、vue3+vue-cropper实现头像修改
开发客户端或者管理后台的时候,避免不了个人信息的修改,其中就涉及到了头像修改,使用vue3+vite+ts+pinia+elementPlus+cropper实现一个头像裁剪等操作的头像修改功能。
深入理解JavaScript设计模式之代理模式
为一个对象提供一个代用品或者占位符,以便控制对他的访问。 你想干一件事,但是你不方便亲自出马,于是你找了个“替身”帮你搞定,这个“替身”就是你的“代理”,再俗一点可以理解为——“媒婆”
Three.js开发必备:几何顶点UV坐标、纹理贴图详解含素材
Three.js开发必备:几何顶点UV坐标、纹理贴图详解 创建纹理贴图 通过纹理贴图加载器TextureLoader的load()方法加载一张图片可以返回一个纹理对象Texture,纹理对象Textu
Three.js开发必备:层级模型详解
场景对象Scene、组对象Group的.add()方法都是继承自他们的同类Object3D,.add方法可以单独插入一个对象,也可以同时插入多个子对象...
Three.js开发必备:模型对象和材质详解
在`ThreeJS`中,模型对象和材质(`Material`)是创建3D场景的基本组成部分,一个`3D`模型通常由几何体(Geometry)和材质(material)组合而成,并通过mesh对象标识。
深入理解JavaScript设计模式之策略模式
本文我以幽默+实践的方式学习策略模式,通过计算年终奖,表单校验,柯里化策略模式方法校验深入学习总结策略模式,反复学,反复看....
Three.js开发必备:几何体BufferGeometry顶点详解
几何体顶点位置数据和点模型对象Points 缓冲类型几何体BufferGeometry threejs的而长方体BoxGeometyr、球体SphereGeometry等几何体都是基于BufferGe
Three.js开发必备:灯光详解附带案例
在学习和使用three.js的时候,灯光是非常重要的元素之一,灯光用于模拟现实世界中的光照,环境光,聚光灯,点光等,使3D场景更加逼真,下面是我在学习灯光的时候进行的一些总结及其夹杂案例强化对灯光的使
深入理解JavaScript设计模式之单例模式
设计模式不是“炫技”,而是"沉淀" ,单例模式(Singleton Pattern)就像‘独生子女’,确保某个类在整个系统中只有一个实例,并提供一个全局访问点。简单来说,一个类一辈子只有.......
Vue3 + Vite:我的 Qiankun 微前端主子应用实践指南
在过去的技术实践中,我主要基于 Vue2 搭建 Qiankun 主应用(基座),并成功接入多个子应用。然而,随着 Vue3 在公司项目的广泛应用,以及 Vite 在开发构建速度、模块热更新等方面的显.
深入理解JavaScript设计模式之call,apply,this
最近在看曾探老师的`《JavaScript设计模式》`,说实话,可能是我基础还不够扎实,书里的很多内容对我来说不是“一看就懂”,而是“看了三遍才懂一点点”。特别是像代码逻辑、概念解释这些地方,常...
深入理解JavaScript设计模式之原型模式
本文的内容深受《JavaScript设计模式》一书的启发,特别是关于原型模式的讨论,该书深入浅出地介绍了这一重要的设计模式及其在JavaScript语言中的实现。原型模式不仅是众多设计模式的一员...
前端不再怕离线!IndexedDB 教你搞定本地大数据存储
IndexedDB前言 IndexedDB是浏览器提供的一种本地数据库,用于在用户浏览器中存储大量的结构化数据,包括文件二进制数据。它是一个异步的,基于事务的noSQL数据库,适用于需要脱机...
Harmonys多Module设计机制详解:构建高效的应用模块体系
通过将项目拆分为多个模块,开发者可以实现模块化开发,支持多设备适配。Module分为Ability和Library两种类型,其中Ability模块可独立运行,Library模块则用于代码和资源共享..
从单线程到多线程:项目实战web Worker线程使用总结
在最近的开发过程中,我频繁地遇到了需要处理大量列表数据、大屏展示的数据以及Canvas数据的任务。在这些情况下,JavaScript的单线程特性成了一个瓶颈——每当执行复杂的数据处理任务时,网....
《来自 1920×1080 的你》:一段 Vue 大屏自适应组件的自述
在开发数据大屏项目时,我们经常会遇到一个“甜蜜的烦恼”:如何让页面内容随着浏览器窗口大小灵活缩放,适配各种分辨率的设备。以前我总是靠rem单位配合动态设置html 的 font-siz........
下一页