前端开发

前端开发

  • 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

    查看全文
  • vue 生命周期与组件间通信

    vue 生命周期与组件间通信

    Vue 生命周期生命周期图示Vue 父子组件生命周期执行顺序加载渲染过程父 beforeCreate -> 父 created -> 父 beforeMount -> 子 beforeCreate -> 子 created -> 子 beforeMount ->

    查看全文
  • JS:复制内容到剪贴板(无插件,兼容所有浏览器)

    JS:复制内容到剪贴板(无插件,兼容所有浏览器)

    HTML部分:<button onclick="copyToClip('内容')"> Copy </button>JS部分:/** * 复制单行内容到粘贴板 * content : 需要复制的内容 * message : 复制完后的提示,不传则默认提示&q

    查看全文
  • js数组排序(字符串排序)

    js数组排序(字符串排序)

    排序常用方法:sort1. 语法:arr.sort([compareFunction]) : 返回一个新的数组如果 compareFunction(a, b) 小于 0 ,那么 a 会被排列到 b 之前;如果 compareFunction(a, b) 等于 0 , a 和 b 的相对位置不变。备注

    查看全文
  • ES6 字符串和正则表达式

    ES6 字符串和正则表达式

    更好的 Unicode 支持UTF-16 码位UTF-16 引入了代理对(surrogate pair),其规定用两个 16 位编码单元表示一个码位。也就是说,字符串里的字符有两种,一种是由一个编码单元 16 位表示的 BMP 字符,一种是由两个编码单元 32 位表示的辅助平面字符。ES6 强制使用

    查看全文
  • ES6 块级作用域绑定

    ES6 块级作用域绑定

    原因:var 声明和变量提升(Hoisting)机制。块级声明块级声明用于声明在指定块之外无法访问的变量块级作用域(词法作用域):函数内部块中{}let 声明(变量)用 let 替代 var 来声明变量,可以把变量作用域限制在当前代码块中。由于 let 声明不会被提升,因此开发者通常使用 let 声

    查看全文