吴华锦

Vue组件通信

前端 Vue

props

父传子组件的属性,props值可以是一个数组或对象。

$emit

子传父组件绑定自定义事件。

阅读全文

清除浮动细节介绍

CSS 前端

前言

浮动float的渲染位置在行框与包含块之间,这样可以使得行框内文字与浮动元素不重叠,并且环绕它显示。在布局过程中经常使用它实现左右并排布局的效果。但是,由于浮动特性,容器如果没有明确设定高度,会依照普通流内元素高度设置,这样就会导致脱离普通流的浮动元素溢出容器,影响后面的元素布局。

阅读全文

vscode配置

前端 编辑器

插件

  1. Beautify
  2. chinese Language
  3. open in browser
  4. Vetur
  5. minapp
阅读全文

正则表达式实例

前端 正则

商品计价的千分位分隔符转换

return total.toString().replace(/\B(?=(\d{3})+$)/g, ',')

去除字符串的空格

  1. 字符串原生trim方法,只能去除两侧空格,返回新字符串
  2. replace正则匹配
    • 去除所有空格:str = str.replace(/\s*/g,"")
    • 去除两侧空格:str = str.replace(/^\s*|\s*$]/g,"")
    • 去除左侧空格:str = str.replace(/^\s*/,"")
    • 去除右侧空格:str = str.replace(/\s*$/,"")
阅读全文

状态管理与Vuex

前端 Vue

在实际的业务中,经常有跨组件共享数据的需求,Vuex就是设计用来统一管理组件状态的,它定义了一系列规范来使用和操作数据,使组件的应用更高效。

引入Vuex之后统一对共享数据进行管理存放,在各个页面中可以利用commit方法提交mutation对共享数据进行修改。

阅读全文
上一页 下一页