金梦真

金梦真

让时间说真话

最新文章

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

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

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

    查看全文
  • 如何使用 Meta 标签改进 NuxtJs 站点的 SEO,及 data-n-head 导致网站验证失败的坑

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

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

    查看全文
  • 解决 Uni-app 中 Class 和 Style 绑定失败,显示

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

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

    查看全文
  • 组件和状态的设计思路

    组件和状态的设计思路

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

    查看全文
  • 使用 background 模拟文字下划线

    使用 background 模拟文字下划线

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

    查看全文
  • h5调试插件eruda
    2021年07月15日

    h5调试插件eruda

    <script src="//cdn.jsdelivr.net/npm/eruda"></script> <script>eruda.init();</script>

    查看全文
  • 圆角隐藏超出元素,元素超出了圆角部分
    2021年06月24日

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

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

    查看全文
  • 移动端禁止长按图片弹出菜单和禁止文本选择
    2021年06月22日

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

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

    查看全文
  • 组件样式隔离
    2021年06月17日

    组件样式隔离

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

    查看全文
  • node 版本切换/回退
    2021年06月01日

    node 版本切换/回退

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

    查看全文