分享三个前端学习方法和十项前端面试笔记：为想去的公司努力一把

3、把学的东西用起来

==========

每次学过一些小的知识点，都要想办法把它们用起来，想清楚这些知识点的有哪些使用的场景，等到基础知识学到一定程度了也可以反过来，先预先想好场景和要实现的功能，再去想在这些场景下面该用哪些知识，如果遇到了解决不了的问题和没有学过的知识，去你的脑图里把它的位置搞清楚，写出来。列入后续的学习计划。

一定不要一直看，一直学，却不在具体的场景里去用，你应该养成拿自己学到的东西做些东西解决些问题的习惯。不断的做出东西，解决问题，不断给自己正向的激励，不断的完善自己的知识体系，一定要让自己有成就感。

学习笔记

====

一、HTML

======

• • H5新特性

• 浏览器渲染原理解析

• iframe有那些缺点？

• Label的作用是什么？是怎么用的？

• HTML5的form如何关闭自动完成功能？

• 如何实现浏览器内多个标签页之间的通信? (阿里)

• 页面可见性（Page Visibility API） 可以有哪些用途？

• 实现不使用 border 画出1px高的线，在不同浏览器的标准模式与怪异模式下都能保持一致的效果。

• title与h1的区别、b与strong的区别、i与em的区别？

• 你做的页面在哪些浏览器测试过？这些浏览器的内核分别是什么?

• 每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？

• div+css的布局较table布局有什么优点？

• img的alt与title有何异同？ strong与em的异同？

• 简述一下src与href的区别

• 知道的网页制作会用到的图片格式有哪些？

二、CSS

=====

• box-sizing

• 水平垂直居中的方法

• 实现左边定宽右边自适应效果

• 三列布局（中间固定两边自适应宽度）

• BFC（Block Formatting Contexts）块级格式化上下文

• 清除浮动元素的方法和各自的优缺点

• css实现自适应正方形

• position的值

• 如何在页面上实现一个圆形的可点击区域？

• 介绍一下标准的CSS的盒子模型？低版本IE的盒子模型有什么不同的？

• CSS选择符有哪些？哪些属性可以继承？

• CSS优先级算法如何计算？

• CSS3新增伪类有那些？

• display有哪些值？说明他们的作用。

• CSS3有哪些新特性？

• 

三 、JavaScript

=============

• js基础

• DOM相关

• BOM相关

• JS高级

• 闭包

• 原型与原型链

• 作用域与作用域链

• apply, call和bind有什么区别?

• 谈谈对this的理解

• 那些操作会造成内存泄漏？

• 深入贯彻闭包思想，全面理解JS闭包形成过程

• 下面这个ul，如何点击每一列的时候alert其index?（闭包）

• js继承方式及其优缺点

• 上下文环境对象

四、前端框架

======

1.jQuery

• • jquery.fn的init方法返回的this指的是什么对象？为什么要返回this？

• jquery中如何将数组转化为json字符串，然后再转化回来？

• jQuery 的属性拷贝(extend)的实现原理是什么，如何实现深拷贝？

• jquery.extend 与 jquery.fn.extend的区别？

• 针对 jQuery 的优化方法？

• JQuery一个对象可以同时绑定多个事件，这是如何实现的？

• bind(), live(), delegate()的区别

• jQuery框架中$.ajax()的常用参数有哪些？写一个post请求并带有发送数据和返回数据的样例

• jQuery一个对象可以同时绑定多个事件，这是如何实现的？

• jquery 中如何将数组转化为json字符串，然后再转化回来？

• Jquery与jQuery UI有啥区别？

• jQuery和Zepto的区别？各自的使用场景？

• Zepto的点透问题如何解决？

2.angular

3.react

4.vue

五、 扩展性问题

========

• 职业规划&&未来期望

• 页面重构怎么操作？

• 列举IE与其他浏览器不一样的特性？

• 什么叫优雅降级和渐进增强？

• 是否了解公钥加密和私钥加密。

• WEB应用从服务器主动推送Data到客户端有那些方式？

• 你有用过哪些前端性能优化的方法？

• 一个页面从输入 URL 到页面加载显示完成，这个过程中都发生了什么？（流程说得越详细越好）

• 对前端工程师这个职位是怎么样理解的？它的前景会怎么样？

• 平时如何管理你的项目？

• 前端学习网站推荐

• 常使用的库有哪些？常用的前端开发工具？开发过什么应用或组件？

结束语：如何坚持学习？

===========

• 如果你玩游戏的话，可以通过编程游戏，边学边玩快乐学习。

• 找到你的痛点。

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

框架相关

原生JS虽能实现绝大部分功能，但要么就是过于繁琐，要么就是存在缺陷，故绝大多数开发者都会首选框架开发方案。现阶段较热门是React、Vue两大框架，两者工作原理上存在共通点，也存在一些不同点，对于校招来说，不需要两个框架都学得特别熟，一般面试官会针对你简历中写的框架进行提问。

在框架方面，生命周期、钩子函数、虚拟DOM这些基本知识是必须要掌握的，在学习的过程可以结合框架的官方文档

Vue框架

知识要点：
1. vue-cli工程
2. vue核心知识点
3. vue-router
4. vuex
5. http请求
6. UI样式
7. 常用功能
8. MVVM设计模式

React框架

知识要点：
1. 基本知识
2. React 组件
3. React Redux
4. React 路由

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

React框架

知识要点：
1. 基本知识
2. React 组件
3. React Redux
4. React 路由

[外链图片转存中…(img-uDJn7GUC-1712938390823)]

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
[外链图片转存中…(img-fwtrClv0-1712938390823)]