JavaScript|Node

javascript知识积累 NodeJS、jQuery、Angular、React、Vue

基于config-component转向面向数据的编程

2

前端学堂 发布于 2019-09-06

面向数据编程 面向数据编程是什么样的体验? 其实是数据驱动式编程更向前走一步,我们知道现在MVVM框架,像React、vue、Angular这些给前端带来了很大的进步,更优雅的工程化体系结构,更健壮的代码体系结构。同样给开发者带来了数据驱动式开发的体验,但是业务代码还是经常会出现...

阅读(24)赞 (1)

react hook的初步研究前言renderWithHooks的整个过程

1

前端学堂 发布于 2019-09-01

一开始react团队对外宣布hook 的时候,一眼看上去,觉得肯定proxy或者getter实现的,然后在函数组件外面包一层class extend React.Component。读setState钩子的第一个return结果就返回state,第二个结果就是封装了setStat...

阅读(35)赞 (0)

yarn快速上手使用

1

前端学堂 发布于 2019-08-30

简介 Yarn 是一个 JS 包依赖管理器。官网:https://yarnpkg.com/ 特点: 快速。每个包都会被缓存,故只会下载一次。并行操作提速安装过程。 安全。使用检验和对每个已安装的包进行完全性检验,之后才会运行。 可靠。相同的依赖,无论安装次序,在所有的机器上都按同...

阅读(45)赞 (1)

TypeScript初学了解

前端学堂 发布于 2019-08-29

为什么JS需要类型检查 TypeScript的设计目标在这里可以查看到,简单概括为两点: 为JavaScript提供一个可选择的类型检查系统; 为JavaScript提供一个包含将来新特性的版本。 TypeScript的核心价值体现在第一点,第二点可以认为是TypeScript的...

阅读(48)赞 (0)

Javascript垃圾回收浅析

2

前端学堂 发布于 2019-08-21

一. 枚举Javascript引擎分配内存的场景: 1. Object new Object(); new MyConstructor(); { a: 4, b: 5 } Object.create(); 2. 数组 new Array(); [ 1, 2, 3, 4 ]; 3....

阅读(73)赞 (3)

转:react-redux原理介绍,最易懂的说明

1

前端学堂 发布于 2019-08-20

1. 目录 redux简介 案例 react-redux核心介绍 2. redux简介 redux是react全家桶的一员,它试图为 React 应用提供「可预测化的状态管理」机制。 Redux是将整个应用状态存储到到一个地方,称为store 里面保存一棵状态树(state tr...

阅读(87)赞 (1)

简单的事件监听处理函数

前端学堂 发布于 2019-08-15

class evtEmiter { constructor() { this.handler = {}; } on(evtName, callback) { if (!this.handler[evtName]) { this.handler[evtName] = [callba...

阅读(70)赞 (1)

转: vue中8种组件通信方式

2

前端学堂 发布于 2019-08-14

vue是数据驱动视图更新的框架, 所以对于vue来说组件间的数据通信非常重要,那么组件之间如何进行数据通信的呢? 首先我们需要知道在vue中组件之间存在什么样的关系, 才更容易理解他们的通信方式, 就好像过年回家,坐着一屋子的陌生人,相互之间怎么称呼,这时就需要先知道自己和他们之...

阅读(78)赞 (1)

移动前端系列——websocket实时互动小游戏

11

前端学堂 发布于 2019-08-10

原本是想在写这文章之前,给大家来个二维码,让大家来感受一下我那个狂拽酷炫叼炸天的实时互动小游戏,无奈一直没有找到一台足以hold住其气场的服务器。所以,此处可能需要大家跟随我的描述,脑补一下那高端大气上档次的画面及低调奢华有内涵交互设计: 登录界面(此处省略4.33W字) 房间列...

阅读(79)赞 (2)

专题:VSCode

前端学堂 发布于 2019-07-31

专题:VSCode VSCode 是当下最流行的前端编辑器。作为微软推出的现代编辑器,它已经在 GitHub 上开源, 使用 Electron 架构,代码编辑器层为 Monaco。 技术架构: VSCode 的 Why、How 和 What VSCode 源码解读 VSCode ...

阅读(91)赞 (2)

如何高效响应用户触摸动作

7

前端学堂 发布于 2019-07-27

响应元素状态 您是否有过这样的经历:触摸或点按网页上的某个元素时怀疑网站是否真的检测到了您的触摸动作? 只需在用户触摸 UI 元素或与其进行交互时改变元素的颜色,用户就能基本确认网站处于工作状态。 这样做不仅能减轻用户的失望感,还能让其觉得网站敏捷并且响应迅速。 DOM 元素可继...

阅读(166)赞 (2)