前端学习日记11.16 (小程序外链生成页)

1.还需要继续学习正则表达式，学习原贴：js——正则表达式 （引用菜鸟教程）

2.如果要使用element-ui，最好先复制粘贴再进行更改，不要单独引用某几行，可能会出现奇奇怪怪的错误。其中表单页的checkXXX所定义的方法不应该现在data的return中，可写在data下return前或者import之下export default之上。

3.使用原生方法写复制文本按钮：

clickCopy() {
    const input = document.createElement('input');
    document.body.appendChild(input);
    // this.output 替换为要复制的本文
    input.setAttribute('value', this.output);
    input.select();
    const copySuccess = document.execCommand('copy')
    if (copySuccess) console.log('成功')
    else console.log('失败')
}

4.element-ui中一些比较常用的颜色：
饿了么经典蓝：#409EFF

成功绿：#67C23A

警告红：#F56C6C

商务黑：#303133

实用灰(从左到右依次变浅):#606266  #909399  #C0C4CC  #DCDFE6  #E4E7ED  #EBEEF5

5.变量的命名要有直观性，简洁易懂方便后续他人更改。

6.无论后端返回的格式如何，都应该站在使用者的角度审查自己的产品，只根据用户的需求来区分结果的展示种类，非用户所能接受的都应该以警告、报错、重新输入等方法提醒用户。面向用户的输入应该尽可能分析输入的错误种类，文本类记得加trim去除两端空格，若文本中间有特殊符号或非有效信息应进入另外的逻辑判断。