zsnpromsie-CSDN博客

原创 part5-m3

Part 5 · Node.js 全栈开发本阶段将带你学习前端圈子中口碑极佳的 React 框架以及它的一些高阶用法、组件库封装、数据流方案、服务端渲染（SSR）、静态站点生成（SSG），同时深入 React 框架内部，剖析 React 部分核心源码和实现，最后还会结合 TypeScript 和蚂蚁金服的 Ant Design 库做出实战。模块三 Web 开发框架（Express 与 Koa）本模块我们学习基于 Node.js 的 Web 开发框架的使用和原理，主要围绕着 Express 和 K

2021-09-18 21:29:41 140

原创 part5-m2

Part 5 · Node.js 全栈开发本阶段将带你学习前端圈子中口碑极佳的 React 框架以及它的一些高阶用法、组件库封装、数据流方案、服务端渲染（SSR）、静态站点生成（SSG），同时深入 React 框架内部，剖析 React 部分核心源码和实现，最后还会结合 TypeScript 和蚂蚁金服的 Ant Design 库做出实战。模块二 NoSQL 数据库（MongoDB、Redis）本模块中我们学习 MongoDB & Redis 这两个 NoSQL 数据库本身的使用、NoS

2021-09-14 17:58:34 112

原创 part5-m1

Part 5 · Node.js 全栈开发本阶段将带你学习前端圈子中口碑极佳的 React 框架以及它的一些高阶用法、组件库封装、数据流方案、服务端渲染（SSR）、静态站点生成（SSG），同时深入 React 框架内部，剖析 React 部分核心源码和实现，最后还会结合 TypeScript 和蚂蚁金服的 Ant Design 库做出实战。模块一 Node.js 高级编程（核心模块、模块加载机制）Node.js 是现代化前端的依托，已经属于前端开发者的必备技能，通过本模块我们重新认识 Node.

2021-09-11 21:04:50 229

原创 part4-m6

Part 4 · React 框架原理与实战本阶段将带你学习前端圈子中口碑极佳的 React 框架以及它的一些高阶用法、组件库封装、数据流方案、服务端渲染（SSR）、静态站点生成（SSG），同时深入 React 框架内部，剖析 React 部分核心源码和实现，最后还会结合 TypeScript 和蚂蚁金服的 Ant Design 库做出实战。模块六 Angular 企业实战开发本模块中通过企业实战带你领略最具规模的前端框架 Angular，包括：NG 数据绑定及实现原理、组件封装及父子组件通信、

2021-09-05 14:04:15 402

原创 part4-m5

Part 4 · React 框架原理与实战本阶段将带你学习前端圈子中口碑极佳的 React 框架以及它的一些高阶用法、组件库封装、数据流方案、服务端渲染（SSR）、静态站点生成（SSG），同时深入 React 框架内部，剖析 React 部分核心源码和实现，最后还会结合 TypeScript 和蚂蚁金服的 Ant Design 库做出实战。模块五 React + Redux + Ant Design + TypeScript 实战本模块中我们通过使用 TypeScript 编程语言，基于 Re

2021-09-01 14:49:07 124

原创 part4-m4

Part 4 · React 框架原理与实战本阶段将带你学习前端圈子中口碑极佳的 React 框架以及它的一些高阶用法、组件库封装、数据流方案、服务端渲染（SSR）、静态站点生成（SSG），同时深入 React 框架内部，剖析 React 部分核心源码和实现，最后还会结合 TypeScript 和蚂蚁金服的 Ant Design 库做出实战。模块四 React 服务端渲染专题（原生实现、Next.js 集成框架、Gatsby）本模块中重点介绍 React 体系下的服务端渲染方案，其中包括原生 R

2021-08-30 15:11:32 166

原创 part4-m3

Part 4 · React 框架原理与实战本阶段将带你学习前端圈子中口碑极佳的 React 框架以及它的一些高阶用法、组件库封装、数据流方案、服务端渲染（SSR）、静态站点生成（SSG），同时深入 React 框架内部，剖析 React 部分核心源码和实现，最后还会结合 TypeScript 和蚂蚁金服的 Ant Design 库做出实战。模块三 React Hooks、Chakra-UI、组件性能优化、封装组件库本模块中围绕 React Hooks、Chakra-UI、组件性能优化、封装组件

2021-08-26 19:55:59 157

原创 part4-m2

Part 4 · React 框架原理与实战本阶段将带你学习前端圈子中口碑极佳的 React 框架以及它的一些高阶用法、组件库封装、数据流方案、服务端渲染（SSR）、静态站点生成（SSG），同时深入 React 框架内部，剖析 React 部分核心源码和实现，最后还会结合 TypeScript 和蚂蚁金服的 Ant Design 库做出实战。模块二 React 数据流方案专题（Redux、MobX随着一个应用规模的增长，应用的数据状态一定会变得越来越复杂，慢慢的数据流管理成为最主要话题。本模块中

2021-08-23 18:43:31 116

原创 part4-m1 笔记

Part 4 · React 框架原理与实战本阶段将带你学习前端圈子中口碑极佳的 React 框架以及它的一些高阶用法、组件库封装、数据流方案、服务端渲染（SSR）、静态站点生成（SSG），同时深入 React 框架内部，剖析 React 部分核心源码和实现，最后还会结合 TypeScript 和蚂蚁金服的 Ant Design 库做出实战。模块一 React 设计原理解密及核心源码解读React 作为前端圈子中口碑极佳的框架，自身的设计非常超前，本模块中，我们会一起深入探索 React 框架本

2021-08-19 14:23:29 168

原创 part3-m6

Part 3 · Vue.js 框架源码与进阶本阶段围绕当下国内最主流的前端核心框架 Vue.js 展开，深入框架内部，通过解读源码或者手写实现的方式，剖析 Vue.js 框架的内部实现原理，让你做到知其所以然。同时我们还会介绍 Vue.js 的进阶用法、周边生态以及性能优化，让你轻松应对更加复杂的项目业务需求。模块六 Vue.js + Vuex + TypeScript 实战项目开发与项目优化本模块中我们通过使用 TypeScript 编程语言，基于 Vue.js 全家桶（Vue.js、Vue

2021-08-11 17:53:28 275

原创 part3-m5

Part 3 · Vue.js 框架源码与进阶本阶段围绕当下国内最主流的前端核心框架 Vue.js 展开，深入框架内部，通过解读源码或者手写实现的方式，剖析 Vue.js 框架的内部实现原理，让你做到知其所以然。同时我们还会介绍 Vue.js 的进阶用法、周边生态以及性能优化，让你轻松应对更加复杂的项目业务需求。模块五 Vue.js 3.0 Composition APIs 及 3.0 原理剖析本模块中围绕 Vue.js 3.0，重点介绍 Vue.js 3.0 的设计初衷以及 Vue.js 3.

2021-08-05 23:04:15 126

原创 part3-m4

Part 3 · Vue.js 框架源码与进阶本阶段围绕当下国内最主流的前端核心框架 Vue.js 展开，深入框架内部，通过解读源码或者手写实现的方式，剖析 Vue.js 框架的内部实现原理，让你做到知其所以然。同时我们还会介绍 Vue.js 的进阶用法、周边生态以及性能优化，让你轻松应对更加复杂的项目业务需求。模块四搭建自己的SSR、静态站点生成（SSG）及封装 Vue.js 组件库本模块会带你深入 SSR 的实现，自己动手搭建一个自己的基于 Vue.js 的 SSR，然后使用静态站点生成器

2021-08-02 00:57:14 85

原创 p3-m3

Part 3 · Vue.js 框架源码与进阶本阶段围绕当下国内最主流的前端核心框架 Vue.js 展开，深入框架内部，通过解读源码或者手写实现的方式，剖析 Vue.js 框架的内部实现原理，让你做到知其所以然。同时我们还会介绍 Vue.js 的进阶用法、周边生态以及性能优化，让你轻松应对更加复杂的项目业务需求。模块三 Vuex 数据流管理及Vue.js 服务端渲染（SSR）本模块会介绍关于复杂项目中的状态管理方案 Vuex，以及自己来手写一个自己的 Vuex。Vue.js 中服务端渲染的使用尽

2021-07-24 11:09:32 129

原创 p3-m2

Part 3 · Vue.js 框架源码与进阶本阶段围绕当下国内最主流的前端核心框架 Vue.js 展开，深入框架内部，通过解读源码或者手写实现的方式，剖析 Vue.js 框架的内部实现原理，让你做到知其所以然。同时我们还会介绍 Vue.js 的进阶用法、周边生态以及性能优化，让你轻松应对更加复杂的项目业务需求。模块二 Vue.js 源码分析（响应式、虚拟 DOM、模板编译和组件化）本模块会带你深入分析 Vue.js 源码，包括：Vue.js 初始化开始、首次渲染的过程、响应式的依赖收集、Wat

2021-07-20 12:36:02 81

原创 part3-m1

Part 3 · Vue.js 框架源码与进阶本阶段围绕当下国内最主流的前端核心框架 Vue.js 展开，深入框架内部，通过解读源码或者手写实现的方式，剖析 Vue.js 框架的内部实现原理，让你做到知其所以然。同时我们还会介绍 Vue.js 的进阶用法、周边生态以及性能优化，让你轻松应对更加复杂的项目业务需求。模块一手写 Vue Router、手写响应式实现、虚拟 DOM 和 Diff 算法首先回顾 Vue Router 的基本使用，以及 Hash 模式和 History 模式的区别，然后自

2021-07-15 17:03:19 91

原创 part2-m2

Part 2 · 前端工程化实战本阶段主要以前端工程化为主题，分别从脚手架工具、自动化构建、模块化开发、规范化标准四个维度介绍前端工程化具体该如何落地、如何实践，以此应对复杂前端应用的开发和维护过程，提高开发者的工作效率，降低项目维护成本，从而更好地适应大前端时代下的前端开发工作。模块二模块化开发与规范化标准此模块中会介绍当下前端开发过程中最重要的开发范式：模块化，我们会介绍模块化在前端行业的演进过程、如何实现模块化开发以及 Webpack 打包工具的使用和核心工作原理；另外我们还会为你介绍

2021-07-12 23:47:07 90

原创 part2-m1

Part 2 · 前端工程化实战本阶段主要以前端工程化为主题，分别从脚手架工具、自动化构建、模块化开发、规范化标准四个维度介绍前端工程化具体该如何落地、如何实践，以此应对复杂前端应用的开发和维护过程，提高开发者的工作效率，降低项目维护成本，从而更好地适应大前端时代下的前端开发工作。模块一开发脚手架及封装自动化构建工作流此模块中会先带你了解什么是前端工程化，以及前端工程化和工具之间的关系；紧接着在脚手架工具的学习中你可以了解到脚手架的本质、工作原理，以及自己从无到有搭建一个自己的脚手架工具；最

2021-07-01 20:55:48 86

原创 part1-02笔记

* ./header.vue?vue&type=style&index=0&id=59b9e752&lang=less&scoped=true& in ./components/template/header.vuenpm install less less-loader --save-dev

2021-06-27 18:41:19 233

原创 m1

Part 1 · JavaScript 深度剖析函数式编程与 JS 异步编程、手写 Promise任务一：函数式编程范式函数式编程函数式编程的特性（纯函数，柯里化，函数组合等）函数式编程库Lodash学习函数式编程的理由函数式编程是随着React的流行受到越来越多的关注Vue3也开始拥抱函数式编程函数式编程可以抛弃this打包过程中可以更好的利用tree shaking 过滤无用代码方便测试，方便并行处理有很多库可以进行函数式开发：lodash，underscore，r

2021-05-25 15:53:52 114

原创 m3

Part 1 · JavaScript 深度剖析函数式编程与 JS 异步编程、手写 Promise任务二：手写Promsie源码Promise 类核心原理的实现Promise 就是一个类在执行这个类的时候需要传递一个执行器进去，执行器会立即执行Promise 中有三种状态分别为成功 fulfilled 失败reject 等待 pending一旦状态确定后就不可更改resolve被reject函数是用来更改状态的then 方法内部要做的事情就是判断状态如果状态是成功调用成功的

2021-05-25 15:53:24 71

原创 m2

Part 1 · JavaScript 深度剖析函数式编程与 JS 异步编程、手写 Promise任务二：异步编程异步编程概述采用单线程模式工作的原因JS创建之初是出现在浏览器中的脚本语言，目的是为了实现页面的动态交互，实现页面操作的核心就是DOM操作,就决定了它必须使用单线程模型，否则就会出现很复杂的线程同步问题。设想一下，如果JavaScript是多线程操作，一个线程修改了DOM元素，一个线程删除了DOM元素,那浏览器就不能判断以哪个线程的工作为主.所以在js执行环境中负责执行代码的线

2021-05-25 15:51:27 53

转载 Node.js 编写跨平台 spawn 语句

前言Node.js 是跨平台的，也就是说它能运行在 Windows、OSX 和 Linux 平台上。很多 Node.js 开发者都是在 OSX 上做开发的，然后再将代码部署到 Linux 服务器上。由于 OSX 和 Linux 都是基于 Unix 的，因此两者共性很多。Windows 也是 Node.js 官方支持的平台，只要你通过正确的方式写代码，就能在各个平台上毫无压力的跑起来。 ...

2019-02-12 18:58:02 608

原创为网页元素增加resize事件

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2019-01-24 11:29:51 1467

转载前端路由简介以及vue-router实现原理

转载https://segmentfault.com/a/1190000015123061后端路由简介路由这个概念最先是后端出现的。在以前用模板引擎开发页面时，经常会看到这样http://www.xxx.com/login大致流程可以看成这样：浏览器发出请求服务器监听到80端口（或443）有请求过来，并解析url路径根据服务器的路由配置，返回相应信息（可以是 html...

2019-01-10 21:08:35 169

转载 js数组方法改变原数组和不改变原数组的方法整理

转载至：https://blog.csdn.net/love07070707/article/details/79888566 改变原数组： pop():删除 arrayObject 的最后一个元素，把数组长度减 1，并且返回它删除的元素的值。如果数组已经为空，则 pop() 不改变数组，并返回 undefined 值。arrayObject.pop() *push():*push(...

2019-01-10 12:07:00 2218

原创 koa2与express中间件机制的实现

// koa 中间件机制 koa1基于迭代器和生成器+prommsie（es6） koa2基于 async/await（es7）class Koa {constructor() {this.middlewares = []}use(middleware) {this.middlewares.push(middleware)}compose() {retur...

2019-01-07 22:01:34 439

原创面试遇到的算法问题

美团面试1. 城市a到城市e有多少条路径问题。a>b>c>ea>b>f>ea>k>e...class Node{constructor(address) {this.address = addressthis.path = []}}let bj = new Node('北京')let tj = ne...

2019-01-07 02:52:50 323

原创常用的正则表达式匹配

1.给数字加千分位逗号'123456789.99888'.replace(/(?=(?!\b)(?<!\.\d+)(\d{3})+(\.\d+)?$)/g, ',')2.保留固定的整数位和小数位/**** @param {z: 保留整数位数 y: 保留小数位数} param0*/function keepLen(num, {z, x} = {}) {let r...

2019-01-04 23:39:13 124

转载 Node 定时器详解

【第1201期】Node 定时器详解阮一峰 2018-02-28前言过完今天，2018年过了六分之一了。今日早读文章由@阮一峰老师授权分享。正文从这开始～JavaScript 是单线程运行，异步操作特别重要。只要用到引擎之外的功能，就需要跟外部交互，从而形成异步操作。由于异步操作实在太多，JavaScript 不得不提供很多异步语法。这就好比，有些人老是受打击，他的抗打击...

2019-01-02 15:53:13 101

转载 QUIC

转载：https://blog.csdn.net/b2222505/article/details/79391430简介QUIC（Quick UDP Internet Connections)基于UDP的传输层协议，提供像TCP一样的可靠性。在提高web应用性能上，可以选择在应用层使用HTTP2.0实现多路传输，在物理层使用CDN解决网络拥塞和最后一公里问题。在传输层，目前主要使用TCP，但...

2018-12-28 14:12:15 365

转载 throttle & debounce（节流&防抖）

转载自https://www.cnblogs.com/wilber2013/p/5893426.html白话debounce和throttle遇到的问题在开发过程中会遇到频率很高的事件或者连续的事件，如果不进行性能的优化，就可能会出现页面卡顿的现象，比如：鼠标事件：mousemove(拖曳)/mouseover(划过)/mouseWheel(滚屏) 键盘事件：keypress(基...

2018-12-28 13:09:16 131

转载 RESTful API 最佳实践

作者：阮一峰日期： 2018年10月 3日RESTful 是目前最流行的 API 设计规范，用于 Web 数据接口的设计。它的大原则容易把握，但是细节不容易做对。本文总结 RESTful 的设计细节，介绍如何设计出易于理解和使用的 API一、URL 设计1.1 动词 + 宾语RESTful 的核心思想就是，客户端发出的数据操作指令都是"动词 + 宾语"的结构。比如，GET...

2018-12-20 21:30:28 99

转载常见HTTP状态码(200、301、302、500等）解说

常见HTTP状态码(200、301、302、500等）解说对网站管理工作者来说有个词不陌生，HTTP状态码，它是用以表示网页服务器HTTP响应状态的3位数字代码。状态码的第一个数字代表了响应的五种状态之一。　　1XX系列：指定客户端应相应的某些动作，代表请求已被接受，需要继续处理。由于 HTTP/1.0 协议中没有定义任何 1xx 状态码，所以除非在某些试验条件下，服务器禁止向此类客户端发...

2018-12-19 09:44:02 12288

转载什么是BFC

转载至 https://www.cnblogs.com/libin-1/p/7098468.html 什么是BFC 在一个Web页面的CSS渲染中，块级格式化上下文 (Block Fromatting Context)是按照块级盒子布局的。W3C对BFC的定义如下：浮动元素和绝对定位元素，非块级盒子的块级容器（例如 inline-blocks, table-cells, 和 ...

2018-12-18 20:45:54 75

转载 Window 下安装redis

转载自https://www.cnblogs.com/W-Yentl/p/7831671.htmlWindow 下安装下载地址：https://github.com/MSOpenTech/redis/releasesRedis 支持 32 位和 64 位。这个需要根据你系统平台的实际情况选择，这里我们下载 Redis-x64-xxx.zip压缩包到 D:\Development_Too...

2018-12-15 17:28:55 96

原创一些有趣的js面试题解析

参考地址：http://javascript-puzzlers.herokuapp.com/1. ["1", "2", "3"].map(parseInt)返回值为[1, NaN, NaN] .因为parseInt接受两个参数，即parseInt('1', 0), parseInt('2', 1),parseInt('3', 2)2.[typeof null, null instanc...

2018-11-12 01:01:12 1657

原创前端使用Virutalbox + ubuntu搭建Linux图像操作环境

安装Linux虚拟机主机环境：Windows10 虚拟机软件：Virutalbox 下载地址：https://www.virtualbox.org/ Linux版本：ubuntu 下载地址：https://www.ubuntu.com/download/desktop/thank-you?country=CN&version=18.04.1&architectur...

2018-10-29 22:23:28 136

转载 javascript权威指南-js的枚举

// 来自JavaScript权威指南219页// 这个是一个工厂方法，每次调用都返回一个新的枚举类。// 参数对象表示类的每个实例的名字和值// 不能使用这个返回的枚举类创建新的实例。// 枚举值继承自返回的这个枚举类function enumeration (namesToValues) {var enumeration = function () {throw "...

2018-10-25 10:47:56 208

转载 windows下nginx的安装及使用方法入门

nginx功能之一可以启动一个本地服务器，通过配置server_name和root目录等来访问目标文件一. 下载http://nginx.org/ 下载后解压二. 修改配置文件nginx配置文件在 nginx-1.8.0\conf\nginx.confhttp { gzip on; #静态文件 server { listen 80; ...

2018-07-14 15:35:37 151

转载 github-如何设置SSH Key

转： https://www.cnblogs.com/yehui-mmd/p/5962254.html设置SSH Key在注册好github账号后，打开你的电脑桌面上的一个文件夹，这就建立了一个本地工作库，在里面点击鼠标右键，找到你的git bash here-点击开，如图所示：进行下面操作：输入cd ~/.ssh——回车（看你是否有了ssh key 密钥，有了就备份）；输入ssh-keygen ...

2018-06-13 15:07:36 161

空空如也

空空如也