jsliang 求职系列

每个人在一生中总会碰到比较煎熬的日子，如果是前端求职的磕碰，那么希望看完这系列的 49 篇文章对你能有所帮助。 —— jsliang Hello 小伙伴们早上、中午、下午、晚上好，我是 jsliang。 如果你准备明年跳槽，或者已经离职，希望能对面试有充足的准备。 那么 jsl…

关于面试经验这块，jsliang 的整理和分享内容。 基础⾯试：主要考察对岗位和简历中涉及到基础知识部分的提问，包括⼀部分算法和场景设计的⾯试题，这⼀⾯可能会涉及现场 coding. 项⽬⾯试：主要考察简历中涉及的项⽬，会涉及你项⽬的相关业务知识、扮演⻆⾊、技术取舍、技术攻坚等…

2020 面试其实不止 2 家，但是一是我偷懒，二是我觉得如果小伙伴将 2020 求职系列认认真真看过了，一面题都不是问题，问题是二面问项目的。 所以希望小伙伴们看完这篇文章后，能审视下自己的项目经验，能不能做更好的提升。 360 是搭高铁过去现场面的，顺带看看内推我的大佬。 …

Hello 小伙伴们大家好，2020.09 我们又见面了。 自从 2019 写了 2019 面试系列 - 简历 后，求职完到现在又到了找工作的时候，特地补充完善了 2020 年的简历文章，欢迎关注 Github 里 jsliang 文档库的求职系列：document-libra…

设计模式是一门学问，它里面有 22+ 种类的设计模式。 淡淡忧伤：你尽管学，过几个月忘了回来再看看你还懂不懂。 在开始复习设计模式之前，我们回顾下面向对象。 现实可能不会扎你的心，但是 jsliang 会。 ​面向对象（Object Oriented Programming，简…

前端，入门难；前端，要搞好很难。 现在面试我也是随缘刷题了，虽然在动态规划、贪心算法上有一些缺陷，不过对于字符串、数组、栈、队列、链表、树、深度优先搜索、广度优先搜索、回溯、滑动窗口、双指针等题目来说，我还是可以应付的。 按照每天刷一道题，一道题 15min~2h 来说，一瞬间…

复习知识点有 3 个部分。 [x] 脱离文档流：脱离文档流的元素，将不再在文档流占据空间，而是漂浮在文档流上方。float: left/right 以及 position: absolute/fixed [x] 标准盒子：标准盒子的 contentWidth 等于设置的 wid…

CSS 基础有很多内容，需要细细理解，毕竟有时候用得不多，除非你是做移动端或者交互比较多的项目。 不同浏览器对 Web 标准默认值不同，所以更容易出现对浏览器的兼容性问题。 在 CSS 中，如果对于相同元素针对不同条件的定义，适宜将最一般的条件放在最上面，依次向下，保证最下面的…

CSS 盒子模型分为标准盒子和怪异盒子。 下面我们一一讲解。 #div.style.width：这种方法只有在样式写在行内的时候，才能获取到宽度，并且是带单位的：100px。如果不是行内样式，那么获取到的是空的。 #div.offsetWidth：这种方法看盒子模式，如果是 I…

关于移动端的一些问题。 em：定义字体大小时以父级的字体大小为基准；定义长度单位时以当前字体大小为基准。 rem：以根元素的字体大小为基准。 %：以父级的宽度为基准。 vw/vh：基于视口的宽度和高度。 使用 rem 单位。可以拷贝淘宝那份代码直接使用，简单来说就是定义 1re…

在没有 CSS 的情况下，能够清晰的、有结构地表述这个页面的内容。 所以，构建一个页面结构，需要充分考虑到语义化。 <header> 用来表示网页的头部。 头部信息区可以包含 <nav> 导航栏等内容信息。 <article>：表示一个完整的、自成…

React 是现如今流行的前端框架，也是很多大厂面试必备。 React 与 Vue 虽有不同，但同样作为一款 MV* 框架，虽然实现可能不一样，但在一些理念上还是有相似的，例如数据驱动、组件化、虚拟 DOM 等。 这些往往要更深入挖掘方可得知自己的结论，任重道远，不停歇。 通过…

jsliang 思路：通过 3 个要点讲解虚拟 DOM。 创建 DOM 树。用 HTML 解析器分析 HTML 元素，创建一棵 DOM 树。 创建 CSS 规则树（CSS rule tree）。用 CSS 解析器解析 CSS 文件和 inline 样式，生成页面的样式表。 创建…

本系列参考 79 篇文章，总结出 6 篇文章，感谢小伙伴们的支持。 [x] 原理：将现有的 ES6+ 代码，先通过 词法分析 和 语法分析 之后 解析 为 AST，然后将这份 AST 转换 为我们需要形式的 AST，最后将这个 AST 再转换成 ES5 或者期望格式的内容。 […

本文从这 2 个角度出发，收集一些相关优化资料。 resolve.modules 用于配置 Webpack 去哪些目录下寻找第三方模块，默认是 ['node_modules']。 但是，它会先去当前目录的 ./node_modules 查找，没有的话再去 ../node_mod…

因为 Babel 和 Webpack 的 Scope Hoisting 篇幅太小啦，感觉没啥内容，发出来像划水，于是抽取出来了。 当然，文章是没有收益的，纯 share，佛系发文，随缘交友，欢迎来聊天吹水。 jsliang：大概知道将 ES6+ 代码，先通过词法分析和语法分析之…

Tree Shaking 是 Webpack 内置的一个优化，主要功能是移除 JavaScript 上下文中的未引用代码（dead-code）。 因为 JavaScript 大多数文件是要通过网络引用加载的，加载的文件越小，性能越好，所以 Tree Shaking 对于优化 J…

Webpack 的本质就是一个模块打包器，工作就是将每个模块打包成相应的 bundle。 如果小伙伴懒得敲，那可以看上面仓库的最终代码。 下面分 3 章尝试这个内容。 也就是说我们执行到 message.js，但是它里面的内容没法运行，因为 import 是 ES6 内容嘛。 …

都 2020 了，不会点 Webpack 好像有点说不过去。 但是事实上如果不是分配到【架构组】之类的团体中，感觉接触 Webpack 的概率会少点吧。 Webpack 是一个现代 JavaScript 应用程序的静态模块打包器（module bundler）。 当 Webpa…

jsliang 自己整理，用来复习计算机网络系列的文章和知识点。 本系列整理了 5 篇文章。 本系列有 62 篇参考文献。