1.WebSocket、WebWorker、Webpack之间的关系：三者没有关系！
WebSocket:实现全双工通信的HTML5带来的协议，服务器可以主动向客户端发送消息（聊天室之类用的多）
WebWorker:也属于HTML5 的范围，在前端做多线程的使用的
Webpack:打包工具，类似于gulp。。。
- angular 09年 、react 13年 、 vue 14年
weex： 让vue的代码跨三端使用（pc、Android、ios）
vuex：在vue中管理全局数据的格式
3.vue的组件化开发：组件化比模块化更加细分，核心叫做数据劫持，基于Object.defineProperty
内存改变，影响页面（vue的核心点，只支持ie9+）
例子：<body>
内容： <input type="text" name="" value="">
<script>
var person = {
name:'json'
}
document.querySelector('input').value = person.name;
document.querySelector('input').onkeyup=function(e){
var ele = e.target.value;
// console.log(ele)
person.name = ele;
}
var tem = '';
Object.defineProperty(person,'name',{
set(newx){
tem = newx;
document.querySelector('input').value = tem;
},
get(){
return tem;
}
})
</script>
</body>
在控制台改person.name=...
4.注意事项：
(1) 一定要留坑 #app 或者 class 或者 div
(2) vue2中template就有一个根节点
vue1中可以有多个根节点
(3) 在使用v-model中，必须现在data数据中声明变量
(4) vueComponet 组件对象
、
5.几个简单的指令：v-html、text、show、if、@click、model、v-for（key会标识js的元素和dom元素位置关系，不设置：vue会按照自己的算法计算，设置：vue直接用，最好设置上）、:class
api、钩子函数、全局配置、dom、数据、组合、实例、 实例方法、其他
6.渲染主体组件：Vue.extend（可以省略），然后render：c=>c(option)
vue.component(组件名，组件对象) 将子组件声明成大家都能使用的全局组件
网友评论