赤蓝紫

Vue源码之虚拟DOM和diff算法(一) 使用snabbdom什么是虚拟DOM和diff算法diff算法简介要把左图装修成右图的样子。(哪里不同？仔细找) 有两种方案。方案一：拆掉重建(效率低，代价大) 方案二：diff(精细化

2022-04-04 前端

Vue源码

CSS画圆、三角形、品字、骰子圆让 border-radius属性的值等于盒子高度的一半就行(当然，盒子得是正方形才能得到圆，否则便不是圆) 123456789101112131415161718<style> .circle

2022-04-04 前端

CSS

清除浮动的四种方式浮动是什么CSS 的 Float（浮动），会使元素向左或向右移动，直到外边缘碰到包含框或另一个浮动元素位置。浮动元素的特征：浮动的元素会脱离文档流浮动的元素会紧挨在一起浮动元素具有类似行内块元素的特性。所以行

2022-03-30 前端

CSS

Vue源码之mustache模板引擎(二) 手写实现mustache mustache.js 个人练习结果仓库(持续更新)：Vue源码解析 webpack配置可以参考之前的笔记Webpack笔记安装： npm i -D webpa

2022-03-28 前端

Vue Vue源码

居中对齐的几种方法看面试题，自己总结了下，顺便写了对应例子，加深印象。水平居中给 div设置一个宽度，再添加 margin: 0 auto必须要添加宽度，只对块级元素有效 123456789101112131415161718192021

2022-03-25 前端

CSS

Vue 源码之 mustache 模板引擎(一)个人练习结果仓库(持续更新)：Vue 源码解析抽空把之前学的东西写成笔记。学习视频链接：【尚硅谷】Vue 源码解析之 mustache 模板引擎模板引擎是什么模板引擎是将数据变为视图

2022-03-24 前端

Vue Vue源码

自定义工具函数库(三)最终仓库：utils: 自定义工具库 1. 自定义 instanceof 语法: myInstanceOf(obj, Type) 功能: 判断 obj 是否是 Type 类型的实例实现: Type 的原型对象是否是

2022-03-22 前端

JavaScript

自定义工具函数库(二) 数组相关最终仓库：utils: 自定义工具库以前的笔记：JS 数组常用的方法 1. 数组声明式系列方法1.1 map 函数封装实现 map()方法创建一个新数组，其结果是该数组中的每个元素各自调用一次提供的函数后

2022-03-20 前端

JavaScript

自定义工具函数库(一) 函数相关最终仓库：utils: 自定义工具库之前在哔哩哔哩看的视频的笔记。整理了一下。 1.1 call 函数封装实现原理：为传入的 obj 添加临时方法，然后去调用这个临时方法，这样子，这个方法的this就会指向

2022-03-19 前端

JavaScript

JavaScript 实现继承的六种方式父类 12345678910function Person(name) { this.name = name; this.say = function () { console.log("

2022-03-17 前端

JavaScript

github 添加 README 文件后导致的问题github 添加 README.md文件后， git push origin main报错， git pull origin main后再推也无济于事。这是因为 github处添加 RE

2022-03-17 小技能

git

详解原型与原型链其实，刚开始学 JavaScript 时，就有学过原型与原型链的相关知识了，只是当时还没有养成写笔记的习惯，导致现在已经忘的七七八八了。这边文章真是花了很多心思，写了两天，看了很多篇篇博文，其中有小参考的，有解决一点疑惑的

2022-03-16 前端

JavaScript