- 博客(8)
- 收藏
- 关注
RSS订阅原创 手把手教你撸一个简易的 webpack
背景随着前端复杂度的不断提升，诞生出很多打包工具，比如最先的grunt，gulp。到后来的webpack和Parcel。但是目前很多脚手架工具，比如vue-cli已经帮我们集成了一些构建工具的使用。有的时候我们可能并不知道其内部的实现原理。其实了解这些工具的工作方式可以帮助我们更好理解和使用这些工具，也方便我们在项目开发中应用。一些知识点在我们开始造轮子前，我们需要对一些知识点做一些储...
2019-08-20 17:50:22
337
原创 前端工程师为什么要学习编译原理？
前言普遍的观点认为，前端就是打好 HTML、CSS、JS 三大基础，深刻理解语义化标签，了解 N 种不同的布局方式，掌握语言的语法、特性、内置 API。再学习一些主流的前端框架，使用社区成熟的脚手架，即可快速搭建一个前端项目。胜任前端工作非常容易。再往深处学习，你会发现前端这个领域，总是有学不完的框架、工具、库，不断有新的轮子出现。技术推陈出新，版本快速迭代，但万变不离其宗。工具致力于流...
2019-08-20 17:14:44
313
原创 8个问题看你是否真的懂 JS
接下来，来看看几个问题，你也可以试试想想，然后作答。问题1：浏览器控制台上会打印什么？var a = 10;function foo() { console.log(a); // ?? var a = 20;}foo();问题2:如果我们使用 let 或 const 代替 var，输出是否相同var a = 10;function foo() { ...
2019-08-20 16:33:59
222
原创 Javascript 面试中经常被问到的三个问题！
本文不是讨论最新的 JavaScript 库、常见的开发实践或任何新的 ES6 函数。相反，在讨论 JavaScript 时，面试中通常会提到三件事。我自己也被问到这些问题，我的朋友们告诉我他们也被问到这些问题。然，这些并不是你在面试之前应该学习的唯一三件事 - 你可以通过更好地为即将到来的面试做准备 - 但面试官可能会问到下面是三个问题，来判断你对JavaScript语言的理解和的掌握...
2019-08-19 11:12:28
296
原创 网页图片加载优化方案
饿了么 App 中新零售项目主要是以图片展示为主，引导用户点击轮播广告栏或者店铺列表进入指定的商品页面，因此页面中包含了大量图片，如搜索框下面的轮播广告栏、中部的促销栏以及底部的店铺列表，这些区域中都有大量的展示图片。因此图片的加载速率直接影响页面的加载速度。下面将从图片加载存在的问题和原因、解决方案两个方面来阐述如何优化新零售图片的加载。本文所有数据及图片都是通过Charles模拟 25...
2019-08-16 17:12:46
2011
原创 50行代码的MVVM，感受闭包的艺术
我们先看一下运行结果name 和 age 被响应式的渲染出来，在 2s 后我们修改了 name 的值，同样能在页面正确更新。我们来看一下最小化的 MVVM 的源码class Vue{ constructor(opt){ this.opt = opt this.observe(opt.data) let root = document.querySelector(op...
2019-08-13 10:39:52
155
原创 通杀 Event Loop 面试题03-JS单线程, event loop彻底搞懂代码执行顺序 浏览器工作原理
单线程的含义浏览器是 multi-process，一个浏览器只有一个 Browser Process，负责管理 Tabs、协调其他 process 和 Renderer process 存至 memory 内的 Bitmap 绘制到页面上的（pixel）；在 Chrome中，一个 Tab 对应一个 Renderer Process，Renderer process 是 multi-thre...
2019-08-12 11:34:12
490
1
原创 ESLint里的规则教会我，无规矩 不编程
编程风格要统一编程风格这个东西，说实在的对于刚加入团队的新成员来说还是很难让人完全适应的。因为每人的编程风格都不同，完全是各有千秋的既视感啊到了新公司后团队中的每个人也都有各自一套的编程习惯，撸起代码来是挡也挡不住啊，什么都别问，老夫就是干，哈哈，每个coder的代码风格都大相径庭不过话说回来，在团队开发中，所有的代码看起来风格一致是极其重要的，所以我们也需要一些代码检查工具，从JSL...
2019-08-07 17:11:21
1221
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人