logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

如何使用docker + nginx来部署前端项目

大致流程如下:如果你是在云服务器上,比如阿里云、腾讯云之类,要注意打开安全组和防火墙的端口号,不然无法访问原文链接:https://juejin.cn/post/7441584637142499362。

文章图片
#docker#nginx#前端
小米正式官宣开源!杀疯了!

但是这里面仍然有一个问题需要注意,项目官方也说得很明确:虽说 Home Assistant 米家集成提供了 OAuth 的登录方式,但由于 Home Assistant 平台的限制,登录成功后,用户的小米用户信息(包括设备信息、证书、 token 等)会明文保存在 Home Assistant 的配置文件中。其实在这次小米官方推出 Home Assistant 米家集成之前,市面上也有一些第三方的

文章图片
#react.js#前端#前端框架 +2
[特殊字符] 最牛的 Vue3 无限循环滚动 NPM 包开源了!

先介绍下这个 NPM 包🔥 超大数据流畅滚动即使 10 万条数据,也能丝滑滚动不卡顿!仅渲染可视区域的 2 倍数据,大幅减少 DOM 负担,让滚动更流畅。🌟 适应变化,始终顺滑支持容器大小动态调整,即使数据实时更新,依然能保持平滑滚动,提供最佳用户体验。🔧 灵活滚动控制支持四向滚动单步停顿滚动速度调节鼠标悬停控制等多种配置,让滚动更符合需求。npm 包地址:官网地址:如果觉得这个项目对你有帮

#npm#开源#前端
js判断浏览器窗口回话关闭与刷新

通过时间差的时候,在大多数情况下,是可以区别出页面刷新与关闭情况。但不排除真正上生产,经大量测试后,可能出现的问题。这里觉得比较合适的是,与后端合作,通过webSocket的方式建立连接,断连。让后端去判断原文:https://juejin.cn/post/7482769108523221031。

#javascript#开发语言#ecmascript
揭秘Chrome DevTools:从原理到自定义调试工具

CDP(Chrome DevTools Protocol)是Chrome DevTools与浏览器内核通信的协议。它基于WebSocket,允许开发者通过发送JSON格式的命令来控制浏览器行为,并获取调试信息。通过 CDP,DevTools 能够实时与页面交互,实现断点调试、性能分析等功能。为何需要自定义调试工具?DevTools 的局限性▪针对网页设计。

文章图片
#chrome devtools#前端#chrome
CSS 实现波浪效果

具体使用需要自行调节 radial-gradient,background-size,background-position 的值,使形状衔接流畅。调整 background-size 的百分比会改变波浪的覆盖范围,调整 background-position 的值会改变两个渐变图案的重叠程度。第一个值:水平位置(left, center, right 或百分比),第二个值:垂直位置(top, c

文章图片
#css#前端#html
前端开发,要不要学鸿蒙?

对前端开发者而言,学习鸿蒙的价值远非“多学一个框架”这般简单:相比于从零学习Android/iOS,前端开发者利用现有JS/TS经验,可在1-2个月内低成本完成鸿蒙开发技能迁移,从底层的视角,帮助前端开发者了解更深层的“界面开发”。同时,其“一次开发多端部署”特性,使前端开发者能快速切入智能家居、车载系统等万亿级赛道,或许能在万物互联时代占据先发优势。24年的鸿蒙还不是很稳定,官方版本发布还是停频

文章图片
#harmonyos#华为
前端开发,要不要学鸿蒙?

对前端开发者而言,学习鸿蒙的价值远非“多学一个框架”这般简单:相比于从零学习Android/iOS,前端开发者利用现有JS/TS经验,可在1-2个月内低成本完成鸿蒙开发技能迁移,从底层的视角,帮助前端开发者了解更深层的“界面开发”。同时,其“一次开发多端部署”特性,使前端开发者能快速切入智能家居、车载系统等万亿级赛道,或许能在万物互联时代占据先发优势。24年的鸿蒙还不是很稳定,官方版本发布还是停频

文章图片
#harmonyos#华为
使用 simple-git 在 Node.js 中高效调用 Git 命令

近期在一个项目里面,我觉得其实可以基于 simple-git 在 cli 代码提交的时候跟 gpt 进行结合,再合并分支的时候通过大模型进行审核和优化建议,如果再牛逼一点其实可以直接去操作代码进行修改,主要灵感来自同事聊天,去年跟同事合作的过程中发现他在用 node+ gtp 大模型对代码的提交进行代码审核原文:https://juejin.cn/post/7486670839922819124。

#git#node.js#arcgis
React Native Reanimated 基础教程

Reanimated 是一个 React Native 动画库,允许开发者在 UI 线程上运行动画逻辑,从而实现流畅且高性能的动画效果。与传统的 React Native Animated API 不同,Reanimated 通过 Worklets(工作线程)实现了与 UI 线程的直接通信,避免了 JavaScript 线程与 UI 线程之间的通信延迟。

文章图片
#react native#react.js#javascript
    共 19 条
  • 1
  • 2
  • 请选择