Suwanbin

摘要： 使用 CSS 在不影响视觉效果的情况下增大元素的点击面积 关键点是透明，实际方案不止这两个，开动你的脑筋，还可以有更多 利用透明边框来加大点击面积 .btn { border: 5px solid transparent; } 利用伪元素加大点击面积 CSS 扩大可点击的区域 .button { p 阅读全文

摘要： 如下图，左图是 ios 的显示效果，右图是开发者工具的显示效果（Android 效果同开发者工具） 问题 css 代码 用真机调试节点审查发现元素的高度不对，尝试注释 flex 相关样式，发现问题解决... /* 卡片容器 */ .conn_policys .conn_policy_item { / 阅读全文

摘要： 拼接搜索条件 {a: 'xx', b: 'yyy', c: 'zzz'} 成 ?a=xx&b=yyy&c=zzz // 只保留有值的搜索条件，拼接成 ?a=xx&b=yyy&c=zzz (传入空对象会返回空字符串) searchObjToQueryString(searchObj) { // 默认约 阅读全文

摘要： 声明 此博客为网上两篇博客的融合体，因原博客写的就很好了，我这里就直接两篇博客粘到一起 参考地址： NPM install -save 和 -save-dev 傻傻分不清 npm install --save 、--save-dev 、-D、-S 的区别与NODE_ENV的配置 NPM instal 阅读全文

摘要： element-ui 实现跨表格多选 效果 代码 <el-table row-key="id" :data="dataList" border @selection-change="selectionChangeHandle" style="width: 100%;"> <el-table-colu 阅读全文

摘要： 大概或许可能是自己配置不到位，页面.json 的 window 里配的背景色无效，这里采用了别的方式去实现效果，记录一下自己一机灵想到的解决方式 微信小程序如何修改单页面背景色 原来页面.json 里配的是上拉下拉列表是裸露出来的颜色，而不是我们所需要的页面背景色 全局背景色设置 将每个页面的默认背 阅读全文

摘要： 在写项目时，发现有部分文字是糊掉的，越看眼睛越累，记录下我的解决方案 自己写 demo无法重现这个问题，或许是搭配了 mCustomScrollbar 的原因 仔细看会发现右侧菜单的文字有点模糊 解决方案 一像素一像素的调整父元素的 height / margin / padding / 文字本身的 阅读全文

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

摘要： prettier - vscode 保存代码自动格式化插件 安装自行百度，只需要在 vscode 插件里搜索 prettier，安装即可 配置保存文件时自动格式化 vscode 配置文件 settings.json 中加入： "editor.formatOnSave": true, 配置保存时HTM 阅读全文

摘要： 前端表单验证交互 效果1（暂未配套代码） 使用 vue watch 与自定义 css 模仿 Vuelidate 框架官方表单验证效果 关键思路：（看了代码就能结合起来了） 动态监听输入内容的改变，动态校验其数据的合法性 不合法，给元素添加 class，该 class 给 label、input 标签 阅读全文