2020-06-02

Clipboard.js 实现点击复制

在开发过程中难免会遇到点击分享的需求，这里有两种实现方式：
第一种： 通过原生js 的方法用（存在兼容性）：

document.execCommand( aCommandName, aShowDefaultUI, aValueArgument)
参数说明：
aCommandName
命令的名称：常用的为”copy”,”cut”等；

注：”copy” 拷贝当前选中内容到剪贴板

2020-06-02

vue rander函数 on事件触发失败

在编写组件时使用rander函数编写组件发现事件没有被触发后来发现写的方式不对
错误的使用

// js
render(h){
	return h(
	'div',
	{
	  'class': {
        foo: true,
        bar: false
      },
      style: {
        // color: 'red',
        fontSize: '14px',
        width: '100px',
        // height: '20px',
        backgroundColor: '#bf0000'
      },
      attrs: {
        id: 'foo'
      },
      // 需要手动匹配 keyCode。
      on: {
        click: (data)=>{
       		this.$emit("click",data)
       	 },
        visiableChange:value => {
        	 //这里有一个事件名称不是单单词 但是我们on监听时候发现就触发不了emit
            this.$emit('visible-change', value);
        }
      },
    },
    [
      '一些内容',
      createElement('h1', '一条文字')
    ]
  )
}

more >>

2020-06-02

vue开发 cross-env跨平台设置环境变量

vue开发过程成中使用环境变量以便在不同的环境里面查看不同的数据。
cross-env可以很方便帮我们解决
关于介绍 cross-env

首先安装 cross-env

1	npm install cross-env --save-dev

more >>

2020-06-02

ios上input的focus()、autofocus无效处理

出现focus无效原因：

ios的UIWebView 默认的KeyboardDisplayRequiresUserAction为false，设置为true就行，WKWebView 不支持这个属性，如果要从原生入手解决，请参考https://stackoverflow.com/questions/32407185/wkwebview-cant-open-keyboard-for-input-field