Qiuyu Blog

好好学习,天天向上

前端模块化简介

frontend module

一、什么是模块?   模块化已经成为前端开发的趋势。在模块化的规范出来之前,在模块化规范出来之前,前端开发一直存在一些问题:     (1)全局变量命名冲突,例如Jquery库使用$符号做完全局变量挂载在window下,但是Zepto也一样,这就导致了冲突     (2)依赖难以管理,一些库的使用依赖于其他的库,在页面上使用这些库之前,必须按照先手动引入其依赖的库。     (3)脚本加载顺...

深入理解ES6第12章-代理(Proxy)和反射(Reflection)API

understaing es6

深入理解ES6第12章-代理(Proxy)和反射(Reflection)API,Vue3.0的数据监听采用了ES6的新语法Proxy,这篇主要介绍一下什么是Proxy。   Proxy和Reflection API的出现主要是为了让开发者可以调用一些Javascript已经有的功能,但之前没有开放出来的。通过Proxy和Reflection API我们可以调用Javascript的...

深入React技术栈读书笔记(3)——react事件系统和组件

react events system and component

本文主要《深入React技术栈》这本书的读书笔记系列之三,主要是讲React的组件和事件系统 事件系统   React在virtual Dom上实现了一个 SyntheticEvent (合成事件)层,这是React实现的事件系统,他和原生的浏览器事件一样拥有同样的接口,同样支持事件的冒泡机制。 合成事件的绑定方式   React 事件的绑定方式在写法上与原生的 HTML 事件监听...

深入理解JavaScript数组:演变与性能

Diving deep into JavaScript array – evolution & performance

原文作者:Paul Shan 原文地址:Diving deep into JavaScript array – evolution & performance ps:写这篇文章的原因是最近在复习数据结构的知识,讲到了数组的知识点,于是联想到Javascript中对于数组的实在和数据结构中的数组还是有很大的区别的,好奇JavaScript到底是如果实现数组,于是找到这篇文章,翻译...

深入React技术栈读书笔记(2)——diff算法

react diff algorithmic

本文主要《深入React技术栈》这本书的读书笔记系列之二,主要是讲React的diff算法   React的diff算法和Virtual Dom的结合,使得React可以高效的渲染页面。diff算法无疑是React中最优秀的一部分之一。 传统的diff算法 传统diff算法时间复杂度是O(n) ##React diff React diff算法的时间复杂度是O(n),为了降低时间...

深入React技术栈读书笔记(1)——react中的基本概念

react code reading

本文主要《深入React技术栈》这本书的读书笔记系列之一,主要是介绍一些React中一些重要的概念,之后的文件会更加深入讲解React   React和Vue相比较React在初学之时,可能会觉得更复杂,没有Vue这么傻瓜式易上手。Vue提供了完善的API,而React则是以Minimal API Interface为目标,只提供组件化相关的非常少量的API,同时为了保持灵活性,它...

JavaScript中的异步机制——你不知道的javacscript(2)

asynchronous in javascript

Javascript是单线程的,一次只能执行一个任务,然而在浏览器等宿主环境中,可以同时响应用户点击、Dom操作、ajax请求等多种不同的事件,浏览器是如何组织安排这些事件有序的执行的呢 一、异步   异步的概念经常在Javascript中被提到,那么到底什么是异步呢。在Javascrit中,所有的代码都是分块执行的,这些块中只有一个是现在执行,其余的则会在将来执行。最常见的块单位...

深入理解es6的Class

A Deep Dive into es6 Class

我们都知道javascript是面向对象的编程语言,javascript中没有类,但是有很多种模仿类的方式,例如使用原型链、组合继承等方式实现类。ES6给我们提供了新的语法——Class,然后ES6中引入的 JavaScript 类实质上是 JavaScript 现有的基于原型的继承的语法糖。类语法不会为JavaScript引入新的面向对象的继承模型。今天的这篇文章主要就会为了讲一讲E...

NodeBB-bbs系统搭建总结

sum up NodeBB

NodeBB是一款社区运营框架,基于node.js+express搭建,配合mongodb或者redis使用,可以快速的帮助用户搭建社区,并且更加自己的场景配置页面。   由于公司业务需求,需要搭建一套BBS系统,自己搭建的成本比较高,所以找到了NodeBB这个框架。 一、NodeBB   NodeBB是一个用node.js+express搭建的社区框架,你可以根据自己的选择使用r...

javascript里面的数据类型

javascript data type

《你不知道的javascript》读书笔记第三篇,谈一谈javascript里面的数据类型   最近流行这样一张图。 😂对于不熟悉javascript的人,看到这张图里面的一些语句一定是一脸懵逼的,而且会觉得javascript语法一片混乱。刚好看到《你不知道的javascript》里面的关于数据类型的部分,这里结合这种图来解释一下,javacript为什么会这样。 javasc...