RealizeInnerSelf丶

文章目录前端列表重复项更好的写法（一堆长得一样，内容不同的数据项）无脑写法取巧一点的写法进阶写法如果你觉得写的不错或者帮到你了，记得给我点个赞哟~前端列表重复项更好的写法（一堆长得一样，内容不同的数据项）写前端我们常常会遇到写卡片列表需求像下图，有一堆长得一模一样的卡片，你会怎么写？（当然用组件化开发的方式把它写成组件也是不错的）后文用的是微信小程序的语法，但这不是重点，你也可以基于这种方式用 vue 的语法来写无脑写法如果我们写完一个直接复制几遍，乍一看没啥问题，但却是很不利于维护

文章目录flex 布局引起的元素宽度失效问题bug 效果预期效果原因解决方案如果你觉得写的不错或者帮到你了，记得给我点个赞哟~flex 布局引起的元素宽度失效问题有些 bug，一不注意可能排查半天都排查不出来，而它恰恰又是你自己造成的…如下 bug 效果图，卡片样式写的好好的，图片下面的详细信息字段样式代码都是同一个（最后一行土地坐落设置的宽度是 100%，其他几个字段都是 50%），突然最后一行土地坐落抽筋了bug 效果预期效果原因愣了一下，调了几个 CSS 属性发现还是这样…到底是

文章目录如何实现 iframe 子页面和父页面联调？博文由来&方案推想操作步骤更改后如何查看最新更改效果？如何实现 iframe 子页面和父页面联调？通过 chrome 开发者工具编辑 iframe src 的方式来达到实时预览，然后重载 iframe 来看最新效果博文由来&方案推想为已有系统扩展一个 iframe 子页面，该子页面风格比较独特，又需要让子页面在系统和谐融入时，用来调试可以节省大量时间，比从头搭框架要来的快得多就比如我有一个蓝色调的后台系统，然后需要添加个地图操作

文章目录echarts 中使用自定义图标无法显示背景与问题所在解决过程echarts 中使用自定义图标无法显示背景与问题所在近期需要做类似下图的效果，在网上找到的 echarts demo 能够显示自定义图标，一样的代码拷贝过来可以正常预览，但把图标换成自己的就无法在图上显示…一样的写法，配出来是个方块…？？？人家的图片咋就可以呢！就？很神奇！排查了很久没发现问题，直到第二天又仔细对比了几遍之后才发现问题所在：少了个前缀（image://），而网上找的案例博客里也没强调要注意这个地方…（它

文章目录vue h5 端实现富文本图片预览（基于 Vant UI 的 ImagePreview 组件）预览效果关键代码使用案例vue h5 端实现富文本图片预览（基于 Vant UI 的 ImagePreview 组件）之前发了一篇博客讲了如何在小程序实现富文本的图片预览，本篇博客来讲讲如何在 H5 端实现同样的体验与效果代码是基于之前微信小程序封装那套代码改写的，用户体验一致参考文章：Vant 实现预览富文本图片注意：项目里要引入 Vant UI 组件库（需自行引入好在开始看后面的

文章目录微信小程序富文本解析插件-towxml（扩展富文本图片预览功能）富文本图片预览效果图基本配置towxml 使用与图片预览扩展定制样式补充说明不想把 towxml 放在小程序根目录？常驻小尾巴微信小程序富文本解析插件-towxml（扩展富文本图片预览功能）其实单纯渲染富文本直接用微信小程序的 rich-text 属性就够了用 towxml 是为了扩展富文本图片的预览功能，微信自带的 rich-text 只能针对富文本整体监听事件，无法实现用户点哪张图片预览哪张，用户体验非常差富文本图片预览

文章目录切换腾讯地图的文字注记预期效果关键思路分析与解读如何控制底图文本注记的显隐？如何判断当前是什么底图？示例代码切换腾讯地图的文字注记在网上看到了这么个效果，感觉自己以后也会遇到，或者说现有项目可能会扩展这个需求，就先搜集资料探索一下咯~到时候需求落到身上了就不用慌啦~淡然处之！预期效果可手动切换地图底图，且可单独对底图上的文本进行显隐控制关键思路分析与解读如何控制底图文本注记的显隐？腾讯地图 JavascriptAPI GL 的底图由多种元素（多个要素图层）叠加渲染形成，支持设置

文章目录情况说明原因十六进制颜色转RGBA颜色 实现方案情况说明之前写了个小程序项目，后来客户要想把它对接到浙里办、浙政钉上，就需要将其改成 h5 应用，这过程可以说是成堆成堆的问题（好在基本都找到了替代方案，遇到的问题也都顺利解决了，没有卡太久…）小程序转 h5，那之前用的地图组件肯定就不能用了，得另寻他路，下面就是用腾讯地图替代地图组件遇到的问题之一：填充颜色格式不兼容想当初把颜色搞成十六进制带透明还花了点心思的…现在？？？原因写微信小程序的时候，颜色得用十六进制加透明度表示…而转到腾

总有些报错让你摸不着头脑，赶紧留个印象，下次遇到不要找半天了由于最近工作比较忙，穿插进来个老项目需要临时维护下，在维护的时候发现小程序在开发者工具中都能正常打开、调试但当我拿起手机真机测试的时候，内部页面一片空白？？？调试器也没有任何报错（欢迎页面能进入，内部业务页面一片空白）我改点样式就让整个小程序无法显示了？不是？我电脑上不是没毛病吗？抓耳挠腮半天猛然醒悟过来…为了方便和后端同学联调，接口地址配的是公司内网…，公司电脑处于公司局域网下，自然可以正常访问而手机用的是数据流量，不和公司电.