logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

拒绝 rem 计算!Vue3 大屏适配,我是这样做的

摘要: 本文介绍了一个轻量级Vue 3大屏适配解决方案vfit,通过3分钟快速配置即可实现1920x1080设计稿的完美适配。该方案突破传统rem/vw换算的繁琐,支持直接使用设计稿px坐标定位,并提供了智能缩放的FitContainer组件,可自动处理不同屏幕尺寸下的元素位置与比例。文章分享了实际应用案例、避坑技巧(如必须引入样式文件、z-index层级控制等),特别强调了right定位的特殊逻

文章图片
#vue.js#前端#javascript +1
使用自定义API接入OpenAI CodeX配置教程

摘要:本教程介绍如何通过第三方API接入OpenAI Codex服务。首先安装Codex CLI(支持npm和Homebrew),然后配置config.toml文件指定API供应商和模型,并设置环境变量V_API_KEY为中转平台的API密钥。提供Windows/Mac/Linux的环境变量配置方法,最后演示CLI使用和VSCode插件配置。还包含非交互模式、模型上下文协议等高级用法,适合开发者提

文章图片
#javascript
记录--手把手教你,用electron实现截图软件

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助背景因为我们日常开发项目的时候,需要和同事对接api和文档还有UI图,所以有时候要同时打开多个窗口,并在多个窗口中切换,来选择自己要的信息,如果api和文档不多的情况还好,但是有时候就是要做大量的页面,为了提升效率我决定自己做一个截图工具,并把自己要的信息截图钉在窗口上。在做之前先看看最终展示效果吧:先是截图截图后...

#electron#javascript#前端 +2
记录--uniapp 应用APP跳转微信小程序

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助最近APP项目开发完成,在评审会上老板提了一个需求,想在开发的APP上添加一个链接,可以跳转公司的小程序商城。原以为会很复杂,结果只有短短的几行代码。plus.share.getServices(function(res){var sweixin = null;...

#uni-app#微信小程序#小程序
记录--手把手教你Vue+ECharts+高德地图API实现天气预报数据可视化

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助前言所谓数据可视化,我们可以理解为从宏观角度来看一眼就能看出来整个数据的占比,走向。对于数据可视化,很多互联网公司是很看重这一块的,包括大厂;就比如阿里的淘宝,双十一的时候往往就需要将消费者的一些数据通过图的形式展现出来。接下来我们就来实现一个天气的数据可视化(移动端开发),看如下效果图(iPhone6/7/8)。准备工作...

#vue.js#echarts#信息可视化 +2
为什么你的JavaScript代码总是出bug?这5个隐藏陷阱太坑了

JavaScript常见问题与解决方案摘要 本文总结了JavaScript开发中的常见陷阱及解决方案: 变量声明:避免隐式全局变量,使用const和let替代var,防止变量提升问题。 异步处理:避免回调地狱,推荐使用Promise和async/await,务必处理错误。 类型转换:使用严格相等===代替==,利用可选链?.和空值合并??运算符简化代码。 作用域问题:注意this指向问题,使用箭头

文章图片
#javascript#bug#chrome
记录---vue3如何封装一个基础甘特图?保姆级教程

{ width: ${(dates.length + 5) * itemWidth}px }”,给每一项都赋予宽度,这个 + 5 就是侧边栏的宽度。实际宽度:(结束日期在数组中的位置 - 起始日期在数组中的位置 + 1)x 每个日期的宽度(itemWidth),宽度需要加一个单位,这很好理解吧,假设起始日期在0位置,结束日期在1位置,1 - 0 = 1,而实际占了两个位置,所以需要 + 1。ite

文章图片
#甘特图#javascript#vue.js
记录---IOS审核打包被驳回—Guideline 4.3

记录自己的辛酸历程:我们的第一个版本已经成功发布,然后我在第二个版本修改介绍图等,又被4.3打回。此时我再次改回第一个版本的元数据,苹果已经不理我了。提交审核后长时间处于等待审核状态(四天)。无奈走了加急,加急后还是以4.3打回,太痛苦了。但是此时我能确定我们的应用并不违反4.3,因为和第一版保持了高度一致,那么大概率是误审。

文章图片
#ios
记录---让网页像现实世界一样“拿起来,放进去”

HTML5拖拽交互实战指南 本文详细解析了HTML5拖拽功能的核心实现,通过五大关键事件(dragstart/dragend/dragover/dragenter/dragleave/drop)和draggable属性,演示如何创建直观的文件拖放交互。文章包含完整代码示例,涵盖元素样式控制、事件处理及移动端适配技巧,强调响应式设计对提升用户体验的重要性。拖拽功能模拟现实操作逻辑,可显著增强网页交互

文章图片
#前端#javascript
记录---让网页像现实世界一样“拿起来,放进去”

HTML5拖拽交互实战指南 本文详细解析了HTML5拖拽功能的核心实现,通过五大关键事件(dragstart/dragend/dragover/dragenter/dragleave/drop)和draggable属性,演示如何创建直观的文件拖放交互。文章包含完整代码示例,涵盖元素样式控制、事件处理及移动端适配技巧,强调响应式设计对提升用户体验的重要性。拖拽功能模拟现实操作逻辑,可显著增强网页交互

文章图片
#前端#javascript
    共 60 条
  • 1
  • 2
  • 3
  • 6
  • 请选择