掘金翰

一、2020 买房了 2020 年七八月份的时候在徐州买了一套房，其实当时也没有看多少房子，因为本身在上海上班，去徐州也不是很方便，那会为了省钱会整夜的硬座或者卧铺去徐州，...

一、Vue 的模板语法 前面通过七篇文章我们已经了解 Vue 中的基本语法以及核心的 Options API，在此基础上我们将会深入的了解 Vue 中的语法以及指令和其他的...

一、Vue 的指令 在 Vue 中，指令（Directives）也是模板语法的一部分，指令是一种特殊的 token，它带有 v- 前缀，用于为模板提供额外的功能。指令的作用...

一、百度底部分页的实现 浮动常用的场景，用来解决行内级元素、inline-block 元素的水平间隙问题，常见的可以用来设置导航栏或者底部页码的分页，比如下面这个分页就可以...

一、行内元素的间隙处理 在编写 HTML 时，多个行内级元素之间会有一定的空隙，比如多个 span 元素之间就有一定的空隙，常见一个 HTML 页面，使用一个 div.bo...

一、认识浮动 CSS 浮动属性 float 可以指定一个元素沿其容器的左侧或者右侧放置，允许文本和内联元素环绕它。 float 属性最初只用于在一段文本内浮动图像，实现文字...

一、元素浮动规则 本文紧接上篇文章来讲述第三个浮动的规则，即 浮动元素之间不能层叠；如果一个元素浮动而另一个元素已经在那个位置了，后面浮动的元素将会紧贴着前一个浮动元素，也...

一、元素浮动规则 浮动元素不能与行内级元素的内容层叠，行内级的内容将会被浮动元素推出。 创建一个 HTML 页面，设置一个 div.box 包含行内级元素和块级元素，同时设...

一、Vue 初识 Vue 是一个 Web 前端框架，是一个 用于构建用户界面的渐进式 JavaScript 框架。 Vue 框架基于标准的 HTML、CSS、JavaScr...

一、插值语法初识 在上篇文章中我们已经了解了 Vue 这个全局对象，可以通过调用 createApp 方法来创建一个元素对象，并且元素对象可以调用 mount 方法来挂载到...

一、Vue 的动态绑定特性 在上一篇文章中我们讲到了 Vue 的基本语法的初识，通过 v-for 了解到了 Vue 框架的强大的指令系统，除此之外 Vue 还有一个非常重要...

一、Vue 的声明式编程 前面提到 Vue 是一个采用 声明式 编程范式的 JavaScript 框架，那么除了 声明式 编程范式外还有一种就是 命令式 编程范式；当然 声...

一、Vue 实例的 template 在前面的文章中，我们都是把 HTML 结构放在 template 属性中；在 Vue 的语法中 template 就是用于定义组件模板...

一、Vue 的 Options API Vue 的 Options API 是指在创建 Vue 实例时可以传递的一组选项，用于配置实例的行为、数据、方法等。通过这些选项，你...

一、Vue 的 Options API : method 上篇文章中提到的 Options API 的核心选项之一就包含了 methods 选项，methods 是一个用于...

一、设置背景-background-image 在开发中，为了让网页更加美观，我们经常会设置各种各样的背景，比如 background-image 属性用于设置元素的背景图...

一、设置背景-background-position background-position 用于设置背景图片在水平、垂直方向上的具体位置，可以设置具体的值，如 20px ...

一、元素的居中方法总结 在前面的案例中多次设置了居中的样式，现在我们可以对各种元素的居中做一个总结，大概可以分为行内级元素居中和块级元素居中两部分。 创建一个 HTML 页...

一、无序列表 ul ul(unordered list) 为无序列表，直接子元素只能是 li，li 表示列表中的每一项。 创建一个 HTML 页面，使用无序列表来展示数据，...

一、列表案例-今日头条 上一节中我们已经完成了基本结构的搭建，接下来我们就可以一个个的设置样式了。 设置新闻标题序号的样式 首先来设置新闻标题的序号的样式，可以通过浏览器的...