-
Sass 中常见的选择器
所属栏目:[教程] 日期:2023-05-25 热度:658
父选择器是 Sass 中一种特殊的选择器,用于嵌套选择器中,用来引用外部的选择器;通俗的讲就是,当你使用嵌套的时候,可能你会需要使用到嵌套外层的父选择器,比如为一个元素 添加伪类 (hover、active、before、afte[详细]
-
样式的嵌套
所属栏目:[教程] 日期:2023-05-25 热度:1130
Sass 允许将一套 CSS 样式嵌套进另一套样式中,内层的样式将它外层的选择器作为父选择器,我们用编写一个导航的样式来举例,假定我们的导航 nav 下面有 ul 标签,ul 标签下又有 li 标签,li 标签下呢又有 a 标签,下[详细]
-
什么是嵌套
所属栏目:[教程] 日期:2023-05-25 热度:6608
在企业的实际项目开发中,Sass 的嵌套可以说是非常非常有用的,它可以让你的 CSS 代码易于管理和维护,看起来也比较清晰,这也是 Sass 中很基础的一个知识点,首先掌握这个至关重要!在此章节我们将学习 Sass 嵌套中[详细]
-
通过命令行使用 Sass
所属栏目:[教程] 日期:2023-05-25 热度:7740
假如你在 Ruby 环境下安装了 Sass ,我们可以直接通过命令行来使用 Sass ,Sass 提供了很多命令像编译、配置等等,下面我们写出一些常用的命令供你参考:
//单个文件转换命令, 将 a.scss 的内容转换为 css 到 b.c[详细] -
使用 npm 安装 node-sass
所属栏目:[教程] 日期:2023-05-25 热度:3506
在 Ruby 环境安装 Sass 我们使用了 gem ,那么在安装 node-sass 的时候我们需要使用 npm ,作为前端你一定是知道 npm 包管理器的,所以我们直接像下面这样使用 npm 安装:
$ npm install node-sass
// 将 node-s[详细] -
在 Ruby 环境中安装 Sass
所属栏目:[教程] 日期:2023-05-25 热度:4038
Ruby 是一门开源的动态编程语言,Sass 就是基于 Ruby 语言开发而成的,当然你没必要去深入 Ruby 的知识,这里只要了解一下就可以了,所以我们先来讲如何在 Ruby 环境下安装 Sass 。
安装 Ruby
首先我们要在电脑[详细] -
什么是 Sass?
所属栏目:[教程] 日期:2023-05-25 热度:8117
在说 Sass 之前不得不说到 CSS,相信你在看这篇文章之时一定是了解 CSS 的,以前的前端开发中我们一般是通过 CSS 来编写样式,而在现代化的前端开发中我们大多数企业中都在使用 Sass 来编写样式。那什么是 Sass 呢?[详细]
-
Sass 教程
所属栏目:[教程] 日期:2023-05-25 热度:2893
Sass(英文全称:Syntactically Awesome Stylesheets)是一个最初由Hampton Catlin设计并由Natalie Weizenbaum开发的层叠样式表语言。在开发最初版本之后,Weizenbaum和Chris Eppstein继续通过SassScript来继续扩充S[详细]
-
利用 rect 方法绘制矩形
所属栏目:[教程] 日期:2023-05-24 热度:1462
绘制矩形在 canvas 中是常用的方法,所以 canvas API 直接提供了一个封装好的绘制矩形的方法 rect(),这个方法接收4个参数 x,y,width,height。
先看整体案例:
<!DOCTYPE html>
<html>
<head>
<Meta[详细] -
用线条绘制图形
所属栏目:[教程] 日期:2023-05-24 热度:8316
绘制折线上一小节我们已经学过了,利用 moveto、多个 lineto、stroke 这三个方法就可以做到。本小节我们先用之前学过的内容绘制一个矩形。
先看整体案例,请在firefox浏览器中查看本案例。
<!DOCTYPE html>
<[详细] -
绘制多条线段
所属栏目:[教程] 日期:2023-05-24 热度:6014
如果我们要绘制多条折线,应该怎么做呢?这一小节我们就来画三条折线,为了区分三条折线,我们会用上一节学习的 strokeStyle 属性来给线段设定不同的颜色,本节还将学习一个新的属性 linewidth ,该属性作用为设置线[详细]
-
绘制折线
所属栏目:[教程] 日期:2023-05-24 热度:7694
绘制线段上一小节我们已经学过了,利用 moveto、lineto、stroke 这三个方法就可以做到。 那我们如果要画一条折线怎么画呢?答案就是用多次 lineto 就可以了。
先看整体案例:
<!DOCTYPE html>
<html>
<head>[详细] -
线段方法整理
所属栏目:[教程] 日期:2023-05-24 热度:1426
本小节中我们使用到了三个方法,都是和绘制线段相关的。
moveto(x, y)
moveto 方法主要作用是把画笔路径移动到画布中的指定点,它不会创建线条。通过字面意思我们也可以知道,“move: 移动”,&ldqu[详细] -
绘制线段
所属栏目:[教程] 日期:2023-05-24 热度:6115
线段的绘制在 canvas 里应该是最基础的一个操作,很多复杂的图案就是由最简单的线段组成的,所以我们的课程就从绘制线段开始。
绘制线段
开始之前,我先拿现实生活中画一条线段的流程来类比我们在 canvas 中绘[详细] -
canvas 介绍
所属栏目:[教程] 日期:2023-05-24 热度:5877
本节课我们将正式开始学习 canvas,除了一些过时的浏览器不支持 canvas 标签外,所有的新版本主流浏览器都支持它,所以你可以找个相对较新的浏览器开始你的学习。
canvas 介绍
canvas 中主要分两部分内容,分别[详细] -
HTML 基本知识
所属栏目:[教程] 日期:2023-05-24 热度:8603
HTML 是一种超文本标记语言,它是一种用于创建网页的标准标记语言。HTML 运行在浏览器上,由浏览器来解析。
我们来看一个最简单的 HTML 实例:
<!DOCTYPE html>
<html>
<head>
<Meta charset="utf-8">
<ti[详细] -
Canvas 定义用法
所属栏目:[教程] 日期:2023-05-24 热度:698
你可以直接在该对象上指定宽度和高度,但是,其大多数功能都可以通过CanvasRenderingContext2D 对象获得。 这是通过 Canvas 对象的getContext() 方法并且把直接量字符串 "2d" 作为唯一的参数传递给它而获得的。
<[详细] -
Git开源分布式版本控制系统
所属栏目:[教程] 日期:2023-05-24 热度:1494
Git 是一个免费的开源分布式版本控制系统,旨在快速高效地处理从小型到大型项目的所有内容。
Git 易于学习,且性能出众。 它的本地分支,方便的暂存区域和多个工作流等功能,其性能优于 Subversion,CVS,Perforc[详细] -
Git 介绍
所属栏目:[教程] 日期:2023-05-24 热度:9558
Git --- The stupid content tracker, 傻瓜内容跟踪器。Linus Torvalds 是这样给我们介绍 Git 的。
本文将以 Git 官方文档 Tutorial, core-tutorial 和 Everyday GIT 作为蓝本翻译整理,但是暂时去掉了对 Git 内[详细] -
使用 Pandoc 导出 HTML
所属栏目:[教程] 日期:2023-05-24 热度:561
如果只有 Markdown 源文件,在不通过 Markdown 编辑器的情况下,还可以使用 Pandoc 将其直接转换成 HTML 文件。
Pandoc 是一种标记语言转换工具,可实现不同标记语言间的格式转换。
Pandoc 的安装方法参见其 G[详细] -
使用 Typora 导出 HTML
所属栏目:[教程] 日期:2023-05-24 热度:6634
Typora 导出 HTML 的操作方式为:
「文件」->「导出」->「HTML」
注意:导出时可以看到 HTML 和 HTML(Without Styles)两个选项,它们的区别是:
导出 HTML 时,会根据 Typora 所选主题(「菜单栏」->「主[详细] -
Markdown 的发展历程
所属栏目:[教程] 日期:2023-05-24 热度:6110
Markdown 诞生于 2004 年。诞生初期是为了简化 HTML 语法,用于编写阅读次数多、更新频率高,但内容格式相对稳定的 README 类的文档。所以 Markdown 语法支持嵌入原始的 HTML 标记语言,支持 CSS 样式。
Markdown[详细] -
Maven 编写插件
所属栏目:[教程] 日期:2023-05-24 热度:7151
这一节我们来讲如何编写 Maven 的插件。在生命周期一节中,我们了解到一个插件通常是包含多个目标的,而不同的目标也就对应了生命周期中的不同阶段。在之前的章节中,我们着重介绍如何使用 Maven 的插件,那么在本节[详细]
-
Maven资源过滤
所属栏目:[教程] 日期:2023-05-23 热度:472
我们使用 Maven 资源过滤的目的和使用 Profile 的目的很大程度上是类似的,就是为了增强项目构建的可移植性。之前我们在 Profile 的章节中,讲到了在构建项目的时候,激活对应的 Profile 来使用对应的配置,当时我们[详细]
-
Maven 属性
所属栏目:[教程] 日期:2023-05-23 热度:4735
首先,我们来介绍一下 Maven 的属性特性。其实,在我们之前的章节中,一直都有在使用 Maven 的属性。例如我们在引入 Spring 框架的时候,将 Spring 框架的版本号信息抽象出来,放到 properties 节点中去,在使用这个[详细]
