32313131

原创于 2025-11-25 18:16:04 发布 · 30 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #html

username: "${_d.header.username!?js_string}",
                      posDom: voteBox, // 插入位置 selectorString || 位置dom元素
                      needLogin: function() { // 登录弹窗

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

ttlasdd

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

ccrxosd028292的博客

08-07

2318

Platform Event Log - 50468247 Created at : 08/06/2019 05:53:59 Driver Name : fips770/b0414a_1432.770 Subsystem : Memory DIMM Event Severity : Predictive Error Action Flags : Report to Operating ...

Vue开发工具使用技巧

2509_93946471的博客

11-24

236

打开DevTools的"Events"标签页，所有组件间传递的事件都会按时间顺序列出来，连事件负载数据都能展开看详情。更绝的是，你还能手动触发事件——比如在父组件里模拟一个事件，直接测试子组件的响应逻辑，省得反复修改代码来调试。如果组件用了作用域插槽，可以在"Scoped Slots"子面板里实时查看slot传递的数据内容，比在模板里写调试代码清爽得多。路由调试经常被忽略。热重载调试时，如果发现修改代码后页面没及时更新，可以到DevTools的"Settings"里勾选"Log reloads"选项。

参与评论您还未登录，请先登录后发表或查看评论

Python全栈开发项目——AI智能聊天机器人

qiao_yue的博客

11-24

577

本项目实现了AI聊天功能，具有语音输入和聊天背景自定义等亮点功能

Vue3的生命周期

分享学习网络的点点滴滴

11-21

112

Vue3生命周期详解：从创建到卸载的全过程 Vue3的生命周期分为四个主要阶段：创建、更新、卸载和错误处理。创建阶段包含setup()、onBeforeMount()和onMounted()；更新阶段有onBeforeUpdate()和onUpdated()；卸载阶段包括onBeforeUnmount()和onUnmounted()。setup()替代了Vue2的初始化阶段，是组合式API的入口。子组件的生命周期会先于父组件执行。错误处理可使用onErrorCaptured()捕获和阻止错误传播。这些钩子函

【前端】Grid布局实现瀑布流：随机生成数据、动态计算每项高度、无限滚动、异步请求更多

karshey的博客

11-21

992

本文介绍了使用CSS Grid布局实现瀑布流效果的方法。普通版通过设置grid-auto-rows:10px和动态计算gridRowEnd实现基础瀑布流布局。进阶版则通过随机生成颜色和高度数据，并实现无限滚动加载功能，模拟异步请求场景。核心思路是利用Grid布局的特性，动态计算每个项目在网格中的跨度，从而实现参差不齐的瀑布流排列效果。文中提供了完整的代码示例和实现原理说明。

Spring Boot 集成 Spring AI：实现大模型对话与MCP Client

iioSnail的博客

11-20

838

上篇文章中（Spring Boot 集成 Spring AI：实现可被大模型调用的 MCP Server），我们构建了一个MCP Server，提供了查询个人信息、查询订单信息、下单等操作。但是，上篇文章我们使用的是Cherry Studio作为客户端来与后端进行交互。实际生产中，让客户去下载Cherry Studio，然后配置MCP Server显然不显示。因此，本篇文章将会教会你如何使用 Spring AI 构建一个简单的聊天界面，并支持MCP Client.

Vue3响应式原理详解

2509_93942542的博客

11-24

388

当访问响应式对象的某个属性时，get拦截器会被触发，此时会执行track函数来收集当前的依赖（也就是正在运行的副作用函数）。当effect执行时，Vue3会将其设置为当前活跃的副作用函数，这样在访问响应式数据时，get拦截器就能准确知道是哪个effect依赖了这个数据。值得一提的是，Vue3的响应式系统是完全独立的模块，这意味着它可以在任何JavaScript环境中使用，不仅限于Vue框架。另外，Proxy的拦截是浅层的，对于嵌套对象需要递归代理，Vue3通过在get拦截器中自动解包来实现这一功能。

Vuex的store特性

xiaoxiaoovo的博客

11-20

227

分别是overview和home，在overview页面修改store中的配置，切换浏览器页签到home页面想要使用最新的store，需要按照以下流程进行实现。不同标签页（window.open）每个标签页是独立的Vue应用。共享同一个Vue应用实例。共享同一个Vue应用实例。同一标签页的路由切换。Vue应用重新初始化。

WebService — apache axis 1.4 — wsdl — 整合第三方短信

Keep Reading Keep Writing Keep Thinking

11-21

416

本文记录了使用Apache Axis 1.4整合第三方短信服务的过程。首先搭建环境，下载Axis 1.4并配置环境变量，添加必要的jar包。获取短信服务的WSDL文件（本地或在线），示例使用了http://ip:port/WSSMSIF/services/SmsService?wsdl。文中详细描述了WSDL文件结构，包含SmsMessage、SmsMessages等复杂类型定义，为后续接口调用提供基础。整个流程涵盖了从环境配置到接口文档解析的关键步骤，适用于对接老旧WebService系统。

HarmonyOS + Cordova：原生与 Web 双向桥接常见问题总览与解决方案

小淼淼的博客

11-21

414

本文分析了HarmonyOS+Cordova双向桥接通信的常见问题与排查方法。主要内容包括：1）两条核心链路：JS调原生（cordova.exec→ArkTS插件）和原生调JS（onArkTsResult事件推送+JS Proxy注入）；2）常见问题点：service/action不匹配、回调缺失、JSON解析失败、Proxy注入时机不当等；3）排查流程：通过日志打点定位问题层级，检查发起方→桥接层→接收方的调用链；4）优化建议：统一消息结构、确保回调完整性、合理控制数据频率。文章提供了系统化的故障定位思路

Javascript》》js this new绑定＞显式绑定＞隐式绑定＞默认绑定

Kaizen的博客

11-20

243

new绑定 > 显式绑定 > 隐式绑定 > 默认绑定var a = 2;foo();// 2 - 默认绑定到全局对象a: 42,foo: fooobj.foo();// 42 - 隐式绑定到 obj// 显式绑定// 42// 42boundFoo();// 42//obj.method.bind(thisArg, [arg1, arg2, ...]) 返回是新的函数，原函数 obj.method 不变this.a = a;// 42。

React性能问题导致的页面卡顿处理

2509_93941399的博客

11-23

237

打开React DevTools的Profiler录制功能，操作表格筛选时发现某个子组件在每次输入框变化时都会重新渲染。明明数据没变化，整个子树却跟着刷新的元凶就是：父组件传递的props是每次重新生成的匿名对象！性能优化没有银弹，关键是要理解React的渲染机制，对症下药才能药到病除。在实际项目中还遇到了一个隐藏很深的性能陷阱：Context引起的全局重渲染。当我们在根组件提供主题配置Context时，任何主题值的变动都会导致所有消费组件重渲染，哪怕它们只使用了Context中的部分数据。

JavaScript移动应用案例

2509_93946509的博客

11-21

310

客户想要一个轻量级的社区平台，重点在消息推送和实时交互。Ionic 的 Cordova 插件帮了大忙，比如用相机插件实现图片上传，用地理位置插件做附近的用户推荐。数据库方面，我们选了 Firebase 作为后端，它的实时同步功能和 JavaScript SDK 无缝集成，省去了自己搭服务器的麻烦。这个项目的亮点是插件生态——我们自定义了一个文件导出插件，把任务列表生成 Excel，员工反馈很实用。不过，PhoneGap 的性能瓶颈明显，在低端设备上偶尔卡顿，我们通过减少 DOM 操作和压缩资源缓解了问题。

前端在移动端适配中的方案

2509_93946403的博客

11-24

287

而Grid更擅长二维布局，比如整个页面的骨架，用定义列宽，手机端可以改成单列，超级方便。而vw/vh直接关联视口宽度和高度的百分比，比如设置宽度为50vw，就是屏幕宽度的一半，这在响应式图片或全屏区块时特别好用。总之，移动端适配不是一蹴而就的，得多实践、多总结，把这些方案组合起来用，才能打造出流畅的跨设备体验。这玩意儿就像给网页戴上一副“移动端眼镜”，没了它，页面可能默认按电脑屏幕的宽度来渲染，导致内容缩成一团。记住，viewport是移动适配的敲门砖，搞定了它，后面的事儿就顺溜多了。

前端在可视化图表中的库选择

2509_93942542的博客

11-24

164

移动端交互是否流畅？记得用G6做拓扑图时，节点拖拽和力导向布局开箱即用，但自定义节点样式时差点翻车——渲染函数返回的DOM元素事件冒泡总是被拦截，最后发现要在registerNode里手动补事件代理。不过要说性能，RawGraph确实让人惊艳，百万散点图还能流畅平移缩放，就是API设计得比较原教旨主义，每个数据映射都要手写scale函数。有次在H5项目里做长按选点，touch事件和canvas坐标转换算得人头晕，最后发现用F2的触摸事件封装能省不少事，可惜它的文档像迷宫，找个渐变填充的配置要翻七八个页面。

Spring-boot3.4最新版整合swagger和Mybatis-plus

2509_94093638的博客

11-20

398

一款免费的在线文档格式转换工具。default默认分组。

failed to parse multipart servlet request

Rockandrollman的博客

11-22

124

failed to parse multipart servlet request

三七互娱前端开发面经及参考答案

大模型大数据攻城狮的专栏

11-21

核心作用：作为动画的“脚本”，定义动画在不同时间点（关键帧）的样式状态，通过from（动画开始，0%）、to（动画结束，100%）或自定义百分比（如 25%、50%、75%）指定各阶段的样式，是 animation 动画的基础。语法规则用@keyframes 动画名称 { ... }定义，内部包含多个关键帧；每个关键帧指定对应百分比的样式，浏览器会自动补全关键帧之间的过渡效果；支持所有可动画的 CSS 属性（如transformopacitywidth等）。使用场景。

前端文本处理开发

2509_93946285的博客

11-24

296

replace()方法更强大，可以替换特定字符，比如把所有的"&"换成"&"，避免HTML转义问题。不过要注意，replace()默认只替换第一个匹配项，如果想全局替换，得用正则表达式，比如str.replace(/&/g, "&")。有一次，我需要在用户输入的文本中高亮显示关键词，用正则就很简单：let text = "这是一个示例文本，示例很重要";另外，文本节点操作也很有用，比如用createTextNode()来创建新文本，再appendChild()添加到DOM中，这在动态生成内容时很实用。

TypeScript泛型进阶：掌握类型系统的强大工具