推荐文章
博客

通过hexo+travis+cloundflare[CDN]打造个人站点

本博客目标 通过hexo在github page搭建博客通过travis完成CI发布通过cloundflare进行CDN,加速网站访问速度添加google收录,添加百度站

阅读更多
JavaScript TypeScript cli

作为前端人,谁没有自己的脚手架

博主喜欢没事的时候,捣鼓一些小项目,博主还喜欢使用typescript,但每次要新搞一个项目时,都要配置一堆文件,例如eslint,tsco

阅读更多
JavaScript

浏览器-一个页面从输入URL到页面加载显示完成,这个过程都发生了什么?

基础知识依赖计算机网络 五层因特尔协议栈: 应用层(dns、http): DNS解析成IP并完成http请求发送 传输层(tcp,udp)

阅读更多
作为前端人,谁没有自己的脚手架 作为前端人,谁没有自己的脚手架
博主喜欢没事的时候,捣鼓一些小项目,博主还喜欢使用typescript,但每次要新搞一个项目时,都要配置一堆文件,例如eslint,tsconfig等文件。甚是麻烦。再说,前端人怎么可以没有自己的脚手架呢。 项目期望 通过命令 ts-cli
手写简易版redux 手写简易版redux
前置知识订阅发布模式 发布订阅模式:一群订阅者(Subscriber)通过消息调度中心来实现基于某个主题去订阅发布者(Publisher),当有关状态发生变化时,Publisher会基于某个主题去通知该主题下对应的订阅者(Subscribe
2021-07-11
浏览器-一个页面从输入URL到页面加载显示完成,这个过程都发生了什么? 浏览器-一个页面从输入URL到页面加载显示完成,这个过程都发生了什么?
基础知识依赖计算机网络 五层因特尔协议栈: 应用层(dns、http): DNS解析成IP并完成http请求发送 传输层(tcp,udp): 三次握手四次挥手模式建立tcp连接 网络层(IP、ARP):IP寻址 数据链路层(ppp): 将
2021-07-01
JavaScript基础之六大继承 JavaScript基础之六大继承
引言: 大多数OO(Object Oriented)语言都支持两种继承方式:接口继承和实现继承,而ECMAScript中无法实现接口继承,ECMAScript支持实现继承,而且其实现继承方式主要是依靠原型链来实现,本文给大家介绍js实现继
2021-06-06
JavaScript基础之原型链 JavaScript基础之原型链
什么是原型链 ECMA-262把原型链定义为ECMAScript的主要继承方式。其思想是通过原型链继承多个引用类型的属性和方法。构造函数、原型和实例的关系如下:每个构造函数都是一个原型对象,原型有一个属性constructor指回构造函数,
2021-06-05
通过hexo+travis+cloundflare[CDN]打造个人站点 通过hexo+travis+cloundflare[CDN]打造个人站点
本博客目标 通过hexo在github page搭建博客通过travis完成CI发布通过cloundflare进行CDN,加速网站访问速度添加google收录,添加百度站长收录 使用hexo生成网站Hexo是一款基于Node.js的静
2021-05-25
【手写简易版react】之MyReact库的diff算法 【手写简易版react】之MyReact库的diff算法
前提回顾及本章期望 前面我们实现了React的基本功能,但是在子组件中触发父组件传给子组件的方法时,父组件进行了刷新,导致子组件被初始化了。原因是DOM的更新是全局更新的(已组件的方式去更新的。App里的数据发生改变,会去渲染所有的组件,D
2021-05-19
【手写简易版react】之组件内数据的更新,以及父子组件的数据通信 【手写简易版react】之组件内数据的更新,以及父子组件的数据通信
前提回顾及本章期望 在上一章中,我们从零开始完成了最基本的一个MyReact, 即vnode与真实dom的转换,以及MyReact的组件化。页面数据的动态改变和react的核心diff算法,都将是本章的内容。 单个组件的页面更新 MyRe
2021-05-18
【手写简易版react】之MyReact库的搭建及完成组件化 【手写简易版react】之MyReact库的搭建及完成组件化
首先我们先了解一下Reactreact是什么 React是一个网页UI框架,通过组件化的方式解决视图层开发复用的问题,本质是一个组件化框架 React核心是什么 react的核心设计思路有三点,分别是声明式、组件化与通用性。声明式的优势在
2021-05-11