这篇让小伙伴们久等了。 本篇来梳理一下前端开发方向的学习路线和知识点，包括前端开发到底要学什么、有哪些重要知识、现在的主流的技术点有哪些，希望能给之前很多问过该类问题的小伙伴们一个交代。 在正式开始之前，先聊两个常见的问题吧。 不得不说，前端开发现在确实很火，学的人也炒鸡多，如…

BetterScroll v1 版本发布至今已经两年多，这期间 BetterScroll 无论是在我们公司内部的业务以及社区内，经受住了大量的场景考验，同时也新增了不少特性。无论是我们内部开源组件库的 cube-ui，还是社区内的 mpx、taro、vue-better-scr…

其实上面是我最开始设定的目标, 只不过写到后来发现要写太多了， 同样也发现自己要学的也太多了。算了下自己从踏入前端到现在将近一年半的时间了，这一路上可以说是勤勤恳恳。还记得当时没出来工作的时候我在前端群里问了句，毕业生刚出来能拿到10k的薪资嘛(那时候刚入门前端受各大机构招生老…

filterCSS属性将模糊或颜色偏移等图形效果应用于元素。滤镜通常用于调整图像，背景和边框的渲染。（参考：MDN Web文档） invert：反转输入图像。值定义转换的比例。100%（或1）将完全转换：黑色变为白色，白色变为黑色，其它颜色类似。 hue-rotate：hue-…

CSS对于前端工程师来说是基础中的基础，如果基础不扎实，就得日常跪求UED给图来实现效果。 CSS 背景的工作原理是默认延伸到border区域的，CSS3 中，我们可以使用 background-clip 属性来调整这个默认行为带来的不便。将它设为 padding-box，便可…

用了一段时间的 material-ui，都很少自己动手写原生的样式了。但html, css, js 始终是前端的三大基础，这周突然想到 CSS水平居中方案，因为用多了 flex 和 margin: auto等这类方案解决，在回顾还有几种方案可以解决，于是打算温故知新，重新打下代…

if else、switch case 是日常开发中最常见的条件判断语句，这种看似简单的语句，当遇到复杂的业务场景时，如果处理不善，就会出现大量的逻辑嵌套，可读性差并且难以扩展。 下面我们会分别从 JavaScript 语法和 React JSX 语法两个方面来分享一些优化的技…

Javascript是一门面向对象的，跨平台的脚本语言。 在声明变量或常量之前使用它, 会引发ReferenceError. 这就是暂存性死区。 在if语句中使用了let声明了foo, 因此在(foo+55)中引用的是if块级作用域中的foo, 而不是test函数中的foo; …

想要成为一名合格的前端工程师，掌握相关浏览器的工作原理是必备的，这样子才会有一个完整知识体系，要是「能参透浏览器的工作原理，你就能解决80%的前端难题」。 「这篇文章准备梳理一下渲染流程，也就是浏览器是怎么把HTML，CSS，JS，图片等资源最后显示漂亮的页面。」 「这篇主要是…