赤蓝紫
CSS布局(二) CSS布局(二) CSS布局(二)
CSS布局(二)等高布局等高布局,顾名思义,就是指子元素在父元素中高度相等的布局。 开始之前,先看一个情境。 html代码 1234567891011121314151617<main> <div class="left
2022-04-17
CSS布局(一) CSS布局(一) CSS布局(一)
CSS布局(一) 看面试题,看到两个没听说过的布局圣杯布局、双飞翼布局。这就来学习一波CSS布局。 单列布局只需要让header,footer充满整个屏幕,header的内容区、foooter的内容区,content设置一样的宽度,然后都
2022-04-17
var、let和const之间的区别 var、let和const之间的区别 var、let和const之间的区别
var、let和const之间的区别作用域不同 var是函数作用域, let、const是块级作用域 函数作用域就是在函数中声明了 var变量,那么这个变量在整个函数里都是有效的。 块级作用域则是在块里是有效的。块级作用域就是用{}包住
2022-04-13
一道问题引起的重学预编译 一道问题引起的重学预编译 一道问题引起的重学预编译
一道问题引起的重学预编译 前言:变量提升与函数提升本来是我个人觉得没必要写笔记来复习的知识。因为这部分看的面试题都能做对,就是说确实学的挺扎实的。直到遇到了下面这道题。 前情回顾参加掘金日新计划时,在群里看到的问题(改造了下) 12345
2022-04-12
Vue源码之虚拟DOM和diff算法(二)    手写diff算法 Vue源码之虚拟DOM和diff算法(二)    手写diff算法 Vue源码之虚拟DOM和diff算法(二) 手写diff算法
Vue源码之虚拟DOM和diff算法(二) 手写diff算法个人练习结果仓库(持续更新):Vue源码解析 patch函数简要流程 新旧节点不是同一个虚拟节点(新节点内容是 text)不做过多解释了,代码中已经把每一步都解释了 sr
2022-04-04
Vue源码之数据响应式原理 Vue源码之数据响应式原理 Vue源码之数据响应式原理
Vue源码之数据响应式原理本文写了好久(个人菜+没时间),看了很多博客,才写完这篇博客。如果对你有所帮助,希望点赞一波。 MVVM **M( Model )**:视图渲染时依赖的数据 **V( View )**:视图(页面渲染的DOM结构)
2022-04-04
Vue源码之虚拟DOM和diff算法(一)    使用snabbdom Vue源码之虚拟DOM和diff算法(一)    使用snabbdom Vue源码之虚拟DOM和diff算法(一) 使用snabbdom
Vue源码之虚拟DOM和diff算法(一) 使用snabbdom什么是虚拟DOM和diff算法diff算法简介 要把左图装修成右图的样子。(哪里不同?仔细找) 有两种方案。 方案一:拆掉重建(效率低,代价大) 方案二:diff(精细化
2022-04-04
CSS画圆、三角形、品字、骰子 CSS画圆、三角形、品字、骰子 CSS画圆、三角形、品字、骰子
CSS画圆、三角形、品字、骰子圆让 border-radius属性的值等于盒子高度的一半就行(当然,盒子得是正方形才能得到圆,否则便不是圆) 123456789101112131415161718<style> .circle
2022-04-04
清除浮动的四种方式 清除浮动的四种方式 清除浮动的四种方式
清除浮动的四种方式浮动是什么CSS 的 Float(浮动),会使元素向左或向右移动,直到外边缘碰到包含框或另一个浮动元素位置。 浮动元素的特征: 浮动的元素会脱离文档流 浮动的元素会紧挨在一起 浮动元素具有类似行内块元素的特性。所以行
2022-03-30
Vue源码之mustache模板引擎(二)    手写实现mustache Vue源码之mustache模板引擎(二)    手写实现mustache Vue源码之mustache模板引擎(二) 手写实现mustache
Vue源码之mustache模板引擎(二) 手写实现mustache mustache.js 个人练习结果仓库(持续更新):Vue源码解析 webpack配置可以参考之前的笔记Webpack笔记 安装: npm i -D webpa
2022-03-28
居中对齐的几种方法 居中对齐的几种方法 居中对齐的几种方法
居中对齐的几种方法看面试题,自己总结了下,顺便写了对应例子,加深印象。 水平居中给 div设置一个宽度,再添加 margin: 0 auto必须要添加宽度,只对块级元素有效 123456789101112131415161718192021
2022-03-25
Vue源码之mustache模板引擎(一) Vue源码之mustache模板引擎(一) Vue源码之mustache模板引擎(一)
Vue 源码之 mustache 模板引擎(一)个人练习结果仓库(持续更新):Vue 源码解析 抽空把之前学的东西写成笔记。 学习视频链接:【尚硅谷】Vue 源码解析之 mustache 模板引擎 模板引擎是什么模板引擎是将数据变为视图
2022-03-24
8 / 13