webpack 顾名思义, web 应用的 pack(打包) 工具. 举个栗子, 假如你出门旅行需要携带各种各样的随身物品, 怎么办咧? 一个背包搞定. 所有的随身物品打包到背包里, 管他充电器还是充电宝, 杜蕾斯还是冈本全都一步到位... 早期的 web 应用相对单调, 网页…

记得年初的时候我给自己制定了一个学习计划，现在回顾来看完成度还不错。但仍有些遗憾，一些技术点没有时间去好好学习。 在学习中我发现，像文章这样的知识往往是碎片化的，而前端涉及到的面很多，如果不将这些知识有效梳理，则无法形成体系、相互串联。最后有一种东懂一块，西了解一点的感觉。因此…

总结了一些平时常用且好用的 VS Code 的插件和编辑技巧分享出来。 文章详情可查阅我的博客：https://lishaoy.net ，欢迎大家访问。 特别注意的是 "editor.lineHeight": 24, 和 "editor.fontFamily": "FiraCo…

前端进阶系列已经到第 5 期啦，本期正式开始原型 Prototype 系列。 本篇文章重点介绍构造函数、原型和原型链相关知识，如果你还不知道 Symbol 是不是构造函数、constructor 属性是否只读、prototype 、[[Prototype]] 和 __proto…

父组件通过 props 传递数据给子组件，子组件通过 emit 发送事件传递数据给父组件。这是最常用的父子组件通信方式，符合单向数据流，即子组件不能直接修改 props， 而是必须通过发送事件的方式告知父组件修改数据。由于是常用的方式，在这也不多啰嗦了。 v-model实现的通…

异步需要注意的问题异步没法捕获错误，异步代码不能trycatch捕获异步编程中可能出现回调地狱多个异步的操作在同一个时间内容同步异步的结果高阶函数函数作为函数的参数函数执行结果返回函数after函数（

上两篇文章《19年你应该关注这50款前端热门工具（上）》、《19年你应该关注这50款前端热门工具（中）》文章小编介绍了构建、框架和库、CSS和HTML、JavaScript相关的工具，这篇文章小编将介绍剩余21款工具，希望在新的一年里对大家有所帮助。 多达6000专业免费的SV…

以上就是图片前端压缩并上传demo的完整演示。 要想使用JS实现图片的压缩效果，原理其实很简单，核心API就是使用canvas的drawImage()方法。 各参数具体含义可以参见“Canvas API中文文档-drawImage”，这里不展开。 把大图片画在一张小画布上，压缩…

在这篇文章，博主主要通过分享最近自己写的一个记住页面滚动位置小插件，讲一下如何用class语法配合webpack 4.x和babel 7.x封装一个可用的库。 喜欢的朋友希望能点个Star收藏一下，非常感谢。 相信很多同学都会遇到这样一个需求：用户浏览一个页面并离开后，再次打开…