你的位置:首页 > 软件开发 > 网页设计
  • 【最全】CSS盒子(div)水平垂直居中居然还有这种方式
    最全的CSS盒子(div)水平垂直居中布局,想不到水平垂直居中居然还有这种方式,对CSS 布局掌握程度决定你在 Web 开发中的开发页面速度。
    div2022年07月11日 03:216
  • 纯前端实现-tab卡片化样式切换
    纯前端实现-tab卡片化样式切换 html内容 <!DOCTYPE html> <html> <head> <meta charset="utf-8
    前端2022年07月11日 02:393
  • 高阶切图技巧!基于单张图片的任意颜色转换
    今天,要介绍一种基于 CSS mask-composite 的高级技巧。 通过掌握它,我们可以通过一张 图片,得到关于它的各种变换,甚至乎,得到各种不同颜色的变换。 通过单张 PNG/SVG 得到它的
    svg png2022年07月10日 17:390
  • sass语法嵌套规则与注释讲解
    语法嵌套规则 选择器嵌套 例如有这么一段css,正常CSS的写法 .container{width:1200px; margin: 0 auto;} .container .header{height
    2022年07月10日 15:391
  • CSS进阶内容——布局技巧和细节修饰
    CSS进阶内容——布局技巧和细节修饰 我们在之前的文章中已经掌握了CSS的大部分内容,但仍有一些内容我们没有涉略,这篇文章就是为了补充前面没有涉及的内容,为我们的知识做出补充并且介绍一些布局技巧 当然
    2022年07月09日 20:400
  • thymeleaf实现前后端数据交换
    1.前端传数据后端接收: 用户在登录界面输入用户名和密码传给后端controller,由后端判断是否正确! 在html界面中要传递的数据name命名,通过表单的提交按钮会传递给响应的controlle
    前端2022年07月08日 16:3922
  • CSS进阶内容—浮动和定位详解
    CSS进阶内容—浮动和定位详解 我们在学习了CSS的基本知识和盒子之后,就该了解一下网页的整体构成了 当然如果没有学习之前的知识,可以到我的主页中查看之前的文章:秋落雨微凉 - 博客园 CSS的三种布
    网页2022年07月08日 00:107
  • JS 从屏幕上下左右滑入滑出效果
    从屏幕上下左右滑入滑出效果,代码比较粗糙,但是效果已实现 需要注意的是,从屏幕右边和下边滑入的时候,需要给滑动的容器外面再加一个容器,加样式 position: fixed; 让它
    2022年07月07日 23:304
  • 记录--浏览器渲染流程解析
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 大家可能经常会听到 css 动画比 js动画性能更好这样的论断,或者是“硬件加速”,“层提升” 这样的字眼;要了解这些内容就需要对浏览器的
    2022年07月07日 21:5010
  • sass的几种输出格式,你都知道吗
    Sass编译输出的CSS格式可以自定义。
有4种输出格式:
- :nested – 嵌套格式
- :expanded – 展开格式
- :compact – 紧凑格式
- :compressed –
    2022年07月07日 21:1010
  • CSS之行内元素排列之间的缝隙问题及解决方案
    1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="U
    2022年07月07日 18:1029
  • 公众号 H5 测试号 注册 和 授权 获取code 前端部分
    @(公众号测试号H5授权《前端》) Tips:因为申请公众号需要 ¥300。 so 我用的是测试号。【白嫖永远不亏】 需要注意的是 测试号是和个人微信号关联起来的,不是公众号主体关联。。也就
    前端2022年07月07日 16:414
  • CSS进阶内容—盒子和阴影详解
    CSS进阶内容 在学习了CSS基本知识之后,我们需要进一步了解CSS,因此写下了这篇文章 当然如果没有学习之前的知识,可以到我的主页中查看之前的文章:秋落雨微凉 - 博客园 CSS三大特性 首先我们先
    2022年07月07日 16:412
  • vscode的安装、切换为中文简体、集成sass
    VScode设置中文 打开vscode ,按快捷键“Ctrl+Shift+P” 输入configure language,回车 选择安装其他语言 (默认是英文的) 选择简体中安装(荧光笔标注的地方)
    2022年07月06日 20:515
  • HTML知识点概括——一篇文章带你完全掌握HTML
    HTML知识点概括 前端三件套分别是HTML3,CSS5,JavaScript 稍微介绍一下W3C标准: 结构化标准语言(HTML) 表现标准语言(CSS) 行为标准(DOM,JavaScript)
    前端2022年07月06日 14:390
  • jQuery datatable 表头表体生成滚动条
    jQuery datatable 表头表体生成滚动条 一、场景介绍 在实际开发工作中,前端会使用“jQuery datatable” 表格插件来做数据的展示,但是遇到如下2种场景就很难受了 (1) 数
    前端2022年07月05日 18:0950
  • Matery主题自定义(一)黑夜模式
    黑夜模式 作为一个前端学习者,自然懂得黑夜模式的重要性,可惜主题原生未提供,那就自己弄吧 个人博客作为效果参考:https://jieniyou.github.io/ 设置基础样式 参考其他优秀产品的
    前端2022年07月04日 22:534
  • 使用纯 CSS 实现超酷炫的粘性气泡效果
    最近,在 CodePen 上看到这样一个非常有意思的效果: 这个效果的核心难点在于气泡的一种特殊融合效果。 其源代码在:CodePen Demo -- Goey footer,作者主要使用的是 SVG
    svg2022年07月04日 16:4011
  • 【前端面试】(七)如何用纯CSS绘制三角形
    视频链接: 如何用纯CSS绘制三角形 - Web前端工程师面试题讲解 首先先看一下例子: 1.html: <!DOCTYPE html> <html lang="en&qu
    前端 Web前端2022年07月01日 18:0023
  • 【黑马pink老师的H5/CSS课程】(二)标签与语法
    视频链接:P8~P29 黑马程序员pink老师前端入门教程,零基础必看的h5(html5)+css3+移动 参考链接: HTML 元素 1.HTML语法规范 1.1 基本语法概述 HTML 标签是由尖
    前端2022年06月29日 18:313
  • 超 Nice 的表格响应式布局小技巧
    今天,遇到了一个很有意思的问题,一名群友问我,仅仅使用 CSS,能否实现这样一种响应式的布局效果: 简单解析一下效果: 在屏幕视口较为宽时,表现为一个整体 Table 的样式 而当屏幕视口宽度较小时,
    2022年06月28日 18:493
  • CSS画三角形,圆形,椭圆,圆角长方形
    1、CSS画一个三角形:(div宽高为0,border存在且颜色不一) step1: 设置宽度,高度为 0 的一个div盒子; step2: 为了方便理解,将盒子的 4 个边框分别设置一样的宽度bod
    div2022年06月27日 23:5114
  • 前端 Git-Hooks 工程化实践
    前言 前段时间,部门的前端项目迁移到 monorepo 架构,笔者在其中负责跟 git 工作流相关的事情,其中就包括 git hooks 相关的工程化的实践。用到了一些常用的相关工具如 husky、l
    前端2022年06月27日 20:3012
  • 最流行的WebAssembly Web开发框架: Blazor
    最新的一份《The State of WebAssembly 2022》调查报告已出炉,“对于 WebAssembly 来说,这是相当不错的一年”。报告的一些重点内容包括:Rust 的使用率和渴望度持
    2022年06月27日 14:594
  • [前端小项目] 扩展卡片 Expanding Cards(50projects50days)
    📄前言 这个小项目源于github项目:✨50 projects 50 days, 这个项目包含了50个小型前端项目,适合学习了Html+Css+JavaScript但是还没有学习框架
    前端2022年06月26日 05:209
  • 对vue响应式的理解
    1、所谓数据响应式就是能够使数据变化可以被检测并对这种变化做出响应的机制。 2、MVVM框架要解决的一个核心问题是连接数据层和视图层,通过数据驱动应用,数据变化,视图更新,要做到这点的就需要对数据做响
    2022年06月22日 01:390
  • CSS SandBox
    引言 本篇文章主要介绍的是关于CSS Sandbox的一些事情,为什么要介绍这个呢?在我们日常的开发中,样式问题其实一直是一个比较耗时的事情,一方面我们根据 UI 稿不断的去调整,另一方面随着项目越来
    2022年06月21日 16:001
  • 20220621学习HTML笔记
    文本格式化标签 语义 标签 加粗 <strong> <b> 倾斜 <em> <i> 删除线 <del> <s> 下划线 <
    2022年06月21日 03:406
  • vue2升级vue3:Vue2/3插槽——vue3的jsx组件插槽slot怎么处理
    Vue3(其实从2 6开始)中引入了一个新的指令v-slot,用来表示具名插槽和默认插槽,可以在slot容器上使用v-slot来表示一个传入组件的插槽,通过指令参数来表示插槽的名称。 vue temp
    2022年06月21日 02:0013
  • 有意思的鼠标指针交互探究
    今天,来实现这样一个有意思的交互效果: 将原本的鼠标指针样式,修改成自己想要的效果,并且添加上一些特殊的交互效果。 修改鼠标样式 首先,第一个问题,我们可以看到,上图中,鼠标指针的样式被修改成了一个圆
    2022年06月20日 17:002
  • HTML:2.基本结构
    HTML基本结构 HTML初识 HTML(Hyper Text Markup Language):超文本标记语言 所谓超文本,有2层含义: 它可以加入图片、声音、动画、多媒体等内容(超越文本限制 )
    2022年06月19日 14:392
  • HTML:1.初识web
    认识WEB **「网页」**主要是由文字、图像和超链接等元素构成,当然除了这些元素,网页中还可以包括音频、视频以及Flash等。 **「浏览器」**是网页显示、运行的平台。 「浏览器内核」(排版引擎、
    网页 Flash2022年06月19日 04:212
  • HTML-知识点总结
    HTML各知识点总结: 基本标签 标题标签、段落标签、换行标签、水平线标签、字体样式标签、注释和特殊符号 网页插入 图像、超链接,视频、音频、列表、表格、表单、内联框架等 超链接 锚链接、功能性链接
    网页2022年06月19日 00:530
  • springboot整合ueditor实现图片上传和文件上传功能
    springboot整合ueditor实现图片上传和文件上传功能 写在前面: 在阅读本篇之前,请先按照我的这篇随笔完成对ueditor的前期配置工作: springboot+layui 整合百度富文本
    2022年06月16日 04:01106
  • html关键字大全
    html关键字大全,汇集所有html关键字的说明、用法html标签属性大全html标签属性大全从网上搜集整理的常用html标签,供朋友们交流学习html用。 html标签<marquee> <marquee>...</marquee>普通卷动 ...
    2022年06月16日 01:119
  • Emmet快速生成HTML代码的常用语法总结
    前言 Emmet是一款文本编辑器/IDE的插件,用来快速生成复杂的HTML代码,只要掌握一些常用的语法(类似于CSS选择器),就可以减少重复编码的工作,真的提升开发效率之利器。 所有的操作都是按下ta
    2022年06月16日 01:111
  • 打字练习-编程语言关键字系列-html
    以下是小编整理的部分html关键字,专门给有需要的朋友进行打字练习用,通过打字练习的方式,既提高了打字速度,又可以熟悉html关键字~~~ www, url, http, W3C, html, htm
    2022年06月15日 22:133
  • HtmlParse:一款超轻量级的HTML文件解析和爬取工具
    HtmlParse 是一款基于windwos平台的HTML文档解析工具,可快速构建DOM树,从而轻松实现网页元素的爬取工作。DOM树就是一个HTML文档的节点树,每个节点由:标签(Tag)、属性(At
    网页2022年06月13日 18:100
  • 使用 content-visibility 优化渲染性能
    最近在业务中实际使用 content-visibility 进了一些渲染性能的优化。 这是一个比较新且有强大功能的属性。本文将带领大家深入理解一番。 何为 content-visibility? co
    2022年06月13日 17:012
  • 个人音乐博客 h5、css和js等
    浅说一下吧 这个小项目由h5和css还有js和jq写的 主题内容为个人音乐 博客等 首页一级导航栏 以及侧边栏 整合部分图标(侧边栏未添加收起操作 时间原因 会的朋友们可以自行添加一个动画就可以 在m
    2022年06月11日 00:4910
  • CSS 技术
    浏览本篇文章前可以先看之前的前端网页介绍和html常用标签以便更容易理解 本文目录: CSS相关查阅文档:https://kohler.lanzouo.com/i0XFcz8svob 文档截图 CSS
    前端 网页2022年06月10日 23:502
  • springboot+layui 整合百度富文本编辑器ueditor入门使用教程(踩过的坑)
    springboot+layui 整合百度富文本编辑器ueditor入门使用教程(踩过的坑) 写在前面: ​	富文本编辑器,Multi-function Text Editor, 简称 MTE, 是一
    2022年06月10日 06:0030
  • 购买服务器与域名搭建个人网站
    基于Linux环境下的个人网站搭建 一.下载工具 远程主机: 1.jdk 下载地址 下拉网页看到Java SE 8u221,选择服务器 JRE 选择linux.tar.gz文件下载 o 2.tomca
    网页2022年06月10日 03:403
  • 关闭StackExchange等平台的privacy收集窗口
    StackOverflow和StackExchange等等都是程序员常用的问题反馈和解决平台,相当于是专业性更强的知乎。但是很多类似的网站界面打开后总是有一个privacy收集的窗口无法关闭,在很大情
    overflow2022年06月08日 21:300
  • 利用Hugo与GitHub仓库搭建免费的个人博客
    保姆级 基于Win10环境下的Hugo免费博客搭建 软件下载 Hugo下载地址:Hugo git下载地址:git,建议先注册GitHub账号。 推荐编辑器vs code,下载地址:vs code 配置
    2022年06月08日 04:013
  • 前端周刊:2022-10 期
    前端周刊:2022-10 期 前端开发 现在 vue3+vite2 成熟了吗,可以用在生产环境吗? Vue3 确实还是有问题 百度统计支持单页应用啦 单页应用设置 首个彻底解决缓存和数据库一致性问题的
    前端2022年06月06日 22:114
  • 文字轮播与图片轮播?CSS 不在话下
    今天,分享一个实际业务中能够用得上的动画技巧。 巧用逐帧动画,配合补间动画实现一个无限循环的轮播效果,像是这样: 看到上述示意图,有同学不禁会发问,这不是个非常简单的位移动画么? 我们来简单分析分析,
    2022年06月06日 16:401
  • 前端标签
    标签+元素 1.标题标签 段落标签<h1> 一级标题 <h1><h2> 二级标题 <h2><h3> 三级标题 <h3><h
    前端2022年06月06日 00:510
  • 博客园测试
    摘要1一、开发背景产品出设计稿要求做一个仿原生app短信验证码组件,花了两小时搞出来一个还可以的组件,支持屏幕自适应,可以用于弹出框,或自己封装的vue组件里,希望可以帮助那些被产品压榨的同学,哈哈。😄其核心思想就是利用一个输入框使用css3,translate属性,每输入一次 ...
    2022年05月31日 00:510
  • 纯原生html编写的h5视频播放器
    #snail-player-native 一个纯原生代码编写的h5视频播放器, 功能完善,基本满足使用,仅供学习,禁止商用 演示 演示加速 Install 1. git clone https://g
    2022年05月30日 05:013
  • 部分Html元素汇总
    #部分HTML元素汇总 HTML4结构元素 中文释义 HTML4结构元素 中文释义 div 在文档中定义一块区域,既包含框、容器。 dd 对定义的词条进行解释。 ol 根据一定的排序进行列表。 hr
    div2022年05月29日 21:352
  • 前端周刊:2022-9 期
    前端周刊:2022-9 期 前端开发 网络视频的防盗与破解 网络视频(Web 视频)是指利用 HTML5 技术在浏览器中播放的视频,这类视频资源通常可以被随意下载,某些行业(比如教培行业)如果希望保护
    前端2022年05月29日 20:311
  • CSS 选择器以及优先级
    1. id选择器 <style> #container { width: 100px; } </style> <body> <div id="con
    div2022年05月29日 20:304
  • js颜色调试器
    1 /* ColorTestViewer 颜色调试器 2 3 attribute: 4 onchange: Function; //颜色改变回调; 默认null 5 6 //以下属性不建议直接修改 7
    2022年05月27日 19:105
  • 字符集和编码区别以及HTML/JS/CSS实体字符的表示
    1.字符集/字符编码是什么? 字符集或者说字符编码就是给字符定义了数值编号以及数值编号存储格式。 严格来说字符集和字符编码是两个概念: charset 是 character set 的简写,即字符集
    2022年05月27日 08:006
  • 相对路径和绝对路径的区别
    转自: http://www.java265.com/JavaMianJing/202205/16531443813446.html 下文笔者讲述相对路径和绝对路径的区别,如下所示 1.绝对路径 绝对
    2022年05月25日 03:391
  • 纯CSS如何禁止用户复制网页的内容?
    大家好,我是半夏👴,一个刚刚开始写文的沙雕程序员.如果喜欢我的文章,可以关注➕ 点赞 👍 加我微信:frontendpicker,一起学习交流前端,成为更优秀的工程师~
    前端 网页2022年05月25日 03:200
  • Bootstrap table 控制表格高度固定(行高固定)并且不受数据量影响
    好久没有用bootstrap table来做表格了,今天需求来了个表格,在加载表格并且绑定数据之后就发现了一个样式上的问题。数据在只有一条的时候,会直接占满整个表格高度。如图: 很明显,这是不合理的。
    2022年05月24日 23:52205
  • 好用的微信小程序日历组件(可滑动,可展开收缩,可标点)
    ###效果图 ###组件介绍 原生小程序编写,简单轻便,拿来即用。 gitee地址:https://gitee.com/qq_connect-EC6BCC0B556624342/wx-calendar
    2022年05月23日 23:5131
  • 妙啊!动画还可以这样控制?
    今天,有在群里看到这样一个问题:有一个动画,一开始静止处于第一帧,只在用户 hover 的时候运行动画,在运行一次后停止,并且停留在最后一帧,使用 CSS 可以完成么? 像是这样: 一个非常有意思的问
    2022年05月23日 17:010