您的位置:首页 > Web前端 > Vue.js

vue 总结

2019-08-01 00:24 911 查看

1.组件化和模块化的不同:

组件化:是从UI界面的角度进行划分的;前端的组件化,方便UI组件的重用;
模块化:是从代码逻辑的角度进行划分的;方便代码分层开发,保证每个功能模块的职能单一;

// this.$set(this.obj, 'cc' ,'999999999');    // obj   , key ,  value
// this.$set(this.items, 1 ,{ss:'dddd'});   //  arr  ,   index  , obj
  • Vue.nextTick(callback)
    ,当数据发生变化,更新后执行回调。
  • Vue.$nextTick(callback)
    ,当dom发生变化,更新后执行的回调。

界面设计:上面菜单,下面详情

端口作用 : 区别不同的进程,不同运行的程序
fork : 复制一份到自己的远程仓库
api 核心类库
meta 元

组件的生命周期,指的是组件自身的一些函数,这些函数在特殊的时间点或遇到一些特殊的框架事件时被自动触发。

私钥加秘,公钥解密

debugger 模式 // 调试代码

所有输入内容前后空格自动去掉;密码 空格 校验提示;数字 不允许键入空格;名称转输入码生成去除空格;其他内容中间空格 不用提示,允许输入。

/^(?![a-zA-z]+KaTeX parse error: Expected 'EOF', got '\d' at position 5: )(?!\̲d̲+)[a-zA-Z\d!@#%^&*]+/ 必须有字母,必须有数字,或者是字母数字特殊符号组合
(?![a-zA-z]+KaTeX parse error: Expected 'EOF', got '\d' at position 14: ) // 必须有 (?!\̲d̲+) // 必须有
[a-zA-Z\d!@#$%^&*] // 或者
回调解决调用失败问题

表单验证
过滤器
eslint
for循环

// 去除空格
var s_image = .trim(.trim(.trim((’#national_flag_image’).text()).replace(/[\r\n\t]/g,"").replace(/\ +/g,"");

// 代码规范
npm run lint – --fix
uninstall // 解除

item // 每一项

text-overflow // 文本溢出

overflow // 溢出

this.BasicText = BasicText.replace(/\n+/g, “
”) // 换行

路由传参通过url传值

在 Vue2.0 中,代码复用和抽象的主要形式是组件

=============================================================================

new promise ==》 then() // 异步请求变同步

async-await是promise和generator的语法糖
async-await 是建立在 promise机制之上的,并不能取代其地位。
并发请求发成了阻塞式同步的操作

async function correctDemo() {
let p1 = sleep(1000);
let p2 = sleep(1000);
let p3 = sleep(1000);
await Promise.all([p1, p2, p3]);
console.log(‘clear the loading~’);
}
correctDemo();// clear the loading~

await Promise.all([p1, p2, p3]); // 并行请求

token // 令牌 控制请求权限 存储于cookie
sso // 单点登录 控制页面跳转 总站点与分站点跳转
防止复制粘贴
单点页 => 验证通过存储cookie

element ui 相关配置 // etc

移动端vw , pc端 vh

vue 上面是报错信息,@表示位置

驱动程序 (java代码)

数组方法: splice(‘索引’,删除个数,新增元素)
应用:字符串替换,表格删除数据

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: