随笔档案「2020年8月」 - xiaoxustudy

用 HTML+CSS 实现商城页面

摘要：目录： 1.首页项目结构 2.通用样式抽取 3.结构与样式 4.顶部广告 5.顶部通栏结构 6.顶部通栏样式 7.搜索结构搭建 8.搜索样式 9.导航结构 10.导航样式 11.轮播图大结构 12.轮播图左侧 13.轮播图中间 14.轮播图右侧 15.主要内容 16.尾部 17.错误纠正 18.最终阅读全文

posted @ 2020-08-24 20:31 xiaoxustudy 阅读(9479) 评论(0) 推荐(1)

雪碧图

摘要：目录： 1. 基本概念 2. 优点 3. 注意 4. 图示 5. 例子本片笔记为学习叶建华老师的网课之后所做。传送门：https://study.163.com/course/courseLearn.htm?courseId=1006399046#/learn/video?lessonId=105 阅读全文

posted @ 2020-08-20 21:32 xiaoxustudy 阅读(385) 评论(0) 推荐(0)

绝对定位

摘要：position 的值为 absolute 时，就是开启了绝对定位。元素设置绝对定位以后，如果不设置偏移量，元素的位置不会发生变化。绝对定位的元素是相对于距离他最近的祖先元素进行定位，如果所有的祖先元素都没有开启定位，则相对于浏览器窗口进行定位。绝对定位的元素会完全脱离文档流。绝对定位会改变阅读全文

posted @ 2020-08-19 22:37 xiaoxustudy 阅读(721) 评论(0) 推荐(0)

相对定位

摘要：position 的值为 relative 时，就是开启了相对定位。当元素开启了定位以后，可以通过偏移量来设置元素的位置。偏移量可以通过 left、top、right、button 来设置。一般情况下，只使用两个值即可定义一个元素的位置。开启元素的相对定位后，如果不设置偏移量元素不会发生任何变化阅读全文

posted @ 2020-08-19 21:39 xiaoxustudy 阅读(441) 评论(0) 推荐(0)

Vue 自定义指令

摘要：请勿直接爬走，本文地址：https://www.cnblogs.com/xiaoxuStudy/p/13208406.html 目录： 1. 怎么创建自定义指令 2. 什么时候用自定义指令 3. 钩子函数 4. 实操一. 怎么创建自定义指令通过 Vue.directive 全局创建指令，Vue. 阅读全文

posted @ 2020-08-15 10:28 xiaoxustudy 阅读(1929) 评论(0) 推荐(0)

用 Vue 简单实现一个八皇后小游戏

摘要：八皇后小游戏规则与效果预览规则：效果预览：用字母 Q 代表皇后，横/竖/撇/捺处均无皇后可放置皇后，在横/竖/撇/捺有皇后处放置皇后会弹出提示“该位置不能放置皇后！”。实现步骤之前创建了项目，笔记：https://www.cnblogs.com/xiaoxuStudy/p/12663218 阅读全文

posted @ 2020-08-12 18:25 xiaoxustudy 阅读(1010) 评论(0) 推荐(0)

Vue 【组件】组件注册、组件生命周期、动态组件、keep-alive

摘要：目录： 1. 组件注册 2. 组件生命周期 3. 动态组件 4. keep-alive 组件一. 组件注册全局注册全局注册的组件可以在任何地方使用。使用全局注册注册的组件会有一个问题，当业务进行工程最终打包的过程中会将所有的组件都打包进去，如果后续有组件被弃用，这有可能会造成一些不可控的体积阅读全文

posted @ 2020-08-10 20:57 xiaoxustudy 阅读(722) 评论(0) 推荐(0)

Git 使用

摘要：学习 https://www.cnblogs.com/tugenhua0707/p/4050072.html 本篇笔记仅仅是学习原博文的简单记录, 原博文内容详细，如需学习请看原博文。目录：1.新建版本库、操作文件 2.版本回退 3.撤销修改 4.删除文件 5.远程仓库前提：安装好 Git Ba 阅读全文

posted @ 2020-08-10 08:22 xiaoxustudy 阅读(168) 评论(0) 推荐(0)

React 【生命周期】三个阶段生命周期函数、不同生命周期详解、图解生命周期

摘要：目录： 1. 三个阶段生命周期函数 2. 不同生命周期详解创建阶段更新阶段卸载阶段 3. 图解生命周期组件在页面上从创建到销毁分为了不同的状态，React 给出了让我们可以调用的生命周期函数。一、三个阶段生命周期函数 React 生命周期主要包含 3 个阶段，分别是初始化阶段、运行中阶段、阅读全文

posted @ 2020-08-09 13:43 xiaoxustudy 阅读(2263) 评论(0) 推荐(0)

Vue 【事件&样式】样式

摘要：目录： v-bind 绑定 class v-bind 绑定 style scoped 通常情况下，可以通过在 CSS 中编写 CSS 来定义 HTML 的结构样式，当我们需要切换 HTML 结构的样式的时候，我们会去修改当前节点的 style 值，或者通过切换 CSS class 来批量地修改样式。阅读全文

posted @ 2020-08-09 13:42 xiaoxustudy 阅读(321) 评论(0) 推荐(0)

选择器

摘要：目录： 1.通用选择器 2.标签选择器 3.类选择器 4.id选择器 5.复合选择器 6.群组选择器 7.后代选择器 8.直接后代选择器 9.属性选择器 10.伪类和伪元素 11.兄弟选择器 12.否定伪类本篇笔记记录各种选择器使用效果，是学习叶建华老师的网课时做的。传送门：https://st 阅读全文

posted @ 2020-08-04 02:07 xiaoxustudy 阅读(383) 评论(0) 推荐(0)

rem

摘要：目录：1. 概念 2.使用 3.例子一、概念 rem 可以在用户浏览网页时，根据屏幕的尺寸来向用户展示更适合用户的布局、文字、图片、按钮。 rem(font size of the root element)是相对于根元素的字体大小的单位。一旦根节点 html 定义的 font-size 变化，阅读全文

posted @ 2020-08-03 15:46 xiaoxustudy 阅读(449) 评论(0) 推荐(0)

表格和表单

摘要：目录：1.表格 2.表单 3.例子一、表格(接近淘汰) 长表格使用场景：有一些情况下表格是非常地长的，这时就需要将表格分为三个部分，表头、表格的主体、表格底部。三个标签： 1. thead 表头： thead 中的内容，永远会显示在表格的头部 2. tbody 表格主体：tbody 中的内阅读全文

posted @ 2020-08-01 17:07 xiaoxustudy 阅读(451) 评论(0) 推荐(0)

双飞翼布局、圣杯布局

摘要：目录： 1. 圣杯布局 2. 双飞翼布局 3. 双飞翼布局与圣杯布局的效果区别双飞翼布局跟圣杯布局功能相同，都是为了实现一个两侧宽度固定，中间宽度自适应的三栏布局。双飞翼布局与圣杯布局共同遵循的特点是：1. 两侧宽度固定，中间宽度自适应；2. 中间部分在 DOM 结构上优先，以便先行渲染；3. 阅读全文

posted @ 2020-08-01 00:40 xiaoxustudy 阅读(952) 评论(0) 推荐(0)

三栏布局

摘要：本篇为学习网络资料后做的笔记。资料来源(原文第 6 点)：https://juejin.im/post/6844903828278493197 目录： 1. flex 方式 2. 绝对定位方式 3. 浮动方式 4. 双飞翼布局、圣杯布局一、flex 方式实现方式：在父盒子中设置为伸缩布局，让行级阅读全文

posted @ 2020-08-01 00:29 xiaoxustudy 阅读(170) 评论(0) 推荐(0)