logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Vue3 使用Vue3-video-play视频播放 - 附完整示例

Vue3-video-play视频播放器组件是一款功能强大的HLS.js播放器解决方案,支持MP4/WebM/Ogg等多种格式。该组件提供丰富的功能配置,包括快捷键操作、倍速播放、镜像画面、关灯模式、画中画播放等,并适配移动端设备。安装方式支持npm和yarn,使用简单便捷,可通过全局或组件内方式引入。播放器提供完善的API接口和事件监听,支持自定义主题色、播放器尺寸、默认音量等参数设置。UI设计

文章图片
#前端#javascript#vue.js
Vite + Vue3 项目性能优化实战:从卡顿到秒开的完整方案

本文针对Vite+Vue3项目性能优化提出了一套完整解决方案。通过分析项目卡顿的三大痛点:依赖预构建低效、代码分割缺失和资源未优化,给出了三步优化方案:1)优化依赖预构建配置,使开发启动时间从18s降至7s;2)实施路由级、依赖级和组件级代码分割,将主chunk体积从1.2MB降至380KB;3)采用图片压缩、SVG按需加载等技术优化静态资源。文章提供了完整的vite.config.ts配置示例,

文章图片
#vue.js#前端#javascript
Vue3 + TypeScript 企业级规范(通用页面 + 数据大屏 统一+差异化完整版)

本文制定了前端开发团队的代码规范体系,包含全站通用规范和场景差异化规范。通用规范要求90%的代码风格统一,包括命名规则(大驼峰组件名、小驼峰变量名)、常量管理、TS类型定义、数据流处理等。差异化规范针对普通后台页面和数据大屏页面分别制定,大屏页面需特别注意组件拆分粒度、生命周期管理、自适应布局和资源销毁。文章提供了两种场景的标准模板,并总结了“通用8条+大屏3条”的速记口诀,强调通过统一代码风格提

文章图片
#typescript#javascript#前端
Vue3 ECharts 使用条形图实现渐变色柱体(左侧显示排名、中间显示名称 + 条形图 + markLine 、右侧显示数值)组件抽离复用,包含图表自适应窗口大小 - 附完整示例

本文介绍了如何使用ECharts(Apache开源的JavaScript可视化库)创建渐变色进度条图表。主要内容包括:1)通过npm安装echarts和echarts-gl依赖;2)关键实现步骤:引入ECharts、设置容器尺寸、处理数据(计算百分比和最大值)、配置渐变色与标记线;3)完整示例代码展示了一个带排名、名称提示和数值显示的进度条榜单组件,支持响应式布局和点击事件。文章还提供了官方文档链

文章图片
#echarts#前端#javascript
Vue3+ECharts使用渐变堆叠面积图实现图例横向滚动,超出出现滚动条,组件抽离复用,包含图表自适应窗口大小 - 附完整示例

本文介绍了Apache ECharts这一基于JavaScript的开源可视化图表库的使用方法。主要内容包括:1)安装方式(通过npm安装);2)在Vue项目中的使用步骤,包括按需引入、容器设置和数据处理;3)关键配置项详解,如自定义tooltip样式、图例横向滚动和面积渐变效果;4)提供了完整的Vue组件示例代码,包含响应式设计、自适应重绘和内存优化等功能。文章还特别展示了如何实现平滑曲线、动态

文章图片
#echarts#前端#javascript
Vue3 Element Plus table使用多级表头,数据格式的处理(包括表格展示以及编辑等操作) - 附完整示例

Vue3 Element Plus table使用多级表头,数据格式的处理(包括表格展示以及编辑等操作) - 附完整示例

文章图片
#vue.js#elementui#前端
【实战指南】DeepSeek大模型本地化部署全解析 小白也看得懂的deepseek本地化部署 - 图文版

通过本地化部署DeepSeek大模型,并通过Ollama或Chatbox AI与模型进行交互。本地部署不仅能够保护数据隐私,还能根据需求灵活调整模型参数,满足不同场景下的使用需求。如果你在部署过程中遇到任何问题,可以在评论区留言,我们将一起解决。小白也看得懂的deepseek本地化部署-CSDN博客。

文章图片
CSS框架 - Tailwind CSS - 附示例

Tailwind CSS: 是一个功能类优先的 CSS 框架,它集成了诸如 flex, pt-4, text-center 和 rotate-90 这样的的类,它们能直接在脚本标记语言中组合起来,构建出任何设计。

文章图片
#css#前端#javascript
git 新建仓库并将本地项目上传到代码管理平台 - 以码云为例(图文版)

双击新建的文件夹 ,点击鼠标右键,选择git bash here。注:看不到.git文件夹的,可以点击查看勾选隐藏的项目即可看到。后续本地文件有变动需要提交至远程仓库按照以下四步执行即可。在码云刷新网页,即可看到刚刚提交的文件信息。刚刚新建的文件夹会有一个.git文件夹。注:在码云复制仓库地址。

文章图片
前端工程师必备的技能 - 2026年进阶版

2026年前端开发将迎来技术架构"范式转移"和人机协同的开发模式。核心变化包括:1)元框架和混合渲染成为主流,技术栈趋于标准化;2)AI深度融入开发流程,开发者需掌握AI协作能力;3)能力边界扩展至"伪全栈",要求后端思维和云服务应用;4)底层计算机基础和软技能仍是核心竞争力。学习路径建议分四步:夯实基础、掌握现代框架、拥抱AI与全栈、深化系统设计思维。未来

文章图片
#前端
    共 19 条
  • 1
  • 2
  • 请选择