你的位置:首页 > 软件开发 > 网页设计
  • 超强的纯 CSS 鼠标点击拖拽效果
    背景 鼠标拖拽元素移动,算是一个稍微有点点复杂的交互。 而在本文,我们就将打破常规,向大家介绍一种超强的仅仅使用纯 CSS 就能够实现的鼠标点击拖拽效果。 在之前的这篇文章中 -- 不可思议的纯 CS
    2022年10月29日 16:423
  • uni-app 如何优雅的使用权限认证并对本地文件上下起手
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 1.起因 最近有一个需求,需要使用自定义插件,来对接硬件功能,需要配合对手机的权限进行判断和提示,并在对接后对本地文件进行操作,这里给大家
    手机2022年10月29日 16:42116
  • HTTPS实现原理分析
    概述 在上一节中介绍了两种加密方法 对称加密 非对称加密 其中对称加密性能高,但是有泄露密钥的风险,而非对称加密相反,加密性能较差,但是密钥不易泄露,那么能不能把他们进行一下结合呢? HTTPS采用混
    2022年10月29日 16:421
  • 记录--关于 HTML5 LocalStorage 的 5 个不为人知的事实
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 LocalStorage 是HTML5中一个方便使用的 API,它为 Web 开发人员 提供了一个易于使用的5MB的存储空间。使用 Loc
    2022年10月29日 16:423
  • 记录--有关CSS盒模型之内边距、边框、外边距的十九问题
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 本篇文章主要探讨盒模型,以及内边距、边框、外边距的面试题与思考,也希望您能把您的思考和遇到的问题以评论的方式补充下,后期,我将会补充到文章
    2022年10月29日 16:422
  • 超强的苹果官网滚动文字特效实现
    每年的苹果新产品发布,其官网都会配套更新相应的单页滚动产品介绍页。其中的动画特效都非常有意思,今年 iPhone 14 Pro 的介绍页不例外。 最近,刚好有朋友问到,其对官网的一段文字特效特别感兴趣
    2022年10月29日 16:429
  • Typora设置代码块Mac风格三个圆点
    🤡老师说过没考上湖南大学但也要去人学校走走啊!咱就说没买Mac也要玩玩呀! 写作不停,美化不止!mac小圆点效果原本代码块样式就挺....干净的,光秃秃的,太单调了:是吧很丑,于是自己发挥改成了这样:好吧还是太单调,也没好看到哪里去,于是隔了两天又重新改,DuangDuangD ...
    Mac2022年10月29日 16:42108
  • 人人都懂的HTML基础知识-HTML教程(1)
    HTML (HyperText Markup Language,超文本标记语言) 不是一门编程语言,而是一种用于定义内容结构的标记语言,用来描述网页内容,文件格式为.html。HTML 由一系列的元素
    网页2022年10月29日 16:422
  • 2022年了你还不了解加解密吗
    前言 加密解密是前后端开发经常需要使用到的技术,应用场景包括不限于用户鉴权、数据传输等,不同的应用场景也会需要使用到不同的签名加密算法,或者需要搭配不一样的签名加密算法来达到业务目标。所以了解加解密,
    2022年10月29日 16:424
  • HTML元素大全(1)
    01、基础元素 <h1/2/3/4/5/6>标题 从大h1到小h6,块元素,有6级标题。是一种标题类语义标签,内置了字体、边距样式。 合理使用h标签,主要用于标题,不要为了加粗效果而随意使
    2022年10月29日 16:418
  • css命名
    BEM是一种CSS命名规范。 BEM代表 “块(block),元素(element),修饰符(modifier)”。 好处: 摆脱特异性的困扰 修复继承问题 停止担心命名 在选择器中,由以下三种符号来
    2022年10月29日 16:410
  • HTML元素大全(2)-表单
    01、<form>表单 <form> 表单是比较重要的HTML元素,块元素,主要作用是向服务端提交数据。结合表单元素input使用,通过内部的button按钮提交(type=&
    2022年10月29日 16:410
  • 表格,表单(单选框,复选框,下拉菜单)
    表格基本不使用了,用列表来代替,表格缓存太慢,列表是一列一列缓冲的 密码里将默认的type类型test换成password(密码),可以隐藏输入的密码 单选框 type更改后,默认的框发生变化,rad
    2022年10月29日 16:412
  • CSS 渐变锯齿消失术
    在 CSS 中,渐变(Gradient)可谓是最为强大的一个属性之一。 但是,经常有同学在使用渐变的过程中会遇到渐变图形产生的锯齿问题。 何为渐变锯齿? 那么,什么是渐变图形产生的锯齿呢? 简单的一个
    2022年10月29日 16:410
  • form里面有的select框需要设置成固定值展示给用户看,但是又不让用户进行变更。
    数据库有一条用户的消费订单,工作人员对这条订单进行修改时,不能修改订单里面的顾客信息,但是前端需要展示给这个订单的顾客信息。 form里面的select框设置固定值 利用Jquery // 1.先给i
    前端2022年10月29日 16:410
  • 手把手教你从安装CentOS7.4镜像开始,搭建IoT视频监控系统
    摘要:在CentOS7.4服务器版本的环境下安装nginx服务器、配置文件服务器、流媒体服务器。 本文分享自华为云社区《华为云ECS服务器安装CentOS7.4镜像,部署GINX服务器、搭建物联网视频
    2022年10月29日 16:412
  • D3 笔记
    D3 D3 or D3.js 代表 "Data Driven Documents" 选中、添加元素 select() 方法从文档中选择一个元素,它接收目标元素的名称作为参数并返回第
    2022年09月28日 08:223
  • CSS基础(基于黑马程序员视频的学习笔记)
    一、CSS选择器 1、标签选择器 选中所有的该标签 标签名 { CSS属性名:属性值;} 2、类选择器 .类名 { CSS属性名:属性值;} 所有标签都有class属性,class属性的属性值称为类名
    2022年09月28日 01:0311
  • HTML基础(基于黑马程序员视频的学习笔记)
    HTML标签 1、标题和段落 <h1>一级标题</h1> ~ <h6>六级标题</h6>是标题标签,独占一行,均有加粗效果,且字体逐渐变小 <h1
    2022年09月28日 00:4216
  • HTML怎么设置图片大小
    html插入图片有两种方式:一种是通过<img>标签插入的正常的图片,另一种是通过css样式插入的背景图片 1、首先你是通过第二种方式插入的是背景图片,直接用width和height只能控
    2022年09月27日 22:2325
  • Sass 笔记
    Sass Sass 全称 "Syntactically Awesome StyleSheets", 是 CSS 的一种扩展语言。 变量 Variable Sass 允许使用变量(最
    2022年09月27日 10:333
  • Failed to find a valid digest in the 'integrity' attribute for resource
    一、Bootstrap 引入报错 在使用bootstrap过程中发现无法使用下拉导航栏,或者是显示不出效果。 Failed to find a valid digest in the 'int
    2022年09月26日 18:486
  • Bootstrap 笔记
    Bootstrap Bootstrap 是预编写的 CSS 和 JavaScript 代码段(chunk)的集合。 引入 任何 Web 应用,都可以通过添加如下代码到 HTML 的 head 标签中来
    2022年09月26日 00:214
  • HTML 无障碍
    无障碍 Accessibility 无障碍 WAI 的意思是所有人都应该能够访问互联网的内容。 无障碍帮助: 视觉和听觉有问题的人 认知和神经有问题的人 物理和讲话有问题的人 W3C 提出了一系列支持
    2022年09月24日 09:3216
  • HTML & CSS 设计原则
    设计原则 Design Principle 响应式设计 Responsive 响应式设计的意思是网页能够根据其显示在的屏幕的大小自动伸缩。 响应式设计使得对笔记本和手机用户更加友好。 分辨率的计算:宽
    网页 手机2022年09月23日 08:220
  • 我的Vue之旅、04 CSS媒体查询完全指南(Media Quires)
    我的前端之旅。本节学习CSS媒体查询(Media Quires),详细介绍了媒体查询语法定义,从三个具体布局例子学习媒体查询的使用技巧。并介绍了一些scss、css属性知识。
    前端2022年09月22日 16:48170
  • HTML & CSS 视觉设计
    文本 Text 文本对齐 Text Align web 内容大部分都是文本。 CSS 里面的 text-align 属性可以控制文本的对齐方式。 text-align: justify; 将文本隔开,
    2022年09月22日 12:310
  • CSS 网格 Gird 布局
    CSS 网格 Gird 布局 创建网格 Gird 通过将属性 display 的值设为 grid,HTML 元素就可以变为网格容器。 注意: 在 CSS 网格中,父元素称为容器(container),
    2022年09月21日 08:223
  • 前端开发:如何正确地跨端
    导读:面对多种多样的跨端诉求,有哪些跨端方案?跨端的本质是什么?作为业务技术开发者,应该怎么做?本文分享阿里巴巴ICBU技术部在跨端开发上的一些思考,介绍了当前主流的跨端方案,以及跨端开发的经验心得。
    前端2022年09月20日 17:055
  • 单标签实现复杂的棋盘布局
    最近,有群友问我,他们的一个作业,尽量使用少的标签去实现这样一个象棋布局: 他用了 60 多个标签,而他的同学,只用了 6 个,问我有没有办法尽可能的做到利用更少的标签去完成这个布局效果。 其实,对于
    2022年09月20日 10:512
  • CSS Flexbox 布局
    CSS 弹性盒子 Flexbox 布局 Flexbox(弹性盒子)是 CSS3 中引入的一种强大且兼容性好的布局方法。使用 flexbox,可以很容易地处理好页面上的元素布局,并创建可以自动缩小和放大
    2022年09月20日 08:220
  • 2021年3月-第02阶段-前端基础-移动WEB开发-移动WEB开发_rem布局
    移动web开发之rem布局 rem基础 rem单位 rem (root em)是一个相对单位,类似于em,em是父元素字体大小。 不同的是rem的基准是相对于html元素的字体大小。 比如,根元素(h
    前端2022年09月18日 16:281
  • 记录--uniapp上如何实现安卓app微信登录功能(操作流程总结)
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 uniapp上如何实现安卓app微信登录功能?下面本篇文章给大家分享一下uniapp上实现安卓app微信登录的权限申请、开发的具体操作流程
    2022年09月16日 14:2717
  • 自适应布局和响应式布局的区别?
    自适应布局和响应式布局的区别? 1.响应式的概念覆盖了自适应,但响应式包含的东西更多,响应式的布局可以根据屏幕的大小自动调整页面的展示方式 2.自适应有一个致命缺点:如果屏幕尺寸太小,即使网页能够根据
    网页2022年09月15日 05:422
  • 聊聊单点登录(SSO)中的CAS认证
    SSO介绍 背景 随着企业的发展,一个大型系统里可能包含 n 多子系统, 用户在操作不同的系统时,需要多次登录,很麻烦,我们需要一种全新的登录方式来实现多系统应用群的登录,这就是单点登录。 web 系
    2022年09月15日 01:2139
  • 一道题开始认识Symbol
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 最近每天学习的时候,发现了一道很有趣的面试题 1.const [a, b] = { a: 100, b: 200 } 2.console.
    2022年09月14日 23:247
  • 记录--iview 使用爬坑
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 前段时间公司需要开发一个后台管理系统,时间比较急迫,一两天时间。想一想自己一点一点的搭建起来可能性不太大,就想着有没有现成的可以改一改,就
    2022年09月13日 23:2233
  • 新时代布局新特性 -
    终于,在漫长的等待下,容器查询(CSS Container Queries)将在 Chrome 105 版本得到正式的支持! 而目前,我们也能在 Chrome Canary 版本中,或者在 Chrom
    2022年09月13日 16:322
  • vue3+three.js实现疫情可视化
    前言 自成都九月份以来疫情原因被封了一两周,居家着实无聊,每天都是盯着微信公众号发布的疫情数据看,那种页面,就我一个前端仔来说,看着是真的丑啊!(⊙_⊙)?既然丑,那就自己动手开整!项目是2022.9
    前端2022年09月13日 00:2844
  • ​探秘 Web 水印技术
    Web 水印技术在信息安全和版权保护等领域有着广泛的应用,对防止信息泄露或知识产品被侵犯有重要意义。水印根据可见性可分为可见水印和不可见水印(盲水印),本文将分别予以介绍,带你探秘 web 水印技术。
    2022年09月13日 00:282
  • HTML:iframe
    第一篇博客:HTML:iframe简要介绍 前端 我们在写网页的时间,有许多重复的界面,样式和设计都一模一样,为了避免代码冗余,我们通常把那些界面重复的写一个网页,然后在需要的网页进行引用那些重复的界
    前端 网页2022年09月11日 04:431
  • 【H5/CSS3】旋转展开收缩菜单栏
    地址链接 视频链接: https://www.bilibili.com/video/BV1TK4y1Q78s github链接: https://github.com/Lavender-z/demo
    2022年09月10日 15:311
  • 高阶 CSS 技巧在复杂动效中的应用
    最近我在 CodePen 上看到了这样一个有意思的动画: 整个动画效果是在一个标签内,借助了 SVG PATH 实现。其核心在于对渐变(Gradient)的究极利用。 完整的代码你可以看看这里 --
    svg2022年09月08日 21:092
  • 纯CSS实现“流星赶月”,祝大家中秋节快乐
    明天就是中秋节了,就想着用CSS画一个月亮送给园友们吧。但是就画一个月亮也太简单了些,于是便加了一些星星点缀以及流星坠落的效果。这篇文章就用纯CSS为大家实现一个“流星赶月”的效果。 实现效果 点击运
    2022年09月08日 16:3311
  • hexo-theme-async 文档上线了🤣
    时隔几个月,拖拖拉拉的终于整理好了一份使用指南。下次终于可以甩个文档连接了🤣,再也不用一个个解释了。 感慨 随随便便做的一个主题,没想到会有人使用。🤣因为没有文档,时不
    2022年09月07日 17:531
  • 有意思的水平横向溢出滚动
    最近接到一个很有意思的需求,能否做到当内容横向溢出时,依然能够使用鼠标滚轮对内容进行滚动的方法。 什么意思呢?来看看这么一种情况: 我们有一个垂直方向溢出滚动的容器,以及一个水平方向溢出滚动的容器:
    2022年09月06日 15:112
  • flex常用布局
    公共样式: <style> * { margin: 0; padding: 0; } .has-flex { display: flex; } </style> 垂直居中 子元
    2022年09月06日 00:288
  • 【H5/CSS】CSS动画
    What CSS动画: 就是指元素从一种样式逐渐过渡为另一种样式的过程。 实现方式 transition 实现渐变动画 transform 实现转变动画 animation 实现自定义动画 实现方式
    2022年09月05日 05:020
  • http网页状态码大全查询
    http网页状态码大全查询 http网页状态码,是诸多站长经常接触到的东西,所谓的HTTP状态码,它是浏览器传输协议所响应的一种代码状态,不同的代码状态,反应了网页目前处于的状态,根据不同的状态码,可
    网页2022年09月04日 22:4872
  • 1HTML5--拥抱未来
    一、什么是HTML? HTML的英文全称是Hyper Text Markup Language,译为“超文本标记语言”。 HTML 不是一种编程语言,而是一种标记语言 (markup language
    2022年09月01日 16:113
  • 一种比css_scoped和css_module更优雅的避免css命名冲突小妙招
    我们来回忆一下,在`css_scoped`和`css_module`出现之前,人们是如何避免css命名冲突的?对,就是人为的定义一些`css命名空间`。那个时候,对每个Component组件都会在其根
    2022年08月31日 16:5211
  • Web端CAD图形找不同?一键在Web端找出CAD图不同并对比分析
    引言 在实际中,当多专业设计协助时,遇到图纸更新后,要对比图纸找出图纸的不同处,一直是一个比较耗时费力的事情,也是业内的一大痛点。一般CAD新旧图纸的内容对比,包括增加新的图形元素、减少原有的图形元素
    2022年08月31日 03:227
  • 巧用 transition 实现短视频 APP 点赞动画
    在各种短视频界面上,我们经常会看到类似这样的点赞动画: 非常的有意思,有意思的交互会让用户更愿意进行互动。 那么,这么有趣的点赞动画,有没有可能使用纯 CSS 实现呢?那当然是必须的,本文,就将巧妙的
    2022年08月29日 16:393
  • Docsify使用指南,使用Typora+Docsify打造最强、最轻量级的个人&团队文档,及免费和开源且低成本文档工具
    随着学习知识的积累,我们需要掌握的知识越来越多,这是就有一个问题出现了,如何把我们学习到的知识整理起来,让我们更方便的去管理和阅读,同事还想把我们所学习到的知识分析个小伙伴。这是我们就需要一个很方便的
    2022年08月26日 18:46641
  • 有意思的方向裁切 overflow: clip
    本文将介绍一个新特性,从 Chrome 90 开始,overflow 新增的一个新特性 -- overflow: clip,使用它,轻松的对溢出方向进行控制。 overflow: clip 为何 首先
    overflow2022年08月26日 15:263
  • javaWeb-HTML
    HTML 基础标签 字体大小 ( <h1> <h6>) <h1> 我是h1 </h1><h2> 我是h1 </h2><h3
    2022年08月26日 09:390
  • Sass 混合指令——提高你的 CSS 重复使用率
    前言 Sass(Scss)混合指令看作函数,可以传递参数、参数变量、可以插入内容(类似于 Vue 组件插槽)。自定义函数,可以返回值,也有混合指令的特性。高效地管理和使用 CSS 样式,除了嵌套以外就
    2022年08月26日 09:3826
  • 2022-8-23  css
    ##✏️CSS ###✒️css三大特性 ####📌层叠性 一个标签可以有多个css样式 浏览器处理冲突的能力,如果一个属性通过两个相同的选择器设置到这个元素上,会根据样式的层叠规则
    2022年08月26日 09:382
  • 前端知识之CSS(3)-盒子模型、浮动布局、溢出属性、定位、脱离文档流、z-index之模态框
    盒子模型 **margin:**用于控制元素与元素之间的距离,它的最基本用途就是控制元素周围空间的间隔,从视觉角度上达到相互隔开的目的 **padding:**用于控制内部文本内容与边框之间的距离 *
    前端2022年08月26日 09:383
  • 【面试题】CSS 中几种最常用的水平垂直居中的方法
    CSS 中几种最常用的水平垂直居中的方法 点击打开视频讲解更加详细 一、使用 margin:auto 当元素有给定的高度以及宽度的时候,使用 margin: auto; 元素仅会水平居中,并不会进行垂
    2022年08月26日 09:382