单词部分

原生JS

Array 数组 String 字符串 Object 对象
disabled 按钮是否可点击 setInterval 反复性函数 setTimeout 一次性函数
scroll 滚动 load 加载 chang 上传
blur 失去焦点事件 mouseenter 无冒泡鼠标进入 mouseleave 无冒泡鼠标移出
e.preventdefault 阻止默认行为 e.stoppropagation 阻止鼠标冒泡 autofocus 自动获得焦点
default 默认的 result 结果 success 成功
confirm 确认 json.parse 字符串转对象(json) json.stringify 对象转字符串(json)
localStorage 局部缓存 sessionStorage 临时缓存 dir 目录
async 异步 sync 同步 path 路径
request 请求 response 响应 params 参数

Vue

method 方法 computed 计算器属性 filter 过滤器
watch 监听器 directives 自定义指令 inserted 插入
template 模板 component 组件 emit 发出
route 路线(路由映射) router 路由器 props 属性
redirect 重定向 debounce 防抖 throttle 节流
slot 插槽 interceptors 拦截器 beforEach 导航守卫

VueX

state管理数据 mutations 状态修改 Action Getter
…mapstate 简写 ..mapmutations 简写 …mapAction 简化写法 …mapGettet 简化写法
payload （提交载荷） commit store.getters（属性访问）
type （事件类型） store.dispatch(分发) 
  1. //namespaced属性的作用:把模块变成隔离的区域，那么访问模块成员时，需要添加前缀（模块名称)
  2. namespaced: true,

方法部分

字符串方法

  1. String.split("")                //分割 按照参数分割字符串
  2. String.substring(0,2)            //裁剪 从下标0到2裁剪,不包括下标2
  3. String.charAt(0)                //提取 提取下标为0的字符
  4. String.indexOf("")                //查询 同数组方法
  5. string.replace(a,b)                //替换 将参数a替换为参数b
  6. String.padStart(位数,补数)          //补位 如果字符串不满足位数要求,使用补数填充位数
  7. String.toLacaleUpperCase()        //全部转换为大写
  8. String.toLacaleLowerCase()        //全部转换为小写
  9. String.trim()                    //去除两边空格

数组方法

  1. Array.join("")                         //拼接 如果有参数就在其中拼接
  2. Array.forEach((item,index)=>{})        //遍历
  3. Array.short((a,b)=>a-b)                //排序 a-b为正排,b-a为倒排
  4. Array.push("")                        //添加(从后)
  5. Array.unshift("")                    //添加(从前)
  6. Array.splice(下标,删几个,填充位)       //删除 从下标删除,删除xx个,替换为xxx 返回删除数据
  7. Array.indexOf("")                    //查找 找到返回下标,找不到返-1
  8. Array.filter(item=>{return 筛选条件})//筛选  筛选后返回新数组
  9. Array.find(item=>{return 筛选条件}     //筛选  筛选后返回新对象
  10. Array.map(item=>{return 重组解构})     //重组
  11. Array.some(item=>{return 条件判断})     //判断  数组中是否拥有符合条件数据,返回布尔值 (有true则true,全无true则false)
  12. Array.every(item=>{return 条件判断}) //判断  数组中数据是否全部满足条件,返布尔值  (有false则false,无false则true)

关于nextTick()方法

  • Vue.nextTick()
  • this.$nextTick()
  • $nextTick支持Promise的用法
  1. this.info = 'nihao'
  2. this.$nextTick().then(() => {
  3.     console.log('==================' + this.$refs.myinfo.value)
  4.     this.info = 'hi'
  5.     // return this.$nextTick()
  6. }).then(() => {
  7.     console.log('------------------' + this.$refs.myinfo.value)
  8. })
  10. //总结：如果使用`Promise`用法，那么不可以使用回调方式。