-
Sass提供了许多内置模块,其中包含有用的函数(以及mixin)。这些模块可以像任何用户定义的样式表一样使用@use规则加载,它们的函数可以像任何其他模块成员一样调用。所有内置模块URL都以sass开
2022年08月26日 09:382
-
本文,将向大家介绍一种将多个 CSS 技巧运用到极致的技巧,利用纯 CSS 实现拼图游戏。 本技巧源自于 Temani Afif 的 CodePen CSS Only Puzzle game。一款完全
2022年08月24日 19:202
-
6. layui大事件项目 文件位置:1.Node.js零基础入门教程\node.js—资料\day8\素材\大事件项目 在assets/js/baseAPI.js中修改统一请求根路径 6.1 调整接
-
CSS transition 属性详解 点击打开视频讲解更详细 定义和用法 transition 属性是一个简写属性,用于设置四个过渡属性: transition-property	规定设置过渡效果的
2022年08月22日 14:313
-
什么是HTML 点击打开视频讲解更加详细 Hyper Text Markup Language(超文本标记语言) 标签控制排版 体积小,方便传输 编写HTLML 推荐使用:VS Code <!D
-
大学的时候学过web前端的课,但是主要是讲大框架,对于具体的一些概念没有讲那么细。最后交大作业项目就是用到啥了现场百度啥。 现在工作了,虽然也写了一些页面,接触了echarts,axios,也用过vu
-
Iterator Iterator 概念 Iterator 提供了一种统一的接口机制,为各种不同数据结构提供统一的访问机制。定义 Iterator 就是提供一个具有 next() 方法的对象,每次调用
2022年08月19日 17:502
-
前端周刊:2022-13 期 前端开发 Vue3 文档更新 更新后的 Vue3 文档分别提供了选项式和组合式两个版本,内容丰富程度和细致程度也有很大提升,推荐大家重读一遍。 前端请求并发控制 所有请求
-
display , visibility 仅会改变元素显示,不会改变元素种类。可以配合 js 使用使元素可以动态的显示隐藏。 可以使用 display 或 visibility 实现html元素的隐藏
2022年08月16日 04:211
-
1 HTML定义 HTML(英文Hyper Text Markup Language的缩写)中文译为“超文本标签语言”,主要是通过HTML标签对网页中的文本、图片、声音等内容进行描述。 <str
-
本文将探讨一下,在多行文本情形下的一些有意思的文字动效。 多行文本,相对于单行文本,场景会复杂一些,但是在实际业务中,多行文本也是非常之多的,但是其效果处理比起单行文本会更困难。 单行与多行文本的渐隐
2022年08月15日 17:112
-
八个解决你80%需求的CSS动画库 点击打开视频讲解 在学习和工作的过程中,我们总免不了要写各种各样的css动画,给某个部分添加动画效果,如果觉得自己写的动画效果单一乏味,不妨试试这8个CSS动画库,
2022年08月13日 02:409
-
重绘和回流: repaint(重绘) ,repaint发生更改时,元素的外观被改变,且在没有改变布局的情况下发生,如改变outline,visibility,background color,不会影响
2022年08月13日 00:101
-
盒模型 点击打开视频教程 标准盒模型、怪异盒模型(IE盒模型) 什么是盒模型? 盒模型的作用:规定了网页元素如何显示以及元素间的相互关系 盒模型的概念:盒模型是css布局的基石,它规定了网页元素如何显
-
本文将带大家简单实现一个会动的鸿蒙 LOGO。 emmm,写本文的动机是之前在掘金看到一篇实现鸿蒙 LOGO 的文章 -- 产品经理:鸿蒙那个开场动画挺帅的 给咱们页面也整一个呗 鸿蒙的 LOGO 本
2022年08月11日 22:577
-
在前端开发过程中,我们也有可能遇到噪点插画风格的设计稿,应用基础的前端开发知识,能不能实现噪点风格的样式呢,本文主要内容主要就是通过几个示例来实现几种噪点效果。本文包含的知识点包括:CSS 属性 ma
-
在之前我们已经使用用 / 来进行计算,但如下情况不一样 例如 p{ font: 16px/30px Arial, Helvetica, sans-serif; } 如果需要使用变量,同时又要确保 /
2022年08月07日 20:303
-
粒子动画,顾名思义,就是页面上存在大量的粒子构建而成的动画。传统的粒子动画主要由 Canvas、WebGL 实现。 当然,不使用 HTML + CSS 的主要原因在于,粒子动画通常需要较多的粒子,而如
-
样式的冲突 当我们通过不同的选择器,选中相同的元素,并且为相同的样式设置不同的值时,此时就发生了样式的冲突。 案例一:使用类选择器与元素选择器选中同一元素,设置不同颜色 <!DOCTYPE ht
2022年08月05日 20:108
-
百科简介 层叠样式表 (英文全称:Cascading Style Sheets)是一种用来表现 HTML ( 标准通用标记语言 的一个应用)或 XML (标准通用标记语言的一个子集)等文件样式的计算机
2022年08月05日 02:191
-
本文将介绍一种巧用 background 配合 backdrop- filter 来构建有趣的透视背景效果的方式。 本技巧源自于一名群友的提问,如何构建如 ElementUI 文档的一种顶栏背景特效,
-
	sass 运算符虽然没有像那些编程语言那么强大,但为了更灵活的输出css,也增强了一些运算符的功能,例如赋值运算符、等号操作符、比较运算符、逻辑运算符、字符串运算符...等等,接下来就来详细介绍下
2022年08月03日 16:011
-
1、Element简介 Element是饿了么公司前端开发团队提供的一套基于Vue的网站组件库,用于快速构建网页 Element提供了很多组件(组成网页的部件)供我们使用。 官方网站 https://
-
svg画出半圆?熟记老妹啊! svg中有一个标签path,主要表示路径的意思,当我们画一个半圆的时候,如图:<svg> <!-- 背景布 --> <path d="M 150 0 L 150 200 M 0 100 L 300 100&qu ...
-
视频链接: 黑马程序员pink老师前端入门教程,零基础必看的h5(html5)+css3+移动端前端视频教程_哔哩哔哩_bilibili 1. 表格标签 1.1主要作用 显示和展示数据美观、良好。 1
-
在设计网页的时候常常遇到这种情况:一个元素使用的样式与另一个元素完全相同,但又添加了额外的样式。 通常会在 HTML 中给元素定义两个 class,一个通用样式,一个特殊样式。 普通CSS的实现 接下
-
今天在做css定位的时候遇到一个问题,我想用fixed定位下来,但是发现这个时候定义的百分百宽度不随着父元素走了而是整个屏幕的百分百,这个就很尴尬了,也不能固定宽度吧,毕竟还要宽度自适应。 这个时候发
2022年08月01日 21:307
-
什么时候精灵图呢? 通常在渲染页面的时候,需要服务器向我们发送数据,但有的时候一个页面需要多张图时,服务器就会处于连续发图的工作状态,但如果我们把需要的图都放在一张图上,这样可以大大的减少服务的工作负
2022年08月01日 16:342
-
DAY01 计算机的介绍 特点: 1.可以进行数值计算,可以进行逻辑计算 2.具有存储记忆功能 硬件:看得见,摸得着的 显示器,主机,存储器 软件:看得见,摸不着的 系统软件:操作系统:windows
-
原文链接:基于 Hexo 键入分享功能 前言 本站基于Hexo搭建,用的 &#129419; hexo-theme-butterfly 主题 v3.7.1,请注意最新的&#129419; hexo-t
2022年07月31日 21:304
-
1.shift+alt+f 格式化代码(vscode) 2.css的复合选择器 后代选择器:选后代(不一定是儿子) 空格隔开 如ol li{样式声明} 更好地选择想要的标签 也可以用class表示 如
-
HTML基础 1、HTML的概念和作用 概念 HTML(Hyper Text Markup Language):超文本标记语言 超文本:不仅包含普通文本,还可以包含图片、视频、音频、超链接、表格等内容
2022年07月30日 22:313
-
CSS 基础 1、CSS介绍 CSS概念 Cascading Style Sheet层叠样式表,通过不同的样式可以让网页更漂亮,样式也可叠加得到最终的效果。CSS用于渲染html元素进行样式控制的语言
-
一、什么是CSS CSS是一门语言,用于控制网页表现 样式定义如何显示&#160;HTML 元素 样式通常存储在样式表中,外部样式表可以极大提高工作效率 外部样式表通常存储在&#160;CSS 文件中
-
HTML 一、认识HTML 什么是HTML? HTML 是用来描述网页的一种语言 HTML 指的是超文本标记语言:&#160;HyperText&#160;Markup&#160;Language H
-
PostCSS 是一个允许使用 JS 插件转换样式的工具。这些插件可以检查(lint)你的 CSS,支持 CSS Variables 和 Mixins,编译尚未被浏览器广泛支持的先进的 CSS 语法,
2022年07月26日 15:5944
-
这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 微信支付介绍 微信公众号程序或微信小程序项目中基本都要有微信支付。支付场景基本就是点击支付,然后手机底部拉起输入微信支付密码弹窗,密码输入
-
需求: el-form 每行显示两列,底部按钮居中 问题: 以前的解决办法是: el-col, el-row。但是这里只有一个 el-form-item 的 label 数据是已知的,其余项都是循环得
2022年07月25日 18:09132
-
更新一下以前的知识,虽然现在才学,但是为时不晚,而且这些东西还不得不学,挺经典的,就是不知道当初学基础的时候为什么没有学到这些东西 一.左右两列、一行三列、一行多列、多行多列布局 一行四列还有一行多列
-
原文链接: 基于 Hexo 键入搜索功能 前言 本站基于Hexo搭建,用的 &#129419; hexo-theme-butterfly 主题 v3.7.1,请注意最新的&#129419; hexo-
2022年07月24日 20:511
-
本文,将另辟蹊径,介绍一种使用滤镜去构建圆角的独特方式。 首先,我们来看这样一个图形: 一个矩形,没什么特别的,代码如下: div { width: 200px; height: 40px; back
-
1.下载 下载地址:Download Visual Studio Code VS code,全称Visual Studio Code,是Microsoft(微软)在2015年4月30日发布的,编写现代
2022年07月24日 04:2143
-
阅读本篇前,请先阅读前几篇文章: 基于 Hexo 从零开始搭建个人博客(一) 基于 Hexo 从零开始搭建个人博客(二) 基于 Hexo 从零开始搭建个人博客(三) 基于 Hexo 从零开始搭建个人博
2022年07月22日 21:515
-
Ant Design Vue 是使用 Vue 实现的遵循 Ant Design 设计规范的高质量 UI 组件库,用于开发和服务于企业级中后台产品。 Ant Design Vue 中文文档:Ant-De
2022年07月21日 23:1159
-
第一种:定位+cala(固定宽高) html部分: &lt;div class=&quot;box1&quot;&gt; &lt;div class=&quot;inner&quot;&gt;&lt;
-
在 WeGame 的 PC 端官网首页,有着非常多制作精良的基于滚动的动画效果。 这里我简单截取其中 2 个比较有意思的转场动画,大家感受感受。转场动画 1: 转场动画 2: 是不是挺有意思的,整个动
2022年07月17日 16:586
-
前端周刊:2022-12 期 前端开发 Vue2.7 正式发布! Vue3 的官方跳板 完成第一个 vue3.2 项目后,这是我的技术总结 Vue3 的响应式变量 API 设计的挺难用 Vue2 升级
-
web系统架构体系 B/S(Browser/Server):浏览器实现 优点: 规范、使用方便、本身实现成本低 容易升级、便于维护 缺点: 没有网络,无法使用 保存数据量有限,和服务器交互频率高、耗费
-
css概述 层叠样式表(cascading style sheet) 层叠是指==将多个样式施加在一个元素(标签)上== 作用: 美化页面 将html代码与样式代码分离 好处: 功能强大 分离代码,降
2022年07月16日 20:301
-
1.什么是Thymeleaf Spring Boot 主要支持Thymeleaf、Freenrtarker、Mustache、Groovy Templates 等模板引擎。 Thymeleaf语法并不
2022年07月16日 18:492
-
Cascading Style Sheets(CSS) 1.CSS就是在HTML文档中,如何显示HTML标签,元素,以及他们的样式布局,前端页面的展示形式均由CSS来布局. 2.如何使用CSS 内部样
-
混合指令(Mixin)用于定义可重复使用的样式,避免了使用无语意的 class,比如 .float-left。混合指令可以包含所有的 CSS 规则,绝大部分 Sass 规则,甚至通过参数功能引入变量,
2022年07月14日 17:2010
-
.shawdown{ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 6px 20px 0 rgba(0, 0, 0, 0.1); } 凑字数 凑字数凑字数
2022年07月13日 22:325
-
想要一款专业且易用的代码文本编辑器?小编今天为大家推荐BBEdit Mac版。BBEdit Mac版是专业的HTML文本编辑器,提供丰富的功能,用于编辑,搜索和处理散文,源代码和文本数据。 详情:BB
-
XML 简介 什么是 xml? xml 是可扩展的标记性语言。 xml 的作用? xml 的主要作用有: 1、用来保存数据,而且这些数据具有自我描述性 2、它还可以做为项目或者模块的配置文件 3、还可
2022年07月12日 21:521
-
@import 	Sass 拓展了 @import 的功能,允许其导入 SCSS 或 Sass 文件。被导入的文件将合并编译到同一个 CSS 文件中,另外,被导入的文件中所包含的变量或者混合指令 (
2022年07月12日 17:207
-
在平时,我非常喜欢利用 CSS 去构建一些有意思的图形。 我们首先来看一个简单的例子。首先,假设我们实现一个 10x10 的格子: 此时,我们可以利用一些随机效果,优化这个图案。譬如,我们给它随机添加
2022年07月12日 16:391
-
一、初识HTML 初始基本标签代码解释 点击查看代码 &lt;!--DOCTYPE:告诉浏览器我们要使用什么规范--&gt; &lt;!DOCTYPE html&gt; &lt;html lang=&
2022年07月12日 14:393
-
sass变量同javascript变量,可以用来存储一些信息,并且可以重复使用。sass变量同javascript变量,可以用来存储一些信息,并且可以重复使用。
先来对比一下css中的变量
同css变量对比
CSS 变量是由 CSS 作者定义的,它包含的值可以在整个文档或指定的范 ...
2022年07月11日 18:0915
-
一、Css基本语法 1.Html和Css没分开时 点击查看代码 &lt;!DOCTYPE html&gt; &lt;html lang=&quot;en&quot;&gt; &lt;head&gt;
2022年07月11日 17:404