厚积薄发

原创 Vue3 数据劫持原理

Vue3 通过proxy来代理对象，实现数据劫持

原创 Vue2 数据劫持原理

数组和对象，数据劫持，Object.definePrototype

原创 vue组件通信

vue广播通信

原创 实现简版vue-router

实现简版vue-router，定义mode、router、route、router-view、router-link

原创 实现简版Vuex

简版vuex，state、actions、getters、mutations

原创 webpack4.x最佳实践-3.webpack中的基本概念

webpack中的基本概念

原创 webpack4.x最佳实践-4.常用loader

webpack常用loader

原创 Git workflow

四大主流的git workflow

原创 Git再入门

文章目录Git再入门Git是什么版本控制系统（VCS）Git的特点Git代码管理的一般工作流程Git 工作原理文件的四种状态三个区域为何有一个暂存区.git目录三种对象blob对象tree对象commit对象commit、tree、blob之间的联系为什么说Git是全量备份的总结参考Git再入门Git是什么Git is a free and open source distributed ...

原创 git还原已删除的分支

记一次恢复错误删除分支的惨痛经历

原创 webpack4.x最佳实践-2.webpack基本环境搭建

webpack环境搭建

原创 webpack4.x最佳实践-1.webpack是什么

webpack是什么

原创 leetcode-696.计数二进制子串

696.计数二进制子串

原创 javascript骚气名词之节流、防抖

理解节流、防抖

转载 学习笔记-关于http建立、断开连接要点的整理

http建立连接、断开连接

原创 学习笔记-七层网络模型

七层模型

原创 学习笔记-nodejs之stream

stream模块中的常用api

原创 学习笔记-nodejs之fs模块

fs模块中的常用api

原创 学习笔记-vim之常用操作

vim常用操作

原创 学习笔记-nodejs之Buffer

nodejs中的Buffer相关的常用属性和方法

原创 学习笔记-nodejs之EventEmiter

nodejs中EventEmiter模拟实现

原创 学习笔记-nodejs之全局变量

nodejs中的全局变量

原创 学习笔记-模拟实现koa中间件

模拟实现koa中间件：koa-static

原创 学习笔记-koa源码分析与简易实现

koa2源码分析

原创 学习笔记-http缓存机制

http缓存原理、强缓存、协商缓存

原创 学习笔记-用node实现简单的文件服务器

原生nodejs实现一个简单的文件服务器

原创 学习笔记-shell编程基础

前端需要掌握的shell基础

原创 学习笔记-javascript中的正则表达式

原创 学习笔记-docker常用命令

docker常用命令启动docker服务：systemctl sart docker重启docker服务：systemctl resart docker关闭docker服务：systemctl stop docker搜索镜像： docker search node安装镜像： docker pull node删除镜像： docker rmi node查看所有已安装镜像： docke...

原创 学习笔记-linux权限控制

权限身份与群组文件拥有者（user）群组（group）其他（other）更改文件属性与权限chown：改变文件拥有者chown [-cfhvR] [–help] [–version] user[:group] file…将目前目录下的所有文件与子目录的拥有者皆设为 runoob，群体的使用者 runoobgroup:chown -R runoob:runoobgro...

原创 学习笔记-linux常用命令

前端常用的linux命令

原创 大数相加

var n1 = 98765432109var n2 = 12345678900954var arr_n1 = n1.toString().split('').reverse().map(item => Number(item))// console.table(arr_n1);var arr_n2 = n2.toString().split('').reverse().map(...

原创 正则表达式 千分位

无小数位有小数位最近写了另外一个更简洁的var str='123456789.2356'// 123,456,789.235,6var reg=/\B(?<!(\.\d+))(?=(\d{3})+\b)/g// 匹配一个位置：该位置后有3的倍数个数字，该位置的前面不能出现小数点var res=str.replace(reg,',')console.log(res)/...

原创 vscode调试配置

launch.json中有很多属性可以设置, 通过智能提示查看有那些属性可以设置, 如果要查看属性的具体含义, 可以把鼠标悬停在属性上面, 会属性的使用说明.在launch.json中会使用到一些预定变量, 这些变量的具体含义如下${workspaceRoot} the path of the folder opened in VS Code(VSCode中打开文件夹的路径)${works...

原创 学习笔记-js单元测试

js单元测试单元测试（模块测试）是开发者编写的一小段代码，用于检验被测代码的一个很小的、很明确的功能是否正确。通常而言，一个单元测试是用于判断某个特定条件（或者场景）下某个特定函数的行为。例如，你可能把一个很大的值放入一个有序list 中去，然后确认该值出现在list 的尾部。或者，你可能会从字符串中删除匹配某种模式的字符，然后确认字符串确实不再包含这些字符了。单元测试是由程序员自己来完成，最...

原创 学习笔记-Gojs起手式

Gojs-起手式本文主要概括了gojs入门需要了解的基本概念，以及它们间的关系1.Diagrams and Models(图表与模型)图表所包含的节点和连线是数据的可视化，这些数据是由模型管理的。Gojs是MV架构的，其中模型(M)保存着描述节点和连线的数据（数组和js对象）,图表充当着视图(V)的角色，视图是由真实的节点和连线组成的。2.Node(节点)节点可以由模板创建出来，模板是由...

原创 VSCode中Setting Sync设置

VSCode中Setting Sync设置假设有两台设备中的vscode 设置需要同步,其中设备A中的较完整，B需要同步A上的设置，需要以下四个步骤：1 获取A的上传token查找已有的token或者重新生成token皆可查找已有的tokenOn Windows, this is %APPDATA%\Code\User\syncLocalSettings.json.Mac,...

原创 学习笔记-原生CSS变量

原生CSS变量不用Less、Sass等预处理插件，原生的CSS也支持变量，用于批量修改逻辑相关的DOM的Style的某一个属性值语法示例语法定义变量 与js一样，变量都是由作用域的，css变量的作用域就是DOM的层级关系，定义在某一选择器内，变量名称以–开头，值与普通属性值一样，类似’20px’ ‘red’:root { --color: red...

原创 学习笔记-Canvas

Canvas学习笔记canvas绘图板 demo星空 demo烟花 demo知乎粒子 demo粒子文字 demo进度条 demo气泡 demo闪电 demo源码https://github.com/cumthyb/canvas...

原创 学习笔记-Leaflet加载北京地铁线路

Leaflet学习笔记-加载北京地铁线路先上效果图 本文主要由两部分组成：获取线路和站点jsonLeaflet加载线路和站点GeoJson获取线路和站点json高德地图-地铁路线json（包含站点坐标） http://map.amap.com/service/subway?_1524027031909&srhdata=1100_drw_beijing.json 站点json（包含