RealizeInnerSelf丶

记一个诡异的坑：一样的代码，换了一台电脑跑起来就乱掉了

账号密码框在浏览器保存了密码的情况下会自动填充，且用户也会需要自动填充，但是填充后会有个很讨厌的默认样式，难以去掉

但是小程序要求使用域名，而使用域名时就会报这个错。

遇到小程序代码包超大小时的一些解决思路

当需要用开发者工具进行调试时却发现不打开了……好在我解决了，希望能帮到同样遇到这个问题的你~

无用文件删除（可能一些项目是老项目基础上改的，会有很多无用的业务代码文件，可以直接删除，或是用不到了的字体文件、图片等资源）字体资源、图片资源改为引用线上的，而非本地（传到服务器可访问后，记得把本地的删除掉）分包（除了首屏页面、登录页、tabbar页面，其他页面都可以考虑分包的方式）各类第三方类库尽量使用按需引入的方式。

平时用的好好的 Everything 突然某一天用不了了，什么东西都搜不出来了……就搜桌面上摆着的文件都搜不出来……

我让打包代码的同事在本地运行代码查看，发现他本地就无法显示图表，稍作思考后怀疑是他 没有装 **百度图表 echarts** 插件 所致，故让他装了一下，然后再运行，图表就能显示了，至此问题就解决了

vue 项目调试源码映射失效问题解决、开发者工具内代码乱码问题解决

echarts5.x + wordcloud2.x 搭配使用

现象如标题所讲，很诡异，到了客户现场先分析环境情况、问题可能出现的原因（页面是前端实习生写的，但这种诡异问题也就只能交由老同志来解决啦……）

一个页面上有很多表单，而渲染的表单是根据类型字段来的，不是这个类型对应字段就不会有值，设置默认值之后就不会报错了（如果是 厂房租赁 类型，则展示 厂房租赁 的表单，如果是 讲解预约服务 类型，则展示 讲解预约服务 的表单，其他表单隐藏）...

如图左侧那一列，竣工类项目没有做地类这个子类，项目经理想要直接空在那里但直接空着，布局会乱掉，即第一行的效果项目经理的预期效果是第二行的，后文介绍下如何实现（个人认为第三行的展现方式看起来更好些）用 <pre></pre> 标签包裹空格即可（无数据时直接渲染空格）参考：CSS 的空格处理&nbsp; 在 HTML 中代表空格<div> <!-- 其他字段 --> <span v-if="!noData"&g

如下图，左图是 ios 的显示效果，右图是开发者工具的显示效果（Android 效果同开发者工具）问题 css 代码用真机调试节点审查发现元素的高度不对，尝试注释 flex 相关样式，发现问题解决…/* 卡片容器 */.conn_policys .conn_policy_item { /* 冲突代码如下，所幸下面的样式在改版后已经失去了作用，可以直接删除 */ display: flex; flex-direction: column; /* box-sizing: borde

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

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

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

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

情况描述：目前维护的老项目是通过 easyui 生成的 html，嵌套结构非常多，当点击元素后，会有个边框？？？非常影响页面美观，这是啥迷惑点击交互？？？经验告诉我，这是 css 的 outline 属性带来的边框，而在 chrome 控制面板里该元素的 styles 列表中并没有设置 outline我的开发经验告诉我，这个列表中会把所有设置过的、影响到此元素的 css 样式列出来，即使是设置到父级上的，然而我搜索 outline 他并没有出现，感觉像是默认继承似的？但定制过的继承样式也会出现在这个

文章目录微信小程序内嵌 web-view 页面改动 iOS 正常显示，Android 依旧是改动前的样子（缓存页面）前言解决方法微信小程序内嵌 web-view 页面改动 iOS 正常显示，Android 依旧是改动前的样子（缓存页面）前言小程序里webview打开的H5页面怎么清除缓存？如图，在 iOS 系统的手机上（开发者工具上）已经能正常显示新页面了，而 Android 系统的手机上却还是左侧的老页面不管是退出重进小程序还是删掉小程序重新搜索进入、亦或是清除微信缓存、关掉微信重进、清除

参考文章：微信小程序 - 富文本图片宽度自适应(正则)问题图无效代码/* 下面代码并不能达到预想效果... */rich-text img { width: 100%; object-fit: contain;}rich-text image { width: 100%; object-fit: contain;}目标效果图util.js/**......

目录边框不影响布局技巧剖析边框不影响布局技巧需要解决的问题默认不处理与两种处理方式的效果图剖析边框从一开始到覆盖都是存在的，所以不存在突然多出2*边框宽度px 的占位我们可以通过以下两种方式解决(个人目前已知)先设置边框，颜色透明，后续(比如鼠标覆盖显示边框)就不会发生挤动亦或是使用怪异盒模型，让边框占用元素本身的宽度加边框缩小宽度也可以，单个人觉得没必要...