多 window，就是多个互相隔离的沙箱，你的数据共享、数据传输、开发调试都会很麻烦。我觉得绝大多数情况下，单 window 就够用了。 至于多 window，我首先建议谨慎，其次当你必须用的时候，你应该会知道的。 SPA 应用在 electron 里就是用户界面嘛，用在渲染进程上很正常。

可以用啊，升级下brew试试？

async _handleBrandListScroll() { const { ids, mainScrollerOffset } = this.data; let indexs: number[] = []; // Step 1: 批量处理异步请求 const rectTops = await Promise.all(ids.map(id => queryBoundingClient(this, id))); for (let i = 0; i < rectTops.length; i++) { const [[{ top: rectTop }]] = rectTops[i]; if (typeof rectTop !== 'number') continue; if (rectTop <= mainScrollerOffset) { const idIndexs = getIdIndexs(ids[i]); if (!_.isUndefined(idIndexs)) { indexs = idIndexs; } } else { break; } } const [mainIndex, subIndex] = indexs; if (this.data.currentLeftTabIndex !== mainIndex) { this.setData({ currentLeftTabIndex: mainIndex }); this.updateCurrentTopTabList(mainIndex); } if (this.data.currentTopTabIndex !== subIndex) { this.setData({ currentTopTabIndex: subIndex }); this.updateTopTabsScrollLeft(subIndex); } },

请问如何自定义图例项的形状，同时修改文字的样式，实现类似下图的图例样式： "图片" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250109/45d2f7f9625a4aae1e4ace6eaebb00a4.png)

"R))ND`$H0S3T$TT4$~I_61C.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250108/fb3625e9d9b56a89e3c161309aa98b95.png) "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250108/89869b76a52c48f534695833c217ae0c.png) "https://element-plus.run/#eyJzcmMvQXBwLnZ1ZSI6IjxzY3JpcHQgc2V..." (https://link.segmentfault.com/?enc=y9FHyW8TWM9LxILH2To3bg%3D%3D.hx%2FYDT1k36AwTwvlogIpXAXWRwu8e%2Bn%2B3BRZTW8Psoa6emSk1SCw%2B2X01R%2FILbCdxDHzyNLtyhn5KehOD3mqyVqX0SmYDQX32hu0lvf%2FaLutOhtkeMDpwMtjODwzA1CeiS2fMj1JYb94tPKqFdKLsPt2sTq0YNN4YpFFd1yW6c2bfLvNQ9TYhVV%2FmGJU0pzDYBu9SIwFkP5vhHbhU4JSmVByeIt7tR%2FKQfyFNXcry27sfkgFK2%2Fdo2p1VhBcrIgnJtLtHFVoy2QcTMRlZnx53E3wXw6Oaf8ocRVFl3nBvQM9SlotF8pmIgqvJrwUI%2FJymhYbX2xz7gtOXxusig6%2FjSa4v%2BSUoqv37cdt3G6TXZK8UY32U3xgN4w1M6TFYzI63R4TLaeG96%2BTCCH9ak%2BgvKhobCnboI7blbNYuLx1JzU%2F893rbQYy7XprHVQQL0XCJsYQTtj43%2Fxb%2FiLuCb3FKpNEdd6FrYOko6Dm7X06NZJvH031%2BKH7ZPHZeHVlbKN887BLViJhK7uTvAhBQnu9gZqnXxim6v4ZC5fDjsruaPLfnBr0%2FSBTFIK1eg4RbLHmFr8QKE640TvzHGIsMNZr83arL3NFZh9WnN6Qi4266lvnVrCk49oz68zThWgEyhobza7%2FoOUk8hNynU6kvbfidBFNOatSQDEKnuW4eAu8ff5zYRACiN1YlksovzkmlSCFMblrdtcRT8yV9x2wk5J158nrTuYKyPYsixA4p3swornIQQoDBNOBuP%2FBFK3fyQoySzQOHySndI7TGbSuaNAoUhMOtLrVDMo2oIGp2tlFpmGog7srNyvp4UO%2BMHUxFozRWtGlrZTcYuTAaYjmZv%2Bnf%2B9e0eVX6NNqdB6W2F0UnIpXFYg980oVjyHwW2b8ugA5JKdtydm74bQ4HP1VdYpIHMycXraMkYqAK1gEojaMgY%2Bb2sXgJbVvRYaW%2FV%2BdCFHL%2BKmU34lAi4jWqHiBTeIH73azu%2B1ZmmR4SWQL1fvhcKPrerxjjGDE%2BwW4pK7u64c8Cq2yYZz3i2U073D7OTtIRoqi7yvHyC%2B%2FG8pupBf%2F7M273Bqcubgnq7BWpRNJ7y3g%2BjKYkzPNMjX5RIF9ZjMf5va4ham1Sjsg0mZ5Q4u6TSKOZX9JcQBpkI2ThPEGJkJ1pdHKFyv55dxp0%2FhAsLZ1FJupTK38M0xos3sQJHZ4il72mGbjZbFGbgCJqpm%2BlrX%2FHgtxy%2B3sSvH1ApZSQz%2FyWfjr5hTcfS%2BT71gl%2FBadBgNMa%2FQtJEtB7IkSSCK0j3CMFF5IHU%2FFKOg%2BE0I6MqeydLyF9WcKJD5ljlqyUuMCVt3RMQrfk8ZEQ%2FiAkkJMOUMY7VRlucXwHmIMwldIwlTA9RM%2BA30t7qp9360uAG1L4e52WkWcyXIsSVe9KlMbjwHIux6F4cc9VQzZcKDRXR1aGNnkRlbz8%2FsNBOuaeid%2F%2BblO58qRm2io%2BF2qqMDc2SL52RDBUa8FqCi9zgrApSypYuoMjPCR%2FjE9CKhFKMkHl3kkr0vMq%2BYgvRCva%2B67mN5GuMnUXC2dywe63hErWgfed28f84uM5XwW7sRZG9s8%2FS0rX0ps8EShw153F4JVzjdL)

下面的修改：1.用Map来存储位置参数，可以更快查到和更新数据。2.在onMessage事件里，用setTimeout来设置下一次心跳，而不用setInterval这个处理。加了一个重连机制，在onClose和onError事件里，如果WebSocket连接关闭或发生错误，会在5秒后重连。用requestAnimationFrame来更新实体位置，这样可以较少页面卡的情况。 整体的结构可以参考一下: let positionParams = new Map(); // 用Map来存储位置 function webValue() { let reconnectInterval = null; const onOpen = () => { // ... (其他代码) clearTimeout(reconnectInterval); }; const onMessage = async (event) => { // ... (其他代码) clearTimeout(pingInterval.value); pingInterval.value = setTimeout(sendHeartbeat, 5000); }; const onClose = () => { console.log('Websocket连接关闭'); reconnectInterval = setTimeout(webValue, 5000); }; const onError = (error) => { console.log('Websocket连接错误', error); reconnectInterval = setTimeout(webValue, 5000); }; // ... (省略其他代码) } function processPositionParams(data) { // ... (其他代码) const newPositionParam = { // ... (其他代码) }; const oldData = positionParams.get(data.uid); if (!oldData || isNewDataDifferent(newPositionParam, oldData)) { positionParams.set(data.uid, newPositionParam); } } function isNewDataDifferent(newData, oldData) { // ... (其他代码) } function updateEntityPositions() { requestAnimationFrame(() => { positionParams.forEach((position, uid) => { // 更新实体位置 }); }); } // ... (其他代码)

上传后出现下面的图，在appuplode上传提交界面success表示已经上传成功了。 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250105/635389e0ab9e89ae5fed6b33d81624a6.png)

想问下前端大神，如果页面底部有内容，怎样让软键盘弹起时，将底部的内容自动放到键盘上面？类似下图效果： https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250102/793d69086b8487fc94590b0eca2d53d3.pnghttps://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250102/7bd4f277e26f6f6fe9665f75064a3f66.png

vue项目npm run dev正常启动无报错，但浏览器访问时总是停留在加载页面，浏览器控制台报错，这种情况经常发生，有时候重启几次就好了 "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250102/34ca9769751216c8f204773cc2da1bce.png) "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250102/04ca487ab25870685ceb43aa1b3aaa5f.png) "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20250102/07b10f2478d3c310a5776e9645b72f9a.png) GET http://localhost:8080/js/chunk-vendors.js net::ERR_ABORTED 404 (Not Found) ---------- Refused to execute script from 'http://localhost:8080/js/chunk-vendors.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled. *** vue.config.js const CompressionWebpackPlugin = require('compression-webpack-plugin'); const { transformElementScss } = require('ele-admin/lib/utils/dynamic-theme'); module.exports = { productionSourceMap: false, configureWebpack: { performance: { maxAssetSize: 2000000, maxEntrypointSize: 2000000 } }, chainWebpack(config) { config.plugins.delete('prefetch'); if (process.env.NODE_ENV !== 'development') { // gzip 压缩 config.plugin('compressionPlugin').use( new CompressionWebpackPlugin({ test: /\.(js|css|html)$/, threshold: 10240 }) ); } }, css: { loaderOptions: { sass: { sassOptions: { outputStyle: 'expanded', importer: transformElementScss() } } } } };

[ { health: 94, height: 500, id: 19, latitude: 30.74378681, longitude: 103.9291311, offLineNum: 0,onLineNum: 2,state: 0,uid: 1 }, { health: 20, height: 500, id: 19, latitude: 30.74378681, longitude: 103.9291311, offLineNum: 0,onLineNum: 2,state: 0,uid: 2 }, { health: 80, height: 500, id: 19, latitude: 30.74378681, longitude: 103.9291311, offLineNum: 0,onLineNum: 2,state: 0,uid: 3 }, { health: 40, height: 500, id: 19, latitude: 30.74378681, longitude: 103.9291311, offLineNum: 0,onLineNum: 2,state: 0,uid: 4 } ................................. ] 请问大佬们，如何写一个根据websocket实时获取到uid和health字段，渲染到Echarts折线图上面，然后自定义了一个大小，当发送的数据大于自定义的大小时候，就会删除前面的旧数据，新数据继续生成，保持折线图上面一直只会显示的自定义大小的数据条数

series: [ { data: [820.312345465, 932, 901, 934, 1290, 1330, 1320], type: 'line', smooth: true, label: { show: true, formatter: (params) => { return params.data.toFixed(2) } } } ] 使用formatter属性来调整标签显示的格式 参考文档 "https://echarts.apache.org/zh/option.html#series-line.label.f..." (https://link.segmentfault.com/?enc=8iyNa2d%2Bqy0wwR8r9WDspQ%3D%3D.Z%2FLNopP9i4PUmXZpbDWwC95G5Xdh8BQHddRWmTe9Q3t9d41STw9oiBGVPpjwcgU0aeJny3jWTcJCWSCLG9xin2iAkNJIGSVY%2BRWXGYc%2BDDM%3D)

环形图的交互中，当指针悬停在环形图的扇区上时，如何改变扇区的边框颜色、边框粗细、调整扇区的半径大小以及改变扇区的填充透明度？ 除此之外，如何处理其他扇区，即非悬停状态下的扇区的样式？

您好，不知道这个可不可以帮助到您（Java）： 需求一， （1）复制单元格区域（代码太长，放在链接里了）： 代码链接："https://www.grapecity.com.cn/developer/grapecitydocuments/exc..." (https://link.segmentfault.com/?enc=iHx8uQ7zKYf8mmx9HizU3w%3D%3D.fwDF%2F7Yi3ymeSX0yiN7RfWXiaUm%2B4WlhuWm0iqTFzr%2ByMiJAb%2FfftBBCC3%2Fw35WsCvYwFcHM3KAfvh6hN8VWQhpgsWNdFqAATCFegjKlPj9086pTEwB0KRGWPwKVLINGI5aDB5Xi5GsKeK0yBylcfO%2FtneiLsquHGxe%2B9h4F6LiCIrAeMXpLCJFm%2B6qUez6l) （2）删除空行： 代码链接："https://gcdn.grapecity.com.cn/showtopic-184458-1-1.html" (https://link.segmentfault.com/?enc=w0bsZ1Au71XnZ%2Be8DxaDQA%3D%3D.9Duh2Qeo%2F7jFDNIsoKYwDfVlfox8uTMPIR6GAWz0MxiWL%2BQCM07x%2B9jaW47%2BJXMzDPQVbEPg8DUXnrkpX%2BqH5g%3D%3D) 需求二： （1）插入行列 // Insert rows worksheet.getRange("A3:A5").getEntireRow().insert(); // OR worksheet.getRange("3:5").insert(); （2）单元格设值 worksheet.getRange("A5:B7").setValue(2); 需求三，创建sheet, 复制sheet, 操作工作表 代码链接："https://www.grapecity.com.cn/developer/grapecitydocuments/exc..." (https://link.segmentfault.com/?enc=Z0YSgLf88pK0cqxanQ6wBQ%3D%3D.MomMYq4ySlndA8i7vIwDyi9inmwrpV9FGFo6iHBVv3oUkRGD4nqqhMYhpu4GlRM38nYzuVE%2BZQAeuUP2prpL%2B%2ByyjTRZ0zOLYqSxU1mGVLYRKtqmziwbhQVFGPQzgs4yeIVxx%2FeyBOX%2BwGZlIyQKDaHzBkgQtPVHCwEQiYw8t%2B0%3D)

在服务器部署一下nginx并启动服务即可。如果你之前没试过，你可以先在本地尝试部署一下，熟悉后再到服务器上部署

用飞秋可以发，局域网很好用 或者共享文件夹，可以在源电脑上创建一个共享文件夹，并设置适当的共享权限，然后在目标电脑上访问该共享文件夹

用了 Flow 吗？ 确实会抛异常："https://github.com/babel/babel/blob/main/packages/babel-types/src/builders/flow/createTypeAnnotationBasedOnTypeof.ts#L47" (https://link.segmentfault.com/?enc=v%2BVNQXSIf8R4B4SXGXBDTQ%3D%3D.fSKBpLup3DKeIlHcKGXpnLIQWR335pQqUAqwFIl4qXJyUbuELBZu8%2BT%2Ba4iZZb0wSOpGdaTsgs3i3Z13rjonjBWrarux3ODIAGluD3WIL3NiDcVnwpC7X274%2BPmHQ11Nwo4Qo69b6Q1%2B5jAaFfRu6s56uFYoqfHsXiQ8wghEGIw%3D) 目前看来是故意设计如此，但没研究为啥要这么设计。 *** 【补充】 又仔细看了一下，虽然该源码所在的文件被放到了 Flow 目录下，但实际从主入口就会被调用，也就是说 TypeScript 同样会走这块的逻辑。 另外翻到了一个类似的 Issue："https://github.com/babel/babel/issues/5178" (https://link.segmentfault.com/?enc=mlNH9V45O4ZcaMFNvEiieg%3D%3D.YgsO3hvOo%2BrH2NB8qGdaJvUkt9UYYXZ%2Blf%2BDMQvjbw7sS5zWdgEbRM8QY2GeupHa) 跟题目中的场景差不多，只是他是这么写的： if (typeof a === '') { // balabala } 最下面有一位回复者 kangax 是 babel 的核心贡献者之一，宣称会修复这个 bug，但这个 2017 年提的 Issue，至今仍未被 Close…… 😂

uni.uploadFile({ url: 'http://192.168.0.14:9090/ele/strign/file.MP4', //仅为示例，非真实的接口地址 filePath: video.src, name: 'file.mp4', formData: { 'user': 'test' }, header: { 'content-type': 'multipart/form-data' }, success: (uploadFileRes) => { console.log('success', uploadFileRes.data); }, complete:function(e){ console.log('直传请求uploadFile', e); } }); 用这种方式会一直报错 "errMsg": "uploadFile:fail statusCode: null" 我在浏览器或者postman上传使用的地址就是 "http://192.168.0.14:9090/ele/strign/file.MP4" (https://link.segmentfault.com/?enc=ePZSInIcw6kqCHfUsfM0Xw%3D%3D.AwWfY%2FITvO1eQCR0JhyKypQMvdjaTniHyWK2FDDb4UhOKd2ZOA26wI6lhF0aBtpM) 能够上传成功，uniapp上该如何上传呢？

// 更新轨迹线位置 function updatePolylinePosition(uid, newPositions) { const polylineEntity = polylineEntities[uid]; if (polylineEntity) { // 创建一个新的positions数组 const positions = [...newPositions]; polylineEntity.polyline.positions = new Cesium.CallbackProperty(() => { return Cesium.Cartesian3.fromDegreesArray(positions.flatMap(pos => [pos.longitude, pos.latitude])); }, false); polylineEntity.polyline.show = checkedLines.value; } }

你不能直接对其他包的结构体加方法，必须自己声明一个基于目标结构体的类型或是嵌入目标结构体到你自己的结构体。 //dao.go package dao type A struct { Num int } //service.go package service import "../dao" type serviceA dao.A func (a serviceA) Method() { a.Num++ } type serviceA2 struct { dao.A } func (a serviceA2) Method() { a.Num++ }

可以在子组件中使用"defineExpose" (https://link.segmentfault.com/?enc=a6vcFEoL0hG9GqTCqMkXTw%3D%3D.Ric87uAJlI62E0xz%2FgZ7T%2Bu58QR%2FJMi1KAGDlsBjgG3I84Z9vV02N88WdUHws%2BlISd6rPBZrMvrbqQQPHwyoXQ%3D%3D)把treeRef暴露出去

没错，定期重建索引可以减少碎片，就是要考虑具体，建议在低负载时段进行索引重建，定期检查索引的碎片化程度，然后看要不要重建，不用太频繁

调度似乎没有问题，问题在于可测试性不高或者说测试方案不正确： "if(this.running >= 2)"分支里面，并没有去处理"resolve"。 这样就会导致进入这个分支之后，对应的"Promise"永远没有"resolve"的机会，那么你试图在"add(...).then"里面执行的检测代码"console.log(order)"就不可能被执行 。 另外可以把函数的职责稍加分离，面试的时候图个卷面整洁： class Scheduler { watting = []; MAX_TASK_NUMBER = 2; running = 0; add(promiseCreator, params = [], context = null){ return new Promise((resolver) => { this.watting.push([promiseCreator, params, context, resolver]); this.#checkTasks(); }) } #checkTasks(){ const {MAX_TASK_NUMBER, running} = this; if(running >= MAX_TASK_NUMBER){ return } this.#nextTask(); } async #nextTask(){ const { watting } = this; if(!watting.length){ return } const [task, params, context, callback] = watting.shift(); this.running++; const result = await task.apply(context, params); this.running--; this.#checkTasks(); if(callback){ callback(result); } } }

隔离是资源隔离，防止雪崩。例如网关隔离，防止某个服务突发性故障，导致大量超时链接，耗尽了网关的资源，然后引起大范围服务不可用（所有服务共用一个网关），为了避免雪崩，就需要对资源进行隔离。相同的还有redis、数据库等等。 降级是降低边缘服务等级（例如资源优先级），保障核心服务的稳定。 例如双十一淘宝的服务降级很明显，优先保障交易系统，你会发现访问淘宝的其他功能会出现卡顿或者无法打开的现象。这就是服务降级

这个需要借助 Excel 本身的分页符和重复行功能。 配置分页符："https://www.grapecity.com.cn/developer/grapecitydocuments/exc..." (https://link.segmentfault.com/?enc=ux90q3ciQkUKdcU7EH1NcQ%3D%3D.RyD5AVJAXOUFR5cDNs1NRX3mmT%2FJq87BRomrPkhnXNP%2FKnIxy4LAmmg1qK9dpkLPlqjvEvZHiB38P%2BgNDNCA%2F6x84UyffutGejq4T2M0TXaHiCesrolgEy1zhQ2Khp9yblXk8CTXA8fo53asAV82R%2BBo5sbhsby2mv7SKk8K1wsADva3NZzyXaqzSnLCD1%2F%2F) 配置顶部重复行："https://www.grapecity.com.cn/developer/grapecitydocuments/exc..." (https://link.segmentfault.com/?enc=1M2vf%2FXHhSUNSwAqNE2Dyg%3D%3D.nlPr6k0Z%2FMuL41R5nz12cEck58P1YF%2FMnZjSKWUG44tGjzJITR9KLSHJgOSayGoQPdMyIF%2FTqQ4DtfE8tPWehVkGp%2F2n0wiQoicTgF4sVlXm5zOBrNZvEPHqayKOvTOLChsqHDS2iDSjCVCYcOa%2BXPEF6xjYNVN0aGAH4erUpyLrSgVk9OeejK8O5l%2FJggDR7hXzo4%2Bobfxvn52PcDybQQ%3D%3D) 代码如下： public void SplitData() { Workbook wb = new Workbook(); IWorksheet sheet = wb.getWorksheets().get(0); Object data = new Object[][]{ {"A", "A1", "A2"}, {"A", "A1", "A2"}, {"A", "A1", "A2"}, {"A", "A1", "A2"}, {"B", "B1", "B2"}, {"B", "B1", "B2"}, {"B", "B1", "B2"}, {"B", "B1", "B2"}, {"B", "B1", "B2"}, {"C", "C1", "C2"}, {"C", "C1", "C2"}, {"C", "C1", "C2"}, {"C", "C1", "C2"}, }; sheet.getRange("A1:C1").merge(); sheet.getRange("A1:C1").setValue("公司信息"); sheet.getRange("A2").setValue("公司名"); sheet.getRange("B2").setValue("数据1"); sheet.getRange("C2").setValue("数据2"); sheet.getRange("A3:C15").setValue(data); sheet.getHPageBreaks().add(sheet.getRange("A7")); sheet.getHPageBreaks().add(sheet.getRange("A12")); sheet.getPageSetup().setPrintTitleRows("$1:$2"); wb.save("output/SplitData.pdf"); } 结果： "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241208/f91eb91a879688aa192a19733eddc32d.png)

我有一个vue-cli3创建的vue2项目，根据我的业务需求用到了一个富文本编辑器，同时根据需要这个编辑器不能使用官方已经构建好的版本 需要我安装编辑器相关的各个功能依赖自定义构建整个过程 我为了考虑后期方便升级把整个编辑器相关的源码写在了src/components某个文件夹中(这个文件夹中有package.json src webpack.config.js等相关文件 相当于我把vue项目用到的某个依赖库没有用node_module文件夹下的某个依赖 而是自己在我的源码中写的依赖库) 以后哪个组件要用编辑器直接用我自定义构建好的这个编辑器js文件就行(src/components/custom-editor/build/editor.js) 我担心我在npm run serve/build整个vue项目时是否会出现build/editor.js被二次构建的过程 如何避免？还有我这种维护方式是否合理？

我感觉是没有区别的

1. 首先排除 git submodule 2. 如果团队较小，平均水平较高，我建议 monorepo 3. 反之，如果团队较大，水平参差不齐，或者历史包袱较多，那么我建议私有仓库，比如 GitHub registry 关于 monorepo 的体会，可以参考我一篇旧文："浅尝 Monorepo" (https://link.segmentfault.com/?enc=FWXaEvsbosjAoIFa%2BpW1%2Fg%3D%3D.HLCUOMeBlh5xfgeTHiTuGBHKv%2B0VHug%2BgOJxx7ACVXdeyEaefS8QtYJ2uC9BxF1D%2B7MR3alSXJzCjlgIGo8UVZXqKvQ8jzLjOPpyxvcoLbM%3D)。

CSS-in-JS 是一种用于在 JavaScript 中编写 CSS 的技术，它将组件的样式直接与组件的逻辑代码结合在一起。这种方法旨在简化前端开发并提高应用的可维护性和可重用性。使用 CSS-in-JS 技术可以消除 CSS 文件管理的复杂性，并提供一种更具动态性和灵活性的方式来管理样式。 一些流行的 CSS-in-JS 库包括： * Styled-components： 这是一个流行的 CSS-in-JS 库，它允许你在 React 组件中编写 CSS。它使用模板字面量语法和 ES6 的特性来定义样式，并提供了对动态样式和主题化的强大支持。 * Emotion： Emotion 也是一个受欢迎的 CSS-in-JS 库，它提供了类似于 JavaScript 的 API 来编写样式，并支持关键帧动画和媒体查询等功能。 * JSS（JavaScript Style Sheets）： JSS 是一个更灵活的 CSS-in-JS 解决方案，它允许你以 JavaScript 对象的形式定义样式，并提供了插件系统来扩展其功能。 * Radium： Radium 是另一个流行的 CSS-in-JS 库，它为 React 应用提供了内联样式的支持，并提供了伪类、媒体查询和动画等功能。 这些 CSS-in-JS 库提供了一种在组件级别管理样式的方式，使开发人员能够更轻松地创建可维护且具有动态特性的样式。它们可以与各种前端框架一起使用，为开发人员提供了更多的灵活性和控制力。然而，在使用 CSS-in-JS 时需要注意性能问题，特别是当处理大型应用或需要大量动态样式时。

vscode 可以通过 terminal.integrated.gpuAcceleration 的设置来更改底部终端的渲染。可以支持 canvas webgl, canvas 2d, dom。这个设置默认是 auto,会优先选用 canvas webgl。vscode 是如何做到这三个渲染方式可以输出一致的结果的?

export default { data() { return { serviceName: null, serviceList: [ { service_alias: 1, service_name: 2 } ] }; } }; https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241125/8c3f839bad982e16e660a4d056858885.png 怎么让点击这里的不会把这个el-select的弹出框给关闭？现在是会关闭

主要看你的html结构,还能知道怎么处理

"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241124/b4a4dbf8a6cf061bf24968abd4a39bc6.png) 类似于图片这种效果，总共24个刻度。 某个时间段有会议，则显示图片中橙色部分的样式。 每场会议以30分钟为基本单位。 请各位大佬指教

app主动发送通知这点是怎么做的 很好奇

有一些项目是用 git （配合sourcetree）来管理的，但是前几天系统挂了，于是重装了系统，也重装了git（sourcetree），但是不记得之前配置的"用户名"和"邮箱"，重新安装git配置用户名和邮箱后，通过sourcetree关联上之前的项目后，导致sourcetree切换分支报错（如下图），想问下如果通之前的老项目查看到之前配置的git信息（想按照之前的配置来重新配置git看看会不会好） https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241120/9b880c43e98b11c04ad96d741f7a54b5.png

这个demo好像可以实现这个需求哎，你看下："https://antdv.com/components/cascader-cn#components-cascader-..." (https://link.segmentfault.com/?enc=0ZOBPwox09RsiGgH%2Fblucg%3D%3D.%2F%2Bk%2FXwX5GFvc8YgOWwKyhpGlzKQtJMzfOkgDbb5ekasO8iuZI9t8pOGFkgSLWem2q8urlAo6BAG2NE76LN%2B2dExzxV26efJHmNCRNFtPs2k%3D) 至于样式可以使用css覆盖掉，交互也可以跟产品同学商量下

请问应该如何禁止通过ip:port访问面板管理界面？ 另：应该如何禁止通过ip访问整个站点？

是每个设备都创建数据库 还是一类设备（产品）创建一个数据库好 从资源消耗和性能方面来说? 我想每个设备都创建一个数据库, 这样可以方便的管理单个设备的数据过期时间等等, 但是每个数据库都会创建一个路径, 设备量大了之后, 比如几W个设备, 会不会影响文件系统性能和增加系统资源消耗 "9d686e38095a0133e18bcb175b56988.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241118/cb919b944545616e4e7204b17d842e51.png) "image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/images/20241118/c19141334323f600f4b609617821e744.png)

飞书妙计（语音转文字功能）的平替选项 免费替代品 1. 讯飞听见 - 特点：提供高准确率的语音转文字服务，支持多种语言和方言。 - 免费额度：每月有一定免费时长。 - 平台：网页版、移动应用。 2. 搜狗听写 - 特点：实时语音转文字，支持会议记录、采访等场景。 - 免费额度：提供基础免费服务。 - 平台：网页版、移动应用。 3. 腾讯云语音识别 - 特点：基于腾讯云技术，识别准确率高。 - 免费额度：新用户有一定免费额度。 - 平台：API接口，需自行开发集成。 4. 阿里云语音识别 - 特点：支持多种场景的语音转文字，识别速度快。 - 免费额度：新用户有免费试用额度。 - 平台：API接口，需自行开发集成。 本地部署选项 1. DeepSpeech - 特点：开源的语音识别引擎，由Mozilla开发。 - 部署：需在本地服务器或个人电脑上部署。 - 平台：支持多种操作系统。 2. Kaldi - 特点：开源的语音识别工具包，功能强大，适用于研究和开发。 - 部署：需具备一定的技术能力进行本地部署。 - 平台：支持Linux、Windows等。 3. Wav2Lip - 特点：开源的语音转文字工具，适用于视频处理。 - 部署：需在本地环境中安装和配置。 - 平台：支持Linux、Windows等。 总结 以上提供的免费替代品和本地部署选项均可在一定程度上替代飞书妙计的语音转文字功能，用户可根据自身需求和 technical capability 选择合适的工具。

前端调用后台接口上传文件，后台用ali-oss上传到阿里云。 前端怎么获取到上传进度？ 文件很大，要等半天，还没有进度。 看了文档，没找到答案

"https://github.com/johno/postcss-shorthand-expand" (https://link.segmentfault.com/?enc=fhD8r3eenpVJ7Vsp6%2BdKYA%3D%3D.3VlImACK%2BoHaODhlCjD%2BZyC44HH3xWEZrjsOrznlvANh1yE1%2B6YHY%2BnB7jdiTd8WzWd8OFdMK9fYVUjim1guCg%3D%3D) 这个或许就是你想要的东西吧

这样的一个运动轨迹如何写，假设起点(295,0),终点(600，1000),运动时间2s， bang写一个动画帧keyframes， keyframes格式如下： [ { translateX: '', translateY: '' } ] "https://cdn.alongweb.top/aa.mp4" (https://link.segmentfault.com/?enc=HXSFUzxFj0l3wu2Wq2suMg%3D%3D.e1WGy7GyIZLcrZL2SLJE64SsWDwz%2FlWDRq1%2B3h%2FISsw%3D)

请问，同一个php5.4的源码，搭建好后，在堡塔上可以显示二维码，但是在amh上不能显示二维码？ "实物" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241031/2114bd1669f5f91af812ff36d6745696.png)! "扩展安装" (https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241031/2114bd1669f5f91af812ff36d6745696.png)

谢谢建议。会考虑开发提供相关软件。

之前做过的类似政务微信的方案是拦截接口请求，请求若403则换取新的token重发请求

是刚更新的amdata命令端更换的原因，已经安装的面板没影响，新安装的是匹配不到。 目前已经兼容处理了，到面板再升级一次amdata。

若当前域名为 "http://localhost:3000/"，则 "/src/assets/image/login/icon_login.png" 等价于 "http://localhost:3000/src/assets/image/login/icon_login.png" 不需要做特别的修改，而且还可以避免固定域名导致开发环境和部署环境不同域名的问题

基于uniapp开发，请问有没有支持在nvue页面的使用的类似uni-datetime-picker这种日期时间组件？ uni-datetime-picker不支持nvue

bebel.config.js中配置: module.exports = { presets: [ ['@babel/preset-env', { targets: { chrome: '58', firefox: '60', ie: '11', }, useBuiltIns: 'usage', corejs: 3, }], ], }; 已安装core-js useBuiltIns: 'usage', babel文档或者网上搜到，配置这个东西，可以自动引入polyfill，但是我在编译之后，并没有自动引入，需要怎么处理才能自动引入polyfill

vue2.0的项目打包生成的图片资源"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241015/f3270168fe7f254d24f65ca8e4f17528.png)，然后有这些图片"image.png" (https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20241015/17f8f89a64473ee665d82e63d8f5d850.png)是怎么回事呢？ 我本地静态资源没这些图片啊，我的电脑是mac的

* 第一个问题"join userArchive"重复，是因为实体关联 "@OneToOne" 是左连接，在"Specification" 中手动 "join" 用的是内连接，所以被判定为不同的连接方式导致。在"specification" 中指定 "root.join("userArchive", JoinType.LEFT)" 指明为左连接，就不会出现重复连接问题。 * 第二个问题，目前没想到好的方法，等待高手回答。