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