前端小菜鸟-腾讯云开发者社区

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

前端小菜鸟

分享个人前端学习内容

专栏成员

20

文章

40180

阅读量

15

订阅数

Vue响应式原理

Vue是数据驱动视图实现双向绑定的一种前端框架，采用的是非入侵性的响应式系统，不需要采用新的语法（扩展语法或者新的数据结构）实现对象(model)和视图（view）的自动更新，数据层（Model）仅仅是普通的Javascript对象，当Modle更新后view层自动完成更新，同理view层修改会导致model层数据更新。

2020-05-23

8390

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

渲染网站 css http

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

2020-05-21

3.4K0

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

缓存网站存储 json 编程算法

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

2020-05-17

8510

Tree-Shaking的工作原理

ecmascript webpack javascript 打包编程算法

Tree-shaking （树摇）最早是由Rollup实现，是一种采用删除不需要的额外代码的方式优化代码体积的技术，webpack2借鉴了这个特性也增加了tree-shaking的功能。

2020-05-06

4.1K0

webpack 热更新（HMR）实现原理

HMR（Hot Module Replacement）是webpack一个重要的特性，当代码文件修改并保存之后，webapck通过watch监听到文件发生变化，会对代码文件重新打包生成两个模块补丁文件manifest（js）和一个（或多个）updated chunk（js），将结果存储在内存文件系统中，通过websocket通信机制将重新打包的模块发送到浏览器端，浏览器动态的获取新的模块补丁替换旧的模块，浏览器不需要刷新页面就可以实现应用的更新。

2020-04-27

3.3K0

前端路由实现方式

php 网站 ajax html5

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

2019-10-31

6250

自己实现一个JavaScript Promise类

javascript node.js

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

2019-10-30

6420

JavaScript实现图片懒加载(lazyload)

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

2019-10-24

9970

Jsonp原理和实例

json 编程算法 javascript

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

2019-10-23

1K2

前端开发涉及的Web安全

前端开发涉及常见的Web安全漏洞有：浏览器Web安全，跨站脚本攻击（XSS），跨站请求伪装（CSRF），点击劫持，HTTP劫持，DNS劫持，文件上传漏洞等，以跨站脚本攻击漏洞最为常见，作为前端开发需要了解一些基本的Web安全漏洞和相关的防御措施。

2019-10-21

7470

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

在JavaScript里，call(),apply(),bind()都是Function内置的三个方法，它们的作用都是显示的绑定this的指向，三个方法的第一个参数都是this指向的对象，也就是函数在运行时执行的上下文。

2019-10-18

1.1K0

JavaScript实现sleep方法

javascript node.js

JavaScript是单线程语法，没有语言内置的休眠（sleep or wait）函数，所谓的sleep只是实现一种延迟执行的效果，无论是使用ES5，Promise，generator或者async await实现sleep，核心只是应用到了setTimeout方法。

2019-10-17

11.3K0

理解JavaScript的闭包

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

2019-10-16

7100

Web浏览器缓存机制

http 网站存储缓存

Web缓存是存在服务器和客户端之前的资源副本。客户端会缓存请求过的静态资源（图片，CSS 文件，JS文件等），当用户再次请求相同的url时，浏览器会根据缓存规则判断是否使用已经缓存的静态资源文件，或者绕过资源缓存直接请求服务器重新获取资源。

2019-10-15

1.5K0

深入理解JavaScript的Event-Loop机制

javascript node.js

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

2019-10-14

6340

ES6语法中常量声明（const）的实现原理

ecmascript 编程算法

ES6 const 特点：临时性死区在定义的时候完成初始化不能重新定义不能重新赋值语义化标识，表示声明后不可更改的不变量原理： ES5没有块级的概念，我们只能大概模拟一下const的定义。我们将const 声明的变量绑定在全局对象上，借助 Object.defineProperty()劫持该对象，配置相关描述符实现const的特性。关键字和数字不能作为对象属性 var const_customer = function(param, value) { // 目前是在浏览器端测试全局对

2019-10-13

2.2K0

ES6语法中类（class）的实现原理

ecmascript javascript

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

2019-10-12

2K0

ES6装饰器Decorator的实现原理

ecmascript javascript

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

2019-10-11

2.1K0

理解JavaScript立即执行函数

jquery javascript node.js

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

2019-10-10

1.1K0

JavaScript的构造函数

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

2019-10-09

1K0

点击加载更多

社区活动

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·干货材料·成员作品最新动态