前端开发

前端开发

  • 如何使用 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

    查看全文