你的位置:首页 > 软件开发 > 网页设计
  • 【Photoshop】切图保存小坑(选择png格式得到gif问题)
    前端【Photoshop】切图保存小坑(选择png格式得到gif问题) 默认情况下:Photoshop 导出切片为【GIF】格式当你很嗨皮的把【GIF】调整为【PNG】或【JPG】格式,并保存时:你会发现,自己的图片格式莫名其妙还是【GIF】:但,我们的期望是: 原因是“因为 ...
    前端 png2023年02月14日 17:4312
  • vh 存在问题?试试动态视口单位之 dvh、svh、lvh
    大部分同学都知道,在 CSS 世界中,有 vw、vh、vmax、vmin 这几个与视口 Viewport 相关的单位。 正常而言: 1vw 等于1/100的视口宽度 (Viewport Width)
    2023年02月14日 17:4352
  • Css 常用布局方式
    1.CSS 参考手册 2.元素的分类 首先我们要知道一共有几种元素 1.行内元素(可以与其他行内元素位于同一行,不会以新行开始高度、宽度不能设置) 2.块级元素(每个块级元素都从新的一行开始,其后的元
    2023年02月14日 17:4312
  • antd 3.x升4.x踩坑之路~
    我们是袋鼠云数栈 UED 团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。 兼容性问题 第三方依赖兼容问题 React - 最低 v16.9,部
    前端2023年02月14日 17:4339
  • 关于CSS、SCSS、Sass、html单页面使用scss
    本文主要介绍CSS、SCSS、Sass以及html单页面使用scss方法 1.CSS、SCSS、Sass  CSS是开发人员熟知的一种用于页面样式开发的语言,可以通过内容的分离控制减少代码的重复性,降低代码的复杂程度。  Sass与 SCSS 都是 CSS 预处理器,可包含在基于 ...
    2023年02月14日 17:43186
  • CSS-@规则(At-rules)常用语法使用总结
    At-rules规则是目前CSS中一种常见的语法规则,它使用一个"@"符号加一个关键词定义,后面跟上语法区块,如果没有则以分号结束即可。 这种规则一般用于标识文档、引入外部样式、条
    2023年02月14日 17:431
  • Web 页面如何实现动画效果
    Web 页面如何实现动画效果 Web 页面可以使用多种方式实现动画效果,其中最常用的有两种:CSS 动画:通过 CSS 中的 transition 和 animation 属性来实现动画效果。CSS 动画实现起来简单,性能消耗小,支持广泛。JavaScript 动画:通过 Jav ...
    2023年02月14日 17:431
  • 学习html的第一天~
    一个网页有三个部分组成: <html> 最外层的标签 <head> 头部标签,网页的说明 <body> 网页的核心部分,网页的内容(主体) 注释:快捷键 ctrl+
    网页2023年02月14日 17:431
  • 一篇文章带你掌握Flex布局的所有用法
    Flex 布局目前已经非常流行了,现在几乎已经兼容所有浏览器了。在文章开始之前我们需要思考一个问题:我们为什么要使用 Flex 布局? 其实答案很简单,那就是 Flex 布局好用。一个新事物的出现往往
    2023年02月14日 17:4351
  • 现代图片性能优化及体验优化指南
    图片资源,在我们的业务中可谓是占据了非常大头的一环,尤其是其对带宽的消耗是十分巨大的。 对图片的性能优化及体验优化在今天就显得尤为重要。本文,就将从各个方面阐述,在各种新特性满头飞的今天,我们可以如何
    2023年02月14日 17:432
  • Cnblogs博客皮肤开发调试最佳方案
    对Cnblogs博客园主题自建站美化,生产环境部署,开发环境调试给出最佳实现方案。 Cnblogs博客园支持自定义js来美化站点(需要申请JS权限),可以将主题托管到自己的云资源或CDN加速节点节点上。例如我的网站为 www.example.com(IP或其它host),我将编译 ...
    2023年02月14日 17:430
  • 面试官问我:CSS有哪些属性可以继承?
    摘要:本文带大家学习一下关于CSS属性的继承。 本文分享自华为云社区《关于CSS有哪些属性可以继承?》,作者:黛琳ghz。 前言 今天遇到一个很有意思的题目,通过题目可以顺便学习一下关于CSS属性的继
    2023年02月14日 17:439
  • Jest + React 单元测试最佳实践
    我们是袋鼠云数栈 UED 团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。 前言 单元测试是一种用于测试“单元”的软件测试方法,其中“单元”的意
    前端2023年02月14日 17:4316
  • 云小课|使用SpringBoot快速构建FunctionGraph HTTP函数
    阅识风云是华为云信息大咖,擅长将复杂信息多元化呈现,其出品的一张图(云图说)、深入浅出的博文(云小课)或短视频(云视厅)总有一款能让您快速上手华为云。更多精彩内容请单击此处。 摘要:本篇云小课主要指导
    2023年02月14日 17:430
  • meta标签几个常用方法!
    <!-- 设置页面编码格式,中文问题--> <meta http-equiv="Content-Type" content="text/html; ch
    2022年12月07日 17:2112
  • markdown小小白常用语法
    第一次用vscode写笔记去同步Cnblog,不知道写啥就记点常用的md语法吧 1. 标题怎么写? 利用“#” + “ ” 即可实现第几节标题(其中'/',表转义) > # ti
    2022年12月07日 17:213
  • 不用USB,通过adb无线调试安卓手机页面
    以前真机调试手机页面,都是使用数据线连接手机和电脑,近日身边没有USB数据线,折腾了下如何不依赖数据线只用无线调试手机页面,教程如下。 本教程适用于安卓11以及以上版本。否则应该使用USB数据线连接。
    手机2022年12月07日 17:2173
  • 54个CSS重难点整理,12-24篇,进阶高薪必需要掌握的知识点
    本次我把CSS中的重难点整理出来,总共54个核心知识点,供大家复习,希望能帮到大家。这些重难点是进阶高薪必需要掌握的知识点,同时也是面试必问的内容。
    2022年12月07日 17:214
  • Springboot实现HTML表单from简单的接收信息
    HTML< from >元素 from可向Web服务器提交请求 普遍格式: <from action="服务器地址" method="请求方式&quot
    2022年12月06日 18:3365
  • 除了 filter 还有什么置灰网站的方式?
    大家都知道,当一些重大事件发生的时候,我们的网站,可能需要置灰,像是这样: 当然,通常而言,全站置灰是非常简单的事情,大部分前端同学都知道,仅仅需要使用一行 CSS,就能实现全站置灰的方式。 像是这样
    前端 filter2022年12月06日 18:331
  • 学前端到了CSS阶段,你一定要掌握这9大防御式开发技能
    一、什么是防御式编程 防御性编程是一种细致、谨慎的编程方法(习惯)。我们在写代码时常会有“以防万一”的心态,把以防万一有可能出现的情况提前考虑进去,规避以免以防万一出现带来的问题。 应用防御性编程技术
    前端2022年12月06日 18:331
  • 前端学习路线及第一天学习
    一、学习路线 1.HTML5+CSS3 黑马程序员pink老师前端入门教程,零基础必看的h5(html5)+css3+移动端前端视频教程_哔哩哔哩_bilibili 2.JavaScript Java
    前端2022年12月06日 18:332
  • Web前端进阶高薪必会的54个CSS重难点知识梳理(1)
    本次我把CSS中的重难点整理出来,总共54个核心知识点,供大家复习,希望能帮到大家。这些重难点是进阶高薪必需要掌握的知识点,同时也是面试必问的内容。 因为涉及的内容较多,我分5篇内容发出来,好逐一进行
    前端 Web前端2022年12月06日 18:333
  • 浏览器DevTools使用技巧
    我们是袋鼠云数栈 UED 团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。 本文作者:正则 作为一名前端开发人员,平时开发中使用最多的就是 Ch
    前端2022年12月06日 18:3325
  • 现代 CSS 之高阶图片渐隐消失术
    在过往,我们想要实现一个图片的渐隐消失。最常见的莫过于整体透明度的变化,像是这样: <div class="img"></div> div { width:
    div2022年12月06日 18:3311
  • web系统添加盲水印
    前言 为增加系统安全性,避免重要敏感信息通过截图方式泄露,对web页面增加盲水印标识,标注系统名称,登陆人,当前时间等信息,这里的盲水印指肉眼不可见的html水印 增加水印 引入watermark.j
    2022年11月30日 17:2929
  • CSS中的元素显隐方法汇总
    最近在拜读张鑫旭大神的《CSS世界》,其中很多思维非常值得借鉴学习,特别是对CSS控制显隐的总结,非常到位,记录一下 使用CSS让元素不可见的方法很多,剪裁、定位到屏幕外、明度变化等都是可以的。虽然它
    2022年11月30日 17:292
  • CSS伪类使用详解
    基本描述 CSS伪类是很常用的功能,主要应用于选择器的关键字,用来改变被选择元素的特殊状态下的样式。 伪类类似于普通CSS类的用法,是对CSS选择器的一种扩展,增强选择器的功能。 目前可用的伪类有大概
    2022年11月30日 17:298
  • 记录--两行CSS让页面提升了近7倍渲染性能!
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前言 对于前端人员来讲,最令人头疼的应该就是页面性能了,当用户在访问一个页面时,总是希望它能够快速呈现在眼前并且是可交互状态。如果页面加载
    前端2022年11月30日 17:293
  • 情侣纪念日网站html5源码教程
    个人名片: 对人间的热爱与歌颂,可抵岁月冗长:sun_with_face: Github👨🏻‍💻:念舒_C.ying CSDN主页✏️:念舒_C.yin
    2022年11月25日 16:1637
  • 记录--uniapp 使用原生子窗体进行视频聊天
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 现在 uniapp 开发的实时音视频聊天类的 APP 大部分都要在 nvue 页面上进行开发。虽然 nvue 与 vue 的区别不是很大,
    2022年11月25日 16:153
  • 关于GET/POST请求传输时URL编码的介绍记录随笔
    UTF-8编码的汉字:少数是汉字每个占用3个字节,多数占用4个字节 # GET请求编码 Chrome会先把URL中非ASCII字符按照某种编码格式(谷歌浏览器是UTF-8)编码成byte数组后,然后转
    2022年11月24日 14:3461
  • 快速构建页面结构的 3D Visualization
    对 Chrome 扩展功能熟悉的小伙伴,可能都有用过 Chrome 的 3D 展示页面层级关系这个功能。 可以通过 控制台 --> 右边的三个小点 --> More Tools --&gt
    2022年11月24日 14:341
  • 巧用css属性white-space展示文本
    写在前面的话 大多数标签在展示文本内容的时候都会默认把文本中的空白和换行符去掉,这的确大大的使得文本的排版更加美观了,也怎加了区域的利用率,可是就有一些需求是需要原原本本的展示出原汁原味的文本格式。那
    2022年11月24日 14:344
  • UED Landing 页
    我们是袋鼠云数栈 UED 团队,致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神,探索前端道路,为社区积累并传播经验价值。 本文作者:琉易 https://liuxianyu.cn 本次分享基
    前端2022年11月18日 15:356
  • 在线客服系统源码开发实战总结:渐变色效果的实际运用效果
    css里面有个背景色渐变色的效果,我们能拿来做什么呢 现在就演示下,我在开发此页面时所实际实现的样子 演示页面-唯一在线客服系统 实现代码很简单,效果还是很不错: background: l
    2022年11月15日 10:101
  • 在线客服系统源码开发实战总结:官网首页视频大背景循环播放效果实现
    俗话说,人靠衣装,马靠鞍。官网首页是产品或公司的脸面,必须要大气。 原来旧版的支付宝首页,有个大视频作为页面背景一直播放展示,效果很赞,所以实现了下 https://gofly.v1kf.com 先看
    2022年11月14日 11:381
  • CSS基本用法
    1、什么是CSS Cascading Style Sheet 级联样式表。 表现HTML或XHTML文件样式的计算机语言。 包括对字体、颜色、边距、高度、宽度、背景图片、网页定位等设定。 2、CSS的
    网页 XHTML2022年11月08日 16:3910
  • 怎么样子盒子能撑起父盒子?浮动,BFC,边距重叠
    怎么样子盒子能撑起父盒子? 从行内元素跟块元素来看: 一般情况下,行内元素只能包含数据和其他行内元素。 而块级元素可以包含行内元素和其他块级元素. 块级元素内部可以嵌套块级元素或行内元素。 建议行内元
    2022年11月08日 15:292
  • css3写一个加载动画
    先制作一个正方形,让圆点在正方形的最外侧 <style> body { margin: 0; } .loading { width: 200px; height: 200px; backg
    2022年11月08日 15:291
  • 现代 CSS 指南 -
    大部分同学都用过 CSS 的屏幕宽度媒体查询,像是这样: @media screen and (min-width: 900px) { div { padding: 1rem 3rem; } } 这里
    div2022年11月08日 15:2961
  • 前端面试HTML和CSS总结,这一篇就够了!
    一,面试基础 HTML和CSS ps:这俩面试答不上来的,基本就可以回去了,以下是HTML题,一般来说这地方不会出太多题,面试官也不愿意花太多时间在这上面。 1,HTML语义化,如何理解语义化? 让人
    前端2022年11月08日 15:291
  • HTML介绍
    目标: 会使用HTML5的基本结构创建网页 会使用文本相关标签排版文本信息 会使用图像相关标签实现图文并茂的页面 会使用标签创建超链接、锚链接及功能性链接 1、什么是HTML HTML:Hyper T
    网页2022年11月08日 15:293
  • HTML基本结构与标签
    1、HTML基本结构 HTML网页基本结构 HTML标签都以“< >”开始、“</ >”结束 网页中所有的内容都放在之间 网页基本信息 <!DOCTYPE html&gt
    腹白 博客 网页2022年11月08日 15:292
  • 列表、表格与媒体元素
    1、列表 无序列表和定义列表在网页制作中应用非常广泛 什么是列表: 列表就是信息资源的一种展示形式。它可以使信息结构化和条理化,并以列表的样式显示出来,以便浏览者能更快捷地获得相应的信息。 无序列表
    网页2022年11月08日 15:291
  • 表单
    1、表单语法 method: 规定如何发送表单数据常用值:get post 在实际网页开发中通常采用post方式提交表单数据 action: 表示向何处发送表单数据 <form method=&
    网页2022年11月08日 15:291
  • html笔记2
    1、媒体元素 音频和视频 <!-- 音频和视频 src:资源路径 controls:控制条 autoplay:自动播放--> <video src="" cont
    2022年11月08日 15:293
  • rem布局实现静态页面之适配方案1
    这部分内容是最近重新复习移动端,做页面时的笔记,这是发布的第一篇关于rem布局实现。内容大致分为页面实现过程中的重新复习到的不确信内容和未掌握内容,和在页面实现中出现的问题和解决。 技术选型 方案:采
    2022年11月02日 10:547
  • JS 和 CSS 小结
    JS 和 CSS 学习小结 JavaScript(js)html中嵌入js代码的三种方式js函数定义的两种方式js中的6种数据类型以及typeof运算符6种结果js中常用事件以及两种事件注册方式回车键捕捉以及void运算符唯一用法控制语句获取和设置各标签属性innerText和i ...
    2022年11月02日 10:542
  • 行内元素&块级元素的水平垂直居中方法
    今天实习面试的时候,问到了这个问题,一时间只是知道块元素的方法,行内的方法知道但是觉得那是控制文字的显示方法,犹豫没有说。面试官接着就问了我行内元素跟块级元素的区别。下面是整理。 行内元素&块
    2022年11月02日 10:541
  • 我的 React 最佳实践
    There are a thousand Hamlets in a thousand people's eyes. 威廉·莎士比亚 免责声明:以下充满个人观点,辩证学习 React
    2022年11月02日 10:541
  • 1.4 超链接
    《HTML5基础学习》1. HTML基础 1.4 了解超链接的基础使用 1.4 超链接1.4.1 基础语法基础语法: <a href="网页地址"> </a>拓展参数: <a href="网页地址" targe ...
    网页2022年10月31日 14:463
  • 1.1 仿百度Web Day1
    《Web开发基础学习》1. 仿百度案例 1.1 Day1 | 搭建基础框架 Day1根据自己的垃圾html+css水平写出了下面这个页面:首先, 首部的超链接都能够链接上, 但是不会[更多]的弹出窗口, 右面的天气/设置/个人也没有做, 不会怎么去调用中间的图片和搜索栏能够正常使 ...
    2022年10月31日 14:465
  • 转载:HTML代码简写法:Emmet和Haml
    HTML代码简写法:Emmet和Haml 作者: 阮一峰 日期: 2013年6月11日 HTML代码写起来很费事,因为它的标签多。 一种解决方法是采用模板, 在别人写好的骨架内,填
    2022年10月31日 14:460
  • 1.2 仿百度Web Day2
    《Web开发基础学习》1. 仿百度案例 1.2 Day2 | 修改导航栏使用, 添加下拉菜单 Day2和前一天的页面一样, 但是改了一些规范, 并且加上了弹出框(简陋版).主要是改了首尾的引航栏, 将原来的直接使用a标签变成使用ul>(li>a)标签成果修改了首尾的引 ...
    2022年10月31日 14:460
  • 前端开发日常——CSS动画无限轮播
    近来没有什么值得写的东西,空闲的时候帮前端的同学做了些大屏上的展示模块,就放在这里写写吧,手把手“需求->设计-> 实现”,受众偏新手向。 为了直观便于理解, 直接把结果贴在上面。 如上所
    前端2022年10月29日 16:4224
  • 为自己的博客园添加motto漂浮效果^_^
    下面是我自己写的一个功能,先分析下思路: 效果使用@keyframes帧动画,属性使用opacity和transform motto是有限的,而漂浮是无限的,需要循环有限的motto不断创建新的漂浮
    2022年10月29日 16:421
  • 设置Radio button 和Checkbox 在disabled 状态的样式
    有时需要在view页面设置标签的状态为disabled,但是客户反映radio button和checkbox的颜色很浅,难以识别,尤其是打印后,如下: 可以使用下面的css更改原有的样式input[
    2022年10月29日 16:42111
  • 【前端必会】CSS动画,的确很简单
    #背景 用css动画让你的页面交互动起来 #开始 <body> <button id="button">开始</button> <div
    前端 div2022年10月29日 16:421
  • 带你认识什么是“回流重绘”
    摘要:要想减少回流和重绘的次数,首先要了解回流和重绘是如何触发的。 本文分享自华为云社区《前端页面之“回流重绘”》,作者:CoderBin。 “回流重绘”是什么? 在HTML中,每个元素都可以理解成一
    前端2022年10月29日 16:421