当前位置: 首页 > news >正文

无锡中小企业网站制作高端网站定制公司

无锡中小企业网站制作,高端网站定制公司,html上传wordpress,网站打不开了不熟悉的: 2, 3.你用过befcoreDetory 吗?清除定时器,第一个和第二个再看一下 实例加载完成是在哪个生命周期--beforecreate 7.父子组件生命周期执行顺序?为什么这么渲染?场景 8.简单描述每个周期具体适…

不熟悉的:

2,

3.你用过befcoreDetory 吗?清除定时器,第一个和第二个再看一下

实例加载完成是在哪个生命周期--beforecreate

7.父子组件生命周期执行顺序?为什么这么渲染?场景

8.简单描述每个周期具体适合那些场景?(需要在问)

只是钩子,触发事件

每个生命周期的钩子函数去做这个事情,不是执行

你卸载的时候会触发这个钩子

9

10

13.v都是语法糖;v-model只能用一次,sync可以父子组件的数据达到同步

16:v-on;v-bind的原理

18

21.vue-loader:解析vue文件;template-解析成html;script标签解析成js,style里的东西解析成css

是webpack中的

、允许用单文件

怎么实现

diff-vdom看下源码

22.diff算法用了key;

24:

26:

27:

28
30

33.Vue的路由实现:hash模式和history模式

35-37

38

40

41:active-class 

说下route-link原理:点击跳转;写个div 加一个点击事件原理;to:跳转到的页面

42:keep-live最多能缓存几个;缓存的这个机制是怎么实现的

标签页缓存

-50

1.vue怎么实现的减少了dom的操作,因为我们只需要关注数据就可以

https://blog.csdn.net/qq_40055200/article/details/134630413?csdn_share_tail=%7B%22type%22%3A%22blog%22%2C%22rType%22%3A%22article%22%2C%22rId%22%3A%22134630413%22%2C%22source%22%3A%22qq_40055200%22%7D
 

vue 双向绑定的源码实现 

这段代码实现了一个简化版的Vue双向绑定,主要包括以下几个部分:

  • defineReactive 函数:使用 Object.defineProperty 定义对象的属性,实现数据的响应式绑定。
  • observe 函数:遍历对象的属性,对每个属性调用 defineReactive 进行响应式绑定。
  • compile 函数:编译模板,找到带有 v-model 属性的节点,并监听其输入事件,实现双向绑定。
  • compileNode 函数:编译文本节点,将模板中的 {{}} 表达式解析为对应的数据,并创建一个 Watcher 对象进行监听。
  • compileFragment 函数:递归遍历模板中的所有节点,调用 compileNode 进行编译。
  • Vue 构造函数:初始化 Vue 实例,将 data 数据进行响应式绑定,并编译模板。
  • Watcher 对象:观察者对象,用于监听数据变化并更新视图。
  • Dep 对象:依赖收集对象,用于管理和通知所有的观察者对象。
function defineReactive(obj, key, val) {Object.defineProperty(obj, key, {enumerable: true,configurable: true,get: function reactiveGetter() {// 在读取属性值时,进行依赖收集// ...return val;},set: function reactiveSetter(newVal) {if (newVal === val) {return;}// 在更新属性值时,触发更新// ...val = newVal;}});
}function observe(obj) {if (typeof obj !== 'object' || obj === null) {return;}Object.keys(obj).forEach(function(key) {defineReactive(obj, key, obj[key]);});
}function compile(node, vm) {if (node.nodeType === 1) {var attrs = node.attributes;for (var i = 0; i < attrs.length; i++) {if (attrs[i].nodeName === 'v-model') {var exp = attrs[i].nodeValue;node.value = vm[exp];node.addEventListener('input', function(e) {// 监听输入事件,更新数据vm[exp] = e.target.value;});node.removeAttribute('v-model');}}}
}function compileNode(node, vm) {var reg = /\{\{(.*)\}\}/;if (node.nodeType === 1) {compile(node, vm);} else if (node.nodeType === 3 && reg.test(node.nodeValue)) {var exp = RegExp.$1;exp = exp.trim();new Watcher(vm, exp, function(value) {// 监听数据变化,更新视图node.nodeValue = value;});}
}function compileFragment(fragment, vm) {var childNodes = fragment.childNodes;Array.prototype.slice.call(childNodes).forEach(function(node) {compileNode(node, vm);if (node.childNodes && node.childNodes.length > 0) {compileFragment(node, vm);}});
}function Vue(options) {this.$options = options;this._data = options.data;observe(this._data);var compiled = document.createDocumentFragment();this.$el = document.querySelector(options.el);compiled.appendChild(this.$el.cloneNode(true));compileFragment(compiled, this);this.$el.parentNode.replaceChild(compiled, this.$el);
}function Watcher(vm, exp, cb) {this.vm = vm;this.exp = exp;this.cb = cb;this.value = this.get();
}Watcher.prototype = {update: function() {var newVal = this.vm[this.exp];if (newVal !== this.value) {this.value = newVal;this.cb.call(this.vm, newVal);}},get: function() {Dep.target = this;var value = this.vm[this.exp];Dep.target = null;return value;}
};function Dep() {this.subs = [];
}Dep.prototype = {addSub: function(sub) {this.subs.push(sub);},notify: function() {this.subs.forEach(function(sub) {sub.update();});}
};Dep.target = null;

 

2.v-model怎么实现的

3.

http://www.zhongyajixie.com/news/4403.html

相关文章:

  • 利用高权重网站做关键词信息流广告投放
  • 哪个网站做ppt模板赚钱新闻发布会稿件
  • 阿里云的wordpress建站竞价推广招聘
  • 如何使用ftp上传网站怎样有效的做网上宣传
  • 新网站建设的流程什么时候友情链接
  • 做企业网站有什么工作内容深圳seo推广外包
  • 网站制作公司承担人民日报新闻消息
  • 广西上林县住房城乡建设网站360网站收录提交
  • 国内好看的网站设计百度客服中心
  • 手机上那个网站做农产品推广比较好百度下载安装到手机
  • 网站开发中遇到的主要问题谷歌推广开户
  • 网站建设预算计算方法网络营销推广网站
  • 做网站要会没软件百度关键词seo公司
  • 网站建设需要审批吗网上推广
  • 罗湖微信网站制作企业网络营销推广方案策划
  • 为什么要建设企业网站淘宝关键词排名怎么查
  • 网站加入我们页面实体店怎么引流推广
  • 重庆建设集团网站首页东莞网站建设最牛
  • pc网站 手机网站 微信网站 上海注册商标查询官网入口
  • 做书的网站有哪些内容短视频营销的优势
  • 心理学网站的建设google广告
  • 重庆网站建设最大百度app在哪里找
  • 档案网站开发美国疫情最新消息
  • 哪里有网站制作价格合肥百度关键词推广
  • 余姚外贸网站建设深圳网络推广解决方案
  • xml做web网站网站seo外链建设
  • 西安网站制作网站seo收费低
  • 怎么做网站接口市场调研报告范文3000字
  • 网站构成的基本结构福州网站排名推广
  • 建站公司费用情况网站快速收录教程