金梦真

19 2021年08月

#前端开发 #解决方案

overflow-x: hidden 会默认添加垂直滚动条

当元素设置了 overflow-x: hidden 样式时，该元素的 overflow-y 会被浏览器设置为 auto，而不是默认值 visible。详情见：CSS overflow-x: visible; and overflow-y: hidden; causing scrollbar issu

查看全文

16 2021年08月

#前端开发 #解决方案

如何使用 Meta 标签改进 NuxtJs 站点的 SEO，及 data-n-head 导致网站验证失败的坑

这篇文章并非 SEO 指南，它只是一篇简短的文章，让你了解一些基本的 meta 标签。Nuxt MetaNuxtJs 使每个页面的元标记配置非常简单。我们可以通过全局引入和单个页面引入两种方式配置 meta 标签。首先是全局配置，在项目根目录 nuxt.config.js 文件上：module.ex

查看全文

10 2021年08月

#前端开发 #解决方案

解决 Uni-app 中 Class 和 Style 绑定失败，显示"object object"的问题

Uni-app为节省性能，将Class和style的表达式通过compiler硬编码到了Ｕni-app中。Class 支持的语法：<view :class="{ active: isActive }">111</view><view class=&q

查看全文

01 2021年08月

#前端开发

组件和状态的设计思路

在参与腾讯某小程序的开发过程中，发现由于功能过于复杂，导致页面的代码异常复杂，而且年代久远，重构起来成本过高。想起之前在负责“i深圳”智能客服项目的时候写React的某段经历，由于是自己从0到1负责整个项目，所以比较好把控整体架构。由于React、Vue等框架都是以数据驱动视图，所以我拿到一个模块需

查看全文

19 2021年07月

#前端开发 #解决方案

使用 background 模拟文字下划线

text-decoration无法还原设计稿的时候，或者text-underline-offset不兼容的时候，可以用下面的代码模拟文字下划线的功能： // 模拟重复的下划线，兼容长留言，64rpx *(1-98%) ≈ 1rpx（64rpx为line-height） backg

查看全文

15 2021年07月

2021年07月15日

h5调试插件eruda

查看全文

24 2021年06月

2021年06月24日

圆角隐藏超出元素，元素超出了圆角部分

如上图光效需要隐藏超出部分。div { border-radius: 8px; overflow: hidden;}这是基于Webkit的浏览器中的一个已知错误。发生这种情况的原因是复合层没有被其父层剪切。因此，有时您需要将具有overflow:hidden的父级带到其自己的合成层上，以

查看全文

22 2021年06月

2021年06月22日

移动端禁止长按图片弹出菜单和禁止文本选择

禁止长按图片弹出菜单img{ pointer-events: none; user-select:none; } 禁止文本选择p { user-select:none; }

查看全文

17 2021年06月

2021年06月17日

组件样式隔离

默认情况下，自定义组件的样式只受到自定义组件 wxss 的影响。除非以下两种情况：app.wxss 或页面的 wxss 中使用了标签名选择器（或一些其他特殊选择器）来直接指定样式，这些选择器会影响到页面和全部组件。通常情况下这是不推荐的做法。指定特殊的样式隔离选项 styleIsolation 。C

查看全文

01 2021年06月

2021年06月01日

node 版本切换/回退

node 版本切换/回退：sudo npm install n -g 安装node版本管理模块n；sudo n 10.20.1 安装指定版本号；跑完搞定

查看全文

最新文章