前端小菜鸟

分享个人前端学习内容
20 篇文章
14 人订阅

全部文章

伯爵

维谛技术 · 前端工程师 (已认证)

Vue响应式原理

Vue是数据驱动视图实现双向绑定的一种前端框架,采用的是非入侵性的响应式系统,不需要采用新的语法(扩展语法或者新的数据结构)实现对象(model)和视图(vie...

6800
伯爵

维谛技术 · 前端工程师 (已认证)

前端监测浏览器渲染帧率fps

在前端性能优化中,尤其是动画绘制中,我们需要关注浏览器的渲染频率FPS(每秒传输帧数(Frames Per Second)),在Chrome浏览器上我们可以通过...

11520
伯爵

维谛技术 · 前端工程师 (已认证)

使用前端缓存LocalSotorage导致的现场Bug

上周我们开始开发一款简易版的的底图开发工具BaseMap,就临时数据存储我们做了做了一些优化。

10700
伯爵

维谛技术 · 前端工程师 (已认证)

Tree-Shaking的工作原理

Tree-shaking (树摇)最早是由Rollup实现,是一种采用删除不需要的额外代码的方式优化代码体积的技术,webpack2借鉴了这个特性也增加了tre...

36501
伯爵

维谛技术 · 前端工程师 (已认证)

webpack 热更新(HMR)实现原理

HMR(Hot Module Replacement)是webpack一个重要的特性,当代码文件修改并保存之后,webapck通过watch监听到文件发生变化,...

20320
伯爵

维谛技术 · 前端工程师 (已认证)

前端路由实现方式

路由:根据不同的url地址,显示不同的页面或者更新局部视图,呈现出来不同的内容。前端路由的实现方式分为服务端,Hash,History三种常见的路由实现方式。

10010
伯爵

维谛技术 · 前端工程师 (已认证)

自己实现一个JavaScript Promise类

Promise对象用于表示一个异步操作的最终状态以及操作的值。Promise本质上是一个绑定了回调的对象,区别于将回调传入函数内部。

22840
伯爵

维谛技术 · 前端工程师 (已认证)

JavaScript实现图片懒加载(lazyload)

图片懒加载可以减少不必要的图片资源请求,提高页面的加载速度,提升用户体验。我们实现页面懒加载的方案一般有三种方式:

15120
伯爵

维谛技术 · 前端工程师 (已认证)

Jsonp原理和实例

在浏览器的web端,img,script,style等标签是少数几个不受同源策略的影响。

12830
伯爵

维谛技术 · 前端工程师 (已认证)

前端开发涉及的Web安全

前端开发涉及常见的Web安全漏洞有:浏览器Web安全,跨站脚本攻击(XSS),跨站请求伪装(CSRF),点击劫持,HTTP劫持,DNS劫持,文件上传漏洞等,以跨...

14520
伯爵

维谛技术 · 前端工程师 (已认证)

JavaScript中call,apply,bind方法的使用及原理

在JavaScript里,call(),apply(),bind()都是Function内置的三个方法, 它们的作用都是显示的绑定this的指向,三个方法的第一...

16820
伯爵

维谛技术 · 前端工程师 (已认证)

JavaScript实现sleep方法

JavaScript是单线程语法,没有语言内置的休眠(sleep or wait)函数,所谓的sleep只是实现一种延迟执行的效果,无论是使用ES5,Promi...

91520
伯爵

维谛技术 · 前端工程师 (已认证)

理解JavaScript的闭包

闭包(Closure)又称为词法闭包和函数闭包,由函数创造的一个词法作用域,创建在词法作用域的变量被引用后,可以在这个词法环境之外使用。

11730
伯爵

维谛技术 · 前端工程师 (已认证)

Web浏览器缓存机制

Web缓存是存在服务器和客户端之前的资源副本。客户端会缓存请求过的静态资源(图片,CSS 文件,JS文件等),当用户再次请求相同的url时,浏览器会根据缓存规...

21130
伯爵

维谛技术 · 前端工程师 (已认证)

深入理解JavaScript的Event-Loop机制

JavaScript 是单线程的,只有JS引擎线程执行事件队列的事件。为了防止代码阻塞,JavaScript使用了异步执行机制。

14120
伯爵

维谛技术 · 前端工程师 (已认证)

ES6语法中常量声明(const)的实现原理

34700
伯爵

维谛技术 · 前端工程师 (已认证)

ES6语法中类(class)的实现原理

JavaScript语言不同于其他的类C语言,没有提供类的概念,但是可以提供类似的语法糖来实现JS面向对象的编程范式,本质上不是严格意义上的类

37550
伯爵

维谛技术 · 前端工程师 (已认证)

ES6装饰器Decorator的实现原理

NOTE Decorators are an experimental feature that may change in future releases...

55450
伯爵

维谛技术 · 前端工程师 (已认证)

理解JavaScript立即执行函数

立即执行函数通常包含两种使用格式,具体使用那一种风格可以根据个人习惯和团队规范选择:

19430
伯爵

维谛技术 · 前端工程师 (已认证)

JavaScript的构造函数

在Java语言中,我们使用构造函数是实例化对象的过程,在JavaScript语言中我们可以使用构造函数的方式创建对象,如:

14370

扫码关注云+社区

领取腾讯云代金券