摘要:
八皇后小游戏规则与效果预览 规则: 效果预览: 用字母 Q 代表皇后,横/竖/撇/捺处均无皇后可放置皇后,在横/竖/撇/捺有皇后处放置皇后会弹出提示“该位置不能放置皇后!”。 实现步骤 之前创建了项目,笔记:https://www.cnblogs.com/xiaoxuStudy/p/12663218 阅读全文
摘要:
目录: 1. 组件注册 2. 组件生命周期 3. 动态组件 4. keep-alive 组件 一. 组件注册 全局注册 全局注册的组件可以在任何地方使用。 使用全局注册注册的组件会有一个问题,当业务进行工程最终打包的过程中会将所有的组件都打包进去,如果后续有组件被弃用,这有可能会造成一些不可控的体积 阅读全文
摘要:
学习 https://www.cnblogs.com/tugenhua0707/p/4050072.html 本篇笔记仅仅是学习原博文的简单记录, 原博文内容详细,如需学习请看原博文。 目录:1.新建版本库、操作文件 2.版本回退 3.撤销修改 4.删除文件 5.远程仓库 前提:安装好 Git Ba 阅读全文
摘要:
目录: 1. 三个阶段生命周期函数 2. 不同生命周期详解 创建阶段 更新阶段 卸载阶段 3. 图解生命周期 组件在页面上从创建到销毁分为了不同的状态,React 给出了让我们可以调用的生命周期函数。 一、三个阶段生命周期函数 React 生命周期主要包含 3 个阶段,分别是初始化阶段、运行中阶段、 阅读全文
摘要:
目录: v-bind 绑定 class v-bind 绑定 style scoped 通常情况下,可以通过在 CSS 中编写 CSS 来定义 HTML 的结构样式,当我们需要切换 HTML 结构的样式的时候,我们会去修改当前节点的 style 值,或者通过切换 CSS class 来批量地修改样式。 阅读全文
摘要:
目录: 1.通用选择器 2.标签选择器 3.类选择器 4.id选择器 5.复合选择器 6.群组选择器 7.后代选择器 8.直接后代选择器 9.属性选择器 10.伪类和伪元素 11.兄弟选择器 12.否定伪类 本篇笔记记录各种选择器使用效果,是学习叶建华老师的网课时做的。 传送门:https://st 阅读全文
摘要:
目录:1. 概念 2.使用 3.例子 一、概念 rem 可以在用户浏览网页时,根据屏幕的尺寸来向用户展示更适合用户的布局、文字、图片、按钮。 rem(font size of the root element)是相对于根元素的字体大小的单位。 一旦根节点 html 定义的 font-size 变化, 阅读全文
摘要:
目录:1.表格 2.表单 3.例子 一、表格(接近淘汰) 长表格 使用场景:有一些情况下表格是非常地长的,这时就需要将表格分为三个部分,表头、表格的主体、表格底部。 三个标签: 1. thead 表头 : thead 中的内容,永远会显示在表格的头部 2. tbody 表格主体 :tbody 中的内 阅读全文
摘要:
目录: 1. 圣杯布局 2. 双飞翼布局 3. 双飞翼布局与圣杯布局的效果区别 双飞翼布局跟圣杯布局功能相同,都是为了实现一个两侧宽度固定,中间宽度自适应的三栏布局。 双飞翼布局与圣杯布局共同遵循的特点是:1. 两侧宽度固定,中间宽度自适应;2. 中间部分在 DOM 结构上优先,以便先行渲染;3. 阅读全文
摘要:
本篇为学习网络资料后做的笔记。资料来源(原文第 6 点):https://juejin.im/post/6844903828278493197 目录: 1. flex 方式 2. 绝对定位方式 3. 浮动方式 4. 双飞翼布局、圣杯布局 一、flex 方式 实现方式:在父盒子中设置为伸缩布局,让行级 阅读全文