你的位置:首页 > 软件开发 > 网页设计
  • CSS技术
    CSS相关查阅文档:点击此处下载文档 CSS 技术介绍 CSS 是「层叠样式表单」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 CSS 语法规则 选择器:浏览器根据“选
    网页2022年01月25日 22:101
  • 什么是浮动?浮动带来的影响?怎么清除浮动?
    浮动介绍 浮动(float)最初是为了让文字环绕图片排布,就想报纸上面的图文混排模式。但 Web 开发人员很快意识到,任何东西都可以浮动,而不仅仅是图像,所以浮动的使用范围扩大了。浮动曾被用
    2022年01月25日 20:5023
  • 妙用滤镜构建高级感拉满的磨砂玻璃渐变背景
    最近,我们内部的一个低代码平台完工上线,它的首页大概是这样子(数据脱敏): 当然,这个不是项目不是本文的重点。主要看看这个页面的背景,一个磨砂(毛玻璃)质感效果的渐变背景图,看上去是比较高级的。 剥离
    2022年01月25日 17:099
  • 前端网页介绍
    前端网页介绍 本文整理自:https://www.bilibili.com/video/BV1Y7411K7zz B/S软件的结构 JavaSE	C/S Client Server B/S	Brows
    前端 网页2022年01月21日 19:097
  • CSS设置标签、图片,放大、缩小、旋转、移动、倾斜(transform)
    CSS设置标签、图片,放大、缩小、旋转、移动、倾斜(transform) 1.缩小和放大属性(scale) 格式:transform:缩小类型(数值); 注意:缩小和放大都是 scale ; 其中的值
    2022年01月21日 02:3944
  • 1000粉!使用Three.js制作一个专属3D奖牌🥇
    本文使用 React + Three.js 技术栈,实现粉丝突破 1000 的 3D 纪念页面,包含的主要知识点包括:Three.js 提供的光源、DirectionLight 平行光、Hemisph
    2022年01月19日 15:192
  • 巧用 CSS 实现动态线条 Loading 动画
    有群友问我,使用 CSS 如何实现如下 Loading 效果: 这是一个非常有意思的问题。 我们知道,使用 CSS,我们可以非常轻松的实现这样一个动画效果: <div></div&g
    div2022年01月18日 16:401
  • 【HTML】笔记(2)--
    通过超链接可以向服务器发送请求,浏览器向服务器发送数据(请求:request);服务器向浏览器发送数据(响应:response)......
    2022年01月16日 17:001
  • css3中transition属性详解
    css3中通过transition属性可以实现一些简单的动画过渡效果~ 1、语法 transition: property duration timing-function delay; transi
    2022年01月16日 17:00113
  • 【HTML】笔记(3)--
    隐藏域:网页上看不到,但是表单提交的时候数据会自动提交给服务器......注意:文中代码的效果仅展示了在浏览器上的外观,并未展示效果,别问,问就是博主懒(硬气地说道)1、form表单初步: 代码: <!DOCTYPE html> <html><hea ...
    网页2022年01月16日 17:002
  • 【HTML】笔记(4)--
    HTML文档是一棵树,树上有很多节点,每一个节点都有唯一的id,javascript主要就是对这棵DOM树上的节点进行增删改的......
    2022年01月16日 17:001
  • 【CSS】笔记(0)--
    第三种方式:链入外部样式表文件,这种方式最常用,将样式写到一个独立的xxx.css文件当中,在需要的网页上直接引入css文件,样式就引入了......
    网页2022年01月16日 17:001
  • Amazing!!CSS 也能实现烟雾效果?
    最近利用 CSS 实现了一些看似超出 CSS 能力的效果: 巧用渐变实现高级感拉满的背景光动画 Amazing!!CSS 也能实现极光? 本文继续此系列,本文主要想探讨一下,使用 CSS 能否比较好的
    2022年01月13日 15:412
  • Flex布局详解
    2009年,W3C提出了一种新的方案—-Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能
    2022年01月13日 15:417
  • 解决html页面运行时出现乱码问题
    html中文乱码怎么解决,html乱码怎么造成的?如何避免html中文乱码呢? html乱码原因🔥1. 不同编码内容混杂:HTML乱码是由于html编码问题照成(常见 gb2312与utf-8两种编码内容同时存在照成)2. 未设置HTML编码:<meta ht ...
    2022年01月13日 15:4123
  • DOM规范
    一、MutationObserver 接口说明 此接口可以在 DOM 被修改时异步执行回调。使用 MutationObserver 可以观察整个文档、DOM 树的一部分,或某个元素。此外还可以观察元素
    2022年01月13日 15:4112
  • web浏览器及网页概念
    恢复内容开始 html简介 认识HTML后要能明白 (1)网页的基本组成是什么 (2)说出什么是HTML (3)常用的浏览器有哪些 (4)web标准的三大组成部分是什么 首先让我们了解有关网页的基本概
    网页2022年01月13日 15:411
  • 前端综合笔记整理
    前端综合笔记整理(HTML、CSS、JavaScript、jQuery) 前端需要学什么?HTML5、CSS3、JavaScript集成开发环境IDE(编写和运行)前段开发环境编写环境:高手(记事本)企业(Sublime、Webstorm、DW、Brackets)运行环境:浏览器 ...
    前端2022年01月13日 15:413
  • 神奇的滤镜!巧妙实现内凹的平滑圆角
    背景 某日,群友们在群里抛出这样一个问题,如何使用 CSS 实现如下的布局: 在 CSS 世界中,如果只是下述这种效果,还是非常容易实现的: 一旦涉及到圆角或者波浪效果,难度就会提升很多。 实现这种连
    2022年01月13日 15:410
  • CSS文本样式
    文本样式 文本缩进 属性名:text-indent 取值: 1、数字+px 2、数字+em(推荐:1em=当前标签font-size的大小)(推荐使用) <style> p{ /* tex
    2022年01月13日 15:412
  • 浏览器内核有几种?
    什么是浏览器内核? 简单来说,浏览器内核是浏览器的核心,也称“渲染引擎”,用来解释网页语法并渲染到网页上,浏览器内核决定了浏览器该如何显示网页内容以及页面的格式信息 浏览器内核又可以分成两部分:渲染引
    网页2022年01月13日 15:412
  • CSS font-size字体
    font字体 目标:能够使用字体和文本相关样式修改元素外观样式 字体大小 属性名:front-size 取值:数字+px 注意点:谷歌浏览器的默认值是16px,单位需要设置,否则是无效的。 <s
    2022年01月13日 15:4128
  • 2022年form表单中input控件最详细总结
    语法 <input type="" name="" id="" value="" placeholder=&quo
    2022年01月13日 15:41207
  • px、em、rem三者的区别
    概念 px、em、rem都是计量单位,都能表示尺寸,但是有所不同,其各有各的优缺点 px px像素(Pixel),像素px是相对于显示器屏幕分辨率而言的 px作为单位是固定不变的,不能适应浏览器缩放时
    2022年01月13日 15:4121
  • rem自适应移动端布局
    简介 在页面整体布局中,页面元素的尺寸大小(长度、宽度、内外边距等)和页面字体的大小也是重要的工作之一。 一个合理设置,则会让页面看起来层次分明,重点鲜明,赏心悦目。反之,一个不友好的页面尺寸和字体大
    2022年01月13日 15:413
  • CSS三大特性
    Css三大特性 继承性 特性:子元素有默认继承父元素样式的特点 可以继承的常见属性有: 1、color 2、font-style、font-weight、font-size、font-family 3
    2022年01月13日 15:411
  • 深入浅出 CSS 动画
    本文将比较全面细致的梳理一下 CSS 动画的方方面面,针对每个属性用法的讲解及进阶用法的示意,希望能成为一个比较好的从入门到进阶的教程。 CSS 动画介绍及语法 首先,我们来简单介绍一下 CSS 动画
    2022年01月13日 15:417
  • 记录:浏览器渲染过程
    网页内容的组成 doctype: 提供浏览器的html版本信息 head : html头部 meta: 元数据信息 charset: 声明当前文档所实用的字符编码 http-equiv: 客户端行为,
    网页2022年01月13日 15:411
  • a标签如何禁止href跳转或链接?
    在做页面时,如果想做一个链接点击后不做任何事情,或者响应点击而完成其他事情,可以设置其属性 href = "#",但是,这样会有一个问题,就是当页面有滚动条时,点击后会返回到页面顶
    2022年01月13日 15:414
  • 【HTML】笔记(1)--
    博主的就业方向是JAVA后端开发嘛,虽然是后端,但是对于一些前端的知识还是要掌握的,所以博主接下来的一段时间要浅学一下 HTMl,CSS,JavaScript......
    前端2022年01月13日 15:411
  • FileReader()读取文件、图片上传预览
    前言 FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件(或原始数据缓冲区)的内容,使用 File 或 Blob 对象指定要
    2022年01月09日 04:101
  • H5应用转换快应用
    1. H5应用及快应用介绍 H5应用 第五代 Html 标准开发的 web 应用,浏览器通过解析 HTML,就可以把网页内容显示出来; 跨平台性; 浏览器上运行。 快应用 提供原生体验的免安装应用;
    网页2022年01月05日 20:3010
  • HTML表单标签
    列表标签 表格是用来显示数据的,那么列表就是用来布局的 列表最大的特点就是整齐、整洁、有序,它作为布局会更加的自由和方便。 列表可以分为无序列表,有序列表,自定义列表。 无序列表 ul标签表示HTML
    2022年01月05日 20:101
  • HTML表格标签
    html表格标签 表格标签 主要作用:表格主要用于显示、展示教程,因为他可以让数据显示的非常完整,可读性非常好、特别是后台展示数据的时候,能够熟练的运用表格就显得非常重要。一个清爽简约的表格能够把繁杂
    2022年01月04日 20:300
  • HTML基本标签使用
    标签使用 标题标签 为了使网页更具有语义化,我们经常会在页面中使用到标题标签HTML共提供了6个等级的网页标题,即-为1到6级标题 标题的重要性为一级标题最重要,依次递减。单词head的缩写,意为头部
    网页2022年01月04日 00:429
  • html5调用摄像头截图
    关于html5调用音视频等多媒体硬件的API已经很成熟,不过一直找不到机会把这些硬件转化为实际的应用场景,不过近年来随着iot和AI的浪潮,我觉得软硬结合的时机已经成熟。那我们就提前熟悉下怎么操作这些
    2021年12月26日 05:272
  • 成理21点开发笔记Day2:开始程序实现
    D2:开始程序实现 程序结构分类 C:client-单机(几乎不和网络关联 S:server-服务器应用(兼容性好,跨平台 C/S:ClientServe-客户端与服务器应用-端应用(功能强,稳定性好
    2021年12月16日 16:010
  • 使用input+datalist简单实现实时匹配的可编辑下拉列表-并解决选定后浏览器默认只显示value的可读性问题
    问题背景 最近小伙伴提了一个希望提高后台下拉列表可操作性的需求,原因是下拉列表选项过多,每次下拉选择比较费时费力且容易出错,硬着头皮啃了啃前端知识,网上搜寻了一些下拉列表实现的资料,这里总结一下。 P
    前端2021年12月05日 18:107
  • 3个CSS动画库,比Animated还好用,让你的网站酷炫起来
    本文首发于https://www.1024nav.com/tools/css-animation-library 转载请注明出处 整理了日常前端开发中常用的css动画库,让你的网页动起来,可以在生成中
    前端 网页2021年12月02日 14:396
  • WebRTC从摄像头获取图片传入canvas
    WebRTC从摄像头获取图片传入canvas 前面我们已经能够利用WebRTC的功能,通过浏览器打开摄像头,并把预览的图像显示在video元素中。 接下来我们尝试从视频中截取某一帧,显示在界面上。 h
    canvas2021年11月24日 15:407
  • html完整语法学习
    html5内容详解 第一个html<!DOCTYPE html><html lang="en"><head> <!--meta 描述性标签,用来描述网站的一些信息--> <!--meta 标签一般用来做SE ...
    2021年11月20日 00:394
  • 印象最深的一个bug:sessionStorage缓存在移动端失效
    无bug,不程序:作为程序员的我,不是修bug就是在写bug的路上。 移动端sessionStorage缓存失效是我“印象最深的一个bug”之一,为啥呢,因为这个问题导致我加班到很晚。在现在看来就是一
    2021年11月17日 15:0012
  • 学习Vue,这一篇文章就够了(持续更新中)
    Vue笔记,步步实例讲解,适合新手入门vue,已经在用Vue开发的也可以查缺补漏。目录分级明确,可当文档来用
    2021年09月17日 17:0015
  • 最近很火的北京环球影城小程序爬下来能干什么?
    一、怎么趴小程序的源码下来? 此处具体的详情,我们就不过多的介绍了,直接跳转到前人的大树下看看吧:https://www.cnblogs.com/_error/p/11726356.html 二、获取
    2021年09月14日 20:3415
  • HTML零基础,快速学习/复习
    #HTML零基础,快速学习/复习 还没有写完哈,后续持续更新,喜欢就加一个关注哈! ###首先来熟悉一下html的基本结构 代码实例 ←-可以直接打开 <!DOCTYPE HTML> &l
    2021年09月10日 08:4910
  • 工作记录:Vue项目中使用WebSocket通讯
    WebSocket介绍 以下内容摘自维基百科: WebSocket是一种网络传输协议,可在单个TCP连接上进行全双工通信,位于OSI模型的应用层。WebSocket协议在2011年由IETF标准化为R
    webSocket2021年09月09日 20:4943
  • html 笔记
    html (hyper text markup language)知识点 html文档结构 <!-- 文档注释 --> <!DOCTYPE html> <html lan
    HTML CSS XML XHTML2021年09月07日 18:2312
  • HTML5 新增内容和 API
    classList 属性 该属性用于在元素中添加,移除及切换 CSS 类。 classList 属性返回元素的类名,作为 DOMTokenList 对象: <div id="div&q
    div2021年08月31日 14:5114
  • 重复点击路由,导致提示避免到当前位置的冗余导航(路由冗余)解决方式
    项目中 报错: NavigationDuplicated: Avoided redundant navigation to current location: (NavigationDuplicate
    2021年08月17日 09:32131
  • 3D网页小实验-基于多线程和精灵动画实现RTS式单位行为
    一、实验目的: 1、在上一篇的“RTS式单位控制”的基础上添加逻辑线程,为每个单位实现ai计算; 2、用精灵动画为单位的行为显示对应的动作效果。 二、运行效果: 1、场景中的单位分为红蓝两方,单位在发
    网页2021年08月11日 15:5716
  • form表单的默认行为
    1. action 提交到的url,如果不写action的话,提交表单将重新请求当前页面。如果此时写了method,将按method方法去请求对应的url。 2. method 请求方法,可选值为GE
    2021年08月11日 15:573
  • uniapp 虚拟滚动条性能优化
    uniapp 虚拟滚动条性能优化,在web,安卓手机和苹果手机测试通过。首先说明 本文的虚拟滚动条是用于app, 没有在微信小程序中测试过,只在web环境和app(安卓、苹果)这三个环境中测试通过。虚拟滚动条的原因当然是列表数据太多,列表直接显示app会卡(web是一点不卡的,苹 ...
    手机2021年08月03日 11:2142
  • 微信公众号开发系列教程视频
    01 学习内容与目 02 编辑模式 03 开发模式(剖析源码 04 通信流程 05 自定义菜单创 06 自定义菜单删除和查询 07 自定义菜单推 08 个性化菜单 09 接收消息 10 被动回复消息
    2021年07月29日 16:2710
  • vue axios 下载流文件zip包  无法打开/解压  postman测试下载一切正常
    一、代码下载的zip与postman下载的zip文件对比,大小不一样,postman下载的文件可以正常解压,代码下载的文件解压报错,如下图; 二、上代码 axios({ method: 'po
    2021年07月29日 16:276
  • 200套HTML期末学生结课大作业作品-web前端期末大作业 html+css+javascript网页设计实例 企业网站制作
    一、更多HTML期末学生结课大作业作品 ❤200套HTML期末大作业网页设计作品 1.HTML期末学生结课大作业~html+css+javascript仿叮当电影在线网站(功能齐全) 2.HTML期末
    2021年07月23日 11:34113
  • 跨域访问方法介绍(8)--使用 WebSocket
    WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议;使用 ws://(非加密)和 wss://(加密)作为协议前缀。该协议不实行同源政策,
    Java HTML Spring Javascript2021年07月11日 10:1914
  • 跨域访问方法介绍(5)--使用 window.postMessage 传递数据
    postMessage 是 HTML5 XMLHttpRequest Level 2 中的 API,可以用于窗口间消息的传递:页面和其打开的新窗口的数据传递、页面与嵌套的frame消息传递、页面与嵌套
    Java HTML XML Javascript2021年06月26日 11:079
  • 前端之设计稿二三事
    导语: 前端作为web项目开发流程中的一个环节,在实际开发过程中,必定要和ui/交互设计师进行沟通协调,以便保证设计稿能够完全代码化,并且是设计师希望的效果。所以,在这里我总结了一些前端开发需要注意的
    CSS2021年06月22日 15:5913
  • 跨域访问方法介绍(4)--使用 window.name 传值
    浏览器窗口有 window.name 属性。这个属性的最大特点是,无论是否同源,只要在同一个窗口里,前一个网页设置了这个属性,后一个网页可以读取它。这种方法的优点是,window.name 容量很大,
    Java HTML Javascript2021年06月20日 12:0413
  • 跨域访问方法介绍(3)--使用片段识别符传值
    片段标识符(fragment identifier)指的是,URL 中 # 号后面的部分,比如 http://example.com/x.html#fragment 的 #fragment。如果只是改
    Java HTML Javascript2021年06月19日 11:0411