总结
- 对于框架原理只能说个大概,真的深入某一部分具体的代码和实现方式就只能写出一个框架,许多细节注意不到。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
-
算法方面还是很薄弱,好在面试官都很和蔼可亲,擅长发现人的美哈哈哈…(最好多刷一刷,不然影响你的工资和成功率???)
-
在投递简历之前,最好通过各种渠道找到公司内部的人,先提前了解业务,也可以帮助后期优秀 offer 的决策。
-
要勇于说不,对于某些 offer 待遇不满意、业务不喜欢,应该相信自己,不要因为当下没有更好的 offer 而投降,一份工作短则一年长则 N 年,为了幸福生活要慎重选择!!!
第一次跳槽十分忐忑不安,和没毕业的时候开始找工作是一样的感受,真的要相信自己,有条不紊的进行。如果有我能帮忙的地方欢迎随时找我,比如简历修改、内推、最起码,可以把烦心事说一说,人嘛都会有苦恼的~
祝大家都有美好的未来,拿下满意的 offer。
}, {
userId: 2,
userName: ‘李四’,
userSex: ‘女’,
userAge: 21
}, {
userId: 3,
userName: ‘王五’,
userSex: ‘男’,
userAge: 22
}]
let userBox = document.getElementById(‘userBox’);
let str = ‘’;
for (let i = 0; i < userArr.length; i++) {
str += ‘’ +
‘’ + userArr[i].userId + ‘’ +
‘’ + userArr[i].userName + ‘’ +
‘’ + userArr[i].userSex + ‘’ +
‘’ + userArr[i].userAge + ‘’ +
‘’;
}
userBox.innerHTML = str;
**以上开发模式的特点是:
1、必须直接操作DOM,动态改变DOM对象的内容与样式。
2、必须要进行大量的字符串拼接,才能拼接出动态内容,然后绑定到视图(html)上。
3、这种绑定方式是单向的。即:使用javascript将动态数据绑定到DOM上,但是用户操作DOM引起的变化,却不能反映到javascript的动态数据上。**
MVVM框架分为三个部分:分别是M(Model,模型层 ),V(View,视图层),VM(ViewModel,V与M连接的桥梁,也可以看作为控制器)
**1、M:模型层,主要负责业务数据相关。
2、V:视图层,顾名思义,负责视图相关,细分下来就是html+css层。3、VM:V与M沟通的桥梁,负责监听M或者V的修改,是实现MVVM双向绑定的要点。**
MVVM支持双向绑定,意思就是当M层数据进行修改时,VM层会监测到变化,并且通知V层进行相应的修改,反之修改V层则会通知M层数据进行修改,以此也实现了视图与模型层的相互解耦。
Vue.js : 渐进式JavaScript 框架,它就是一个前端MVVM框架。 Vue.js的作者为Evan You(尤雨溪),任职于Google Creative Lab。 Vue的主要特点就和它官网所介绍的那样: 1.简洁 2.轻量 3.快速 4. 数据驱动 5.模块友好 6.组件化。
====================================================================
**1、打开此链接:https://cdn.jsdelivr.net/npm/vue/dist/vue.js
Ctrl + S 把vue.js文件保存到本地使用。**
2、或者在body标签中加入下面这句话:
样例代码:
{{msg}}
运行结果:
===================================================================
样例代码:
{{msg}}
效果截图:
可以看到我们操作的view控件数据,直接影响到了我们的vm.data,并且又进一步影响到了页面,这就是Vue的双向数据绑定。整个过程的原理如下图所示:
================================================================
Vue使用了基于HTML的模板语法,允许开发者声明式地将DOM绑定至底层Vue实例的数据。所有Vue的模板都是合法的HTML,所以能被遵循规范的浏览器和HTML解析器解析。
在前面,我们一直使用的是字符串差值的形式渲染文本,但是除此方法之外,vue还提供了其他几种常见的文本渲染方式:
**1. v-text:更新元素的innerText
2. v-html:更新元素的innerHTML**
样例代码:
效果截图:
在Vue中,我们可以使用 { { } } 将数据插入到相应的模板中,这种方法是一种文本插值。 使用这种方法,如果网络慢或者JavaScript出错的话,会将 { { } } 直接渲染到页面中。 值得庆幸的是,Vue还提供了v-text和v-html来渲染文本或元素。这样就避免了将 { { } } 直接渲染到页面中。
================================================================
如果想让html标签中的属性,也能应用Vue中的数据,那么就可以使用vue中常用的属性绑定指令:v-bind
样例代码:
效果截图:
**上面展示的是v-bind的最基本的使用,第一种是完整语法,第二种是缩写方式。
除了将元素的title属性和vue实例的相关字段进行绑定外,还能将其他的属性字段进行绑定,最常见的是对于样式的绑定,即class和style属性。**
使用v-bind指令绑定class属性,就可以动态绑定元素样式了。
样例代码:
效果截图:
通过:className:‘one’ 来绑定one class属性,使颜色修改为red
我们可以给v-bind:class 一个对象,也可以直接绑定数据里的一个对象,以动态地切换class。
样例代码:
最后
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
就答题情况而言,第一问100%都可以回答正确,第二问大概只有50%正确率,第三问能回答正确的就不多了,第四问再正确就非常非常少了。其实此题并没有太多刁钻匪夷所思的用法,都是一些可能会遇到的场景,而大多数人但凡有1年到2年的工作经验都应该完全正确才对。
只能说有一些人太急躁太轻视了,希望大家通过此文了解js一些特性。
并祝愿大家在新的一年找工作面试中胆大心细,发挥出最好的水平,找到一份理想的工作。