总结
前端资料汇总
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
-
框架原理真的深入某一部分具体的代码和实现方式时，要多注意到细节，不要只能写出一个框架。
-
算法方面很薄弱的，最好多刷一刷，不然影响你的工资和成功率😯
-
在投递简历之前，最好通过各种渠道找到公司内部的人，先提前了解业务，也可以帮助后期优秀 offer 的决策。
-
要勇于说不，对于某些 offer 待遇不满意、业务不喜欢，应该相信自己，不要因为当下没有更好的 offer 而投降，一份工作短则一年长则 N 年，为了幸福生活要慎重选择！！！
喜欢这篇文章文章的小伙伴们点赞+转发支持，你们的支持是我最大的动力！
font-weight: 400;
color: #a4a4a4;
line-height: 2rem;
}
/* 扫码下载 */
#aboutUs .ERMA {
display: flex;
flex-direction: row;
padding: 2.5rem 0 5rem 0;
}
#aboutUs .ERMA .left,
#aboutUs .ERMA .right {
width: 50%;
text-align: center;
font-size: 1.4rem;
font-family: PingFangSC-Regular;
font-weight: 400;
color: #2e2e2e;
line-height: 2rem;
}
#aboutUs .ERMA li img {
width: 10rem;
height: 10rem;
}
/* 联系信息 */
#aboutUs .information {
width: 100%;
height: 23rem;
background: url(“…/…/…/assets/ios/aboutUs/information.png”) no-repeat;
background-size: 100%;
color: #fff;
font-family: PingFangSC-Medium;
font-weight: 500;
}
#aboutUs .information .title {
padding: 4rem 0 3rem 0;
text-align: center;
}
#aboutUs .information .title h3 {
font-size: 2.2rem;
font-weight: 400;
}
#aboutUs .information .title h5 {
font-size: 1.3rem;
font-weight: 400;
}
#aboutUs .information .cont {
padding: 0 2rem 0 2rem;
font-size: 1.3rem;
font-family: PingFangSC-Medium;
font-weight: 500;
}
#aboutUs .information .cont img {
width: 2.5rem;
height: 2.5rem;
vertical-align: bottom;
}
#aboutUs .information .cont .two li {
width: 48%;
display: inline-block;
}
#aboutUs .information .cont .two li span {
display: inline-block;
}
**js：**
**5. a标签 超链接的写法：**
<pre><a v-bind:href="url">菜鸟教程</a></pre>
data: {
url: 'http://www.runoob.com'
}
在这里 href 是参数，告知 v-bind 指令将该元素的 href 属性与表达式 url 的值绑定。
另一个例子是 v-on 指令，它用于监听 DOM 事件：
修饰符
修饰符是以半角句号 . 指明的特殊后缀，用于指出一个指令应该以特殊方式绑定。例如，.prevent 修饰符告诉 v-on 指令对于触发的事件调用 event.preventDefault()：
<form v-on:submit.prevent="onSubmit"></form>
6.双向数据绑定
在 input 输入框中我们可以使用 v-model 指令来实现双向数据绑定：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 测试实例 - 菜鸟教程(runoob.com)</title>
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<div id="app">
<p>{{ message }}</p>
<input v-model="message">
</div>
<script>
new Vue({
el: '#app',
data: {
message: 'Runoob!'
}
})
</script>
</body>
</html>
7. v-model 指令用来在 input、select、text、checkbox、radio 等表单控件元素上创建双向数据绑定，根据表单上的值，自动更新绑定的元素的值。
按钮的事件我们可以使用 v-on 监听事件，并对用户的输入进行响应。
以下实例在用户点击按钮后对字符串进行反转操作：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vue 测试实例 - 菜鸟教程(runoob.com)</title>
<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
</head>
<body>
<div id="app">
<p>{{ message }}</p>
<button v-on:click="reverseMessage">反转字符串</button>
</div>
<script>
new Vue({
el: '#app',
data: {
message: 'Runoob!'
},
methods: {
reverseMessage: function () {
this.message = this.message.split('').reverse().join('')
}
}
})
</script>
</body>
</html>
缩写
v-bind 缩写
Vue.js 为两个最为常用的指令提供了特别的缩写：
总结
为了帮助大家更好温习重点知识、更高效的准备面试，特别整理了《前端工程师面试手册》电子稿文件。
内容包括html，css，JavaScript，ES6，计算机网络，浏览器，工程化，模块化，Node.js，框架，数据结构，性能优化，项目等等。
包含了腾讯、字节跳动、小米、阿里、滴滴、美团、58、拼多多、360、新浪、搜狐等一线互联网公司面试被问到的题目，涵盖了初中级前端技术点。
前端面试题汇总
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
JavaScript
性能
linux
2620
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
