2024-10-30本文介绍如何使用Cesium在前端实现等高线绘制。借助turf库，通过Contouranalysis.ts、ReminderTip.js和Contouranalysis.vue等组件，实现等高线展示效果。文章提供完整代码示例和运行效果。

https://www.qianduange.cn//article/19672.html 分类：前端知识

2024-09-10canal是应阿里巴巴存在杭州和美国的双机房部署，存在跨机房同步的业务需求时开始逐步的尝试基于数据库的日志解析，获取增量变更进行同步，由此衍生出了增量订阅&消费的业务。不过删除重建的方案可行。后面再找问题并重试吧。其它事项：mysql的日志默认使用的都是UTC，因此会造成显示数字与北京时间相差8个小时，如下示例为下午15:12显示的日志，在MySQL 5.7.2新增了log_timestamps 这个参数，该参数主要是控制 error log、genera log，等等记录日志的显示时间参数。_cannal搭建

https://www.qianduange.cn//article/18054.html 分类：前端知识

2024-06-16vue项目，vue-cli和webpack版本太低项目启动太慢如何优化，开启 terser-webpack-plugin 代码压缩，开启摇树优化，watchOptions 忽略node_modules，production 模式关闭 devtool的sourcemap,开启cache缓存,以及辅助工具webpack-bundle-analyzer，speed-measure-webpack-plugin，实现vue-cli低版本项目的启动和打包速度以及项目体积终极优化_vue项目启动慢

https://www.qianduange.cn//article/12305.html 分类：前端知识

2024-06-13意思是上面定义使用的_import动态导入函数不能被Vite分析出来，如果一定要这样使用的话，可以使用import ( )调用内部的/ * @ vite-ignore * / 注释来忽略此警告。后官网找到import.meta.glob,改写成这样也可以，但是感觉写路径挺麻烦，还是用第一种吧。随后我用了这个注释后，报错是没有了，但是所需的组件不能动态导入了显示空白。不过还是很好奇为什么第一种多加个路径就能动态导入，跪求大佬解释！然后组件就成功展示了。_the above dynamic import cannot be analyzed by vite

https://www.qianduange.cn//article/12038.html 分类：前端知识

2024-06-07Audio API还支持音频流的处理与合成，通过AudioNode接口和AudioContext的createScriptProcessor方法，开发者可以对音频流进行实时处理，如音效添加、混音等。此外，Audio API还提供了诸如loadedmetadata、play、pause、ended等事件，开发者可以通过监听这些事件来处理音频的加载、播放、暂停和结束等状态变化。Audio API还提供了音频分析的功能，通过analyserNode接口，开发者可以获取音频的频谱数据，从而实现音频可视化效果。_audio amp . pijpcb加载网络表的操作方法有哪些

https://www.qianduange.cn//article/11323.html 分类：前端知识

2024-05-09优化真的很费时又不能确保一定能有很飞跃的效果，在不断摸索中前进~~1.使用 yarn 在 package.json 内配置(推荐)2、vite中去使用：vite.config.ts中配置。2.使用 npm,在电脑 host 文件加上如下配置即可。gzip 与 brotli 在 nginx 内的配置。插件进行进行代码体积分析，从而优化你的代码。在需要的组件内加载echarts，绘制图表。_rollup-plugin-analyzer

https://www.qianduange.cn//article/7692.html 分类：前端知识

2024-04-05找到 package.json 在 build 后面加 --report。new BundleanalyzerPlugin 参数配置说明。_vuecli webpack-bundle-analyzer

https://www.qianduange.cn//article/4492.html 分类：前端知识

2024-03-04将首屏所需的组件和代码拆分成独立的模块，并使用懒加载技术（如 Vue 的异步组件或路由懒加载）来按需加载它们。这样可以减少初始加载的代码量，提高首屏的加载速度。使用性能分析工具（如 Vue Devtools、Google analytics 等）来监测首屏的加载性能，找出瓶颈和优化的空间，并进行针对性的改进。以上是一个 Vue 首屏代码优化的方案概要，你可以根据具体的项目需求和技术环境，对每个点进行详细的描述和扩展。对代码进行审查和优化，去除不必要的计算和重复代码，提高代码的执行效率和性能。_首屏优化 vue

https://www.qianduange.cn//article/3173.html 分类：前端知识