web前端
FE-muxi
这个作者很懒,什么都没留下…
展开
-
AO(Activation Object) 执行上下文
AO对象函数执行的前一刻,会创建一个称为执行期上下文的内部对象(AO)。一个执行期上下文定义了一个函数执行时的环境,函数每次执行时对应的执行上下文都是独一无二的,所以多次调用一个函数会导致创建多个执行上下文,当函数执行完毕时,它所产生的执行上下文会被销毁。代码示例:function test(a,b) { console.log(a); //function a () {} console.log(b); // undefined var b = 234; console.lo原创 2020-06-14 00:11:56 · 479 阅读 · 0 评论 -
vuex
vuex简介Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。结构图核心概念storevuex 中最关键的是store对象,这是vuex的核心。可以说,vuex这个插件其实就是一个store对象,每个vue应用仅且仅有一个store对象。statestate上存放的,说的简单一些就是变量,也就是所谓的状态。没有使用 state 的时候,我们都是直接在 data 中进行初始化的,但是有了原创 2020-06-13 20:08:03 · 199 阅读 · 0 评论 -
Vue 实现数据双向绑定的原理
原理vue实现数据双向绑定主要是:采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的setter,getter,在数据变动时发布消息给订阅者,触发相应监听回调。当把一个普通 Javascript 对象传给 Vue 实例来作为它的 data 选项时,Vue 将遍历它的属性,用 Object.defineProperty 将它们转为 getter/setter。用户看不到 getter/setter,但是在内部它们让 Vue 追踪依赖,在属性被访问和修转载 2020-06-13 16:59:27 · 155 阅读 · 0 评论 -
前端路由
背景前端项目越来越复杂,也担任更多的功能,特别是spa的兴起,前端路由系统随之开始流行。从用户的角度看,前端路由主要实现了两个功能(使用ajax更新页面状态的情况下):记录当前页面的状态(保存或分享当前页的url,再次打开该url时,网页还是保存(分享)时的状态);可以使用浏览器的前进后退功能(如点击后退按钮,可以使页面回到使用ajax更新页面之前的状态,url也回到之前的状态);作为开发者,要实现这两个功能,我们需要做到:改变url且不让浏览器向服务器发出请求;监测 url 的变化;原创 2020-06-13 14:55:07 · 131 阅读 · 0 评论 -
MVVM设计模式
MVC(Model-View-Controller)一种架构模式,设计程序的架构,属于编程的方法论。图示用户(view)——通知——>中间层(controller)——调用——>数据层(Model)详细说明视图层(view),用户所看到的东西,程序的外壳中间层(controller),起连接视图层和数据功能层的作用,处理消息,根据视图层的指令拿到数据层的数据进行相应的操作并更新视图层。数据功能层(model),存放数据,底层,访问数据优点使程序的某些部分可以复用,减少代码冗余原创 2020-06-13 13:46:36 · 236 阅读 · 0 评论 -
vue
这里唯一的例外是使用 Object.freeze(),这会阻止修改现有的属性,也意味着响应系统无法再追踪变化。Object.freeze(obj) 方法:可以冻结一个对象。一个被冻结的对象再也不能被修改;冻结了一个对象则不能向这个对象添加新的属性,不能删除已有属性,不能修改该对象已有属性的可枚举性、可配置性、可写性,以及不能修改已有属性的值。此外,冻结一个对象后该对象的原型也不能被修改...原创 2020-04-22 17:37:33 · 350 阅读 · 0 评论 -
前端 js深拷贝
你看这里 有关前端的欢迎使用Markdown编辑器你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持,除了标准的Markdown编辑器功能,我们增加了如下几点新功能,帮助你用它写博客:全新的界面设计 ...原创 2020-04-15 09:57:37 · 130 阅读 · 0 评论