前端html css

index.html在webpack打包时动态生成index模板

通过<%= BASE_URL %>包裹环境变量 通过<% if (process.env.NODE_ENV 'production' ) { %> <% } %>包裹条件判断 <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <meta co ......
index 模板 webpack 动态 html

前端生成二进制文件并下载

// 生成十六进制数据 const hexData = '7E02000000010000000aB77E'; // 这里是示例的十六进制数据 // 将十六进制数据转换为字节数组 const data = hexToBytes(hexData); // 创建 Blob 对象 const blob = ......
二进制 前端 文件

直播软件搭建,css隐藏滚动条,但使超出部分任然可以滚动

直播软件搭建,css隐藏滚动条,但使超出部分任然可以滚动 /*长tabs,隐藏滚动条,保留滚动功能*/.weChat-tabs{ height: 40px; display: flex; overflow-x: scroll; padding: 0 20px; white-space: nowrap ......
部分 软件 css

直播软件开发,JavaScript HTML5 dom,图片拖拽上传功能

直播软件开发,JavaScript HTML5 dom,图片拖拽上传功能 <!DOCTYPE html><html><head><meta charset="utf-8"><title></title><style type="text/css">.box{display: flex;width: ......
JavaScript 软件开发 功能 图片 HTML5

纯前端也可以访问文件系统!

https://www.cnblogs.com/songyao666/p/17691691.html 前言 周末逛github的时候,发现我们只需要在github域名上加上1s他就能够打开一个vscode窗口来阅读代码,比起在github仓库中查看更加方便 然后我就想网页端vscode能不能打开我本 ......
前端 文件 系统

前端科普系列-Web:一路前行一路忘川

前端科普系列-Web:一路前行一路忘川 无名之辈 一个有代码洁癖的前端小开发,热爱生活,追求极致 ​关注他 118 人赞同了该文章 摘要 本系列文章旨在帮助学习者了解前端,主要覆盖前端的基础知识,但不深入讲解,定位为大而全并非细而精,适合非前端开发的同学对前端有一个系统的认识,能更好的与前端开发协作 ......
前端 科普 Web

前端科普系列-Node.js:换个角度看世界

前端科普系列-Node.js:换个角度看世界 无名之辈 一个有代码洁癖的前端小开发,热爱生活,追求极致 ​关注他 55 人赞同了该文章 摘要 本系列文章旨在帮助学习者了解前端,主要覆盖前端的基础知识,但不深入讲解,定位为大而全并非细而精,适合非前端开发的同学对前端有一个系统的认识,能更好的与前端开发 ......
前端 科普 看世界 角度 Node

前端科普系列-ESlint:守住优雅的护城河

前端科普系列-ESlint:守住优雅的护城河 无名之辈 一个有代码洁癖的前端小开发,热爱生活,追求极致 ​关注他 47 人赞同了该文章 摘要 本系列文章旨在帮助学习者了解前端,主要覆盖前端的基础知识,但不深入讲解,定位为大而全并非细而精,适合非前端开发的同学对前端有一个系统的认识,能更好的与前端开发 ......
护城 护城河 前端 科普 ESlint

前端科普系列-Babel:把 ES6 送上天的通天塔

前端科普系列-Babel:把 ES6 送上天的通天塔 无名之辈 一个有代码洁癖的前端小开发,热爱生活,追求极致 ​关注他 108 人赞同了该文章 摘要 本系列文章旨在帮助学习者了解前端,主要覆盖前端的基础知识,但不深入讲解,定位为大而全并非细而精,适合非前端开发的同学对前端有一个系统的认识,能更好的 ......
通天塔 前端 科普 Babel ES6

前端科普系列-CommonJS:不是前端却革命了前端

前端科普系列-CommonJS:不是前端却革命了前端 无名之辈 一个有代码洁癖的前端小开发,热爱生活,追求极致 ​关注他 498 人赞同了该文章 摘要 本系列文章旨在帮助学习者了解前端,主要覆盖前端的基础知识,但不深入讲解,定位为大而全并非细而精,适合非前端开发的同学对前端有一个系统的认识,能更好的 ......
前端 科普 CommonJS

Edge浏览器没有让我失望! 今天终于可以在win10中模拟IE内核进行前端测试了,以后就用它了!

🚀 个人主页 极客小俊 ✍🏻 作者简介:web开发者、设计师、技术分享博主 🐋 希望大家多多支持一下, 我们一起进步!😄 🏅 如果文章对你有帮助的话,欢迎评论 💬点赞👍🏻 收藏 📂加关注 前言 😝 ietest现在是不是不好用了? Edge浏览器仿真是不是不见了? 如图 如果我们 ......
前端 内核 浏览器 Edge win

现代 CSS 解决方案:原生嵌套(Nesting)

很早之前,就写过一篇与原生嵌套相关的文章 -- CSS 即将支持嵌套,SASS/LESS 等预处理器已无用武之地?,彼时 CSS 原生嵌套还处于工作草案 Working Draft (WD) 阶段,而今天(2023-09-02),CSS 原生嵌套 Nesting 终于成为了既定的规范! CSS 原生 ......
解决方案 Nesting 方案 CSS

css防止图片挤压变形 object-fit: cover

img{ width:200px; height:100px; object-fit: cover; } 该属性会对图片保留原始比列,多余的会被裁剪。 添加该属性会适应指定容器的高度与宽度。 一般用于 img 和 video 标签,一般可以对这些元素进行保留原始比例的剪切、缩放或者直接进行拉伸等 语 ......
object-fit object 图片 cover css

【校招VIP】前端计算机网络之webSocket相关

考点介绍 WebSocket 是一种网络通信协议,很多高级功能都需要它。初次接触 WebSocket 的人,都会问同样的问题:我们已经有了 HTTP 协议,为什么还需要另一个协议?它能带来什么好处? 答案很简单,因为 HTTP 协议有一个缺陷:通信只能由客户端发起。 答案详情解析和文章内容可点击下方 ......
前端 计算机网络 webSocket VIP

HTML5(H5)新特性

HTML5(H5)是HTML标准的第五个版本,引入了许多新特性和改进,以下是一些H5的新特性: 语义化标签:H5引入了一系列新的语义化标签,如<header>、<footer>、<nav>、<article>等,有助于更清晰地描述页面结构和内容。 视频和音频支持:H5提供了<video>和<audi ......
特性 HTML5 HTML

HTML5 Canvas 数据持久化存储之属性列表

正常我们设置属性的时候,属性和属性值的 key value 对应,但是在实际开发中,经常遇到属性值可能需要从多项中选择,这个时候用原生的 HTML5 配合 JavaScript 来实现这个功能会让人非常头疼,我试着用 HT for Web 来实现了这个功能,感觉整体实践起来还是比较容易的,所以在这边 ......
属性 数据 Canvas HTML5 HTML

前端到底是什么?

前端到底是什么? 一、前端是什么? 前端又称web前端,用官方定义来说,前端就是网站前台部分,运行在PC端、移动端等浏览器上展献给用户浏览的网页,所以大部分人的理解,前端就是开放网页的。 但其实并不是,前端开发是创建Web页面或APP等前端界面呈现给用户的过程,通过HTML,CSS,及JavaScr ......
前端

纯前端也可以访问文件系统!

前言 周末逛github的时候,发现我们只需要在github域名上加上1s他就能够打开一个vscode窗口来阅读代码,比起在github仓库中查看更加方便 然后我就想网页端vscode能不能打开我本地的项目呢,带着这个疑惑我打开了网页版vscode,它居然真的可以打开我本地的项目代码! 难道又出了新 ......
前端 文件 系统

HTML 实体字符

HTML 实体字符是一种特殊的字符串,用于在HTML文档中表示一些预留的字符或不能直接输入的字符。例如,我们不能在HTML文档中直接使用小于号和大于号,因为它们被用作标签的定界符。但是我们又必须有一个方法来表示这些字符,所以我们使用字符实体。 在HTML中,有许多预定义的字符实体。预定义字符实体以" ......
实体 字符 HTML

springboot项目里面,如何实现同目录下的html页面之间的跳转

1、借用controller层 在controller层定义相关方法,借助中间层实现html页面之间的跳转; 试过了,很可行,但是比较麻烦,会增大controller层的负担; 2、直接定义一个能够将所有的界面跳转包含进去的controller(查资料发现,缺失好像没有直接html之间跳转的--调用 ......
springboot 之间 页面 目录 项目

Android前端音视频数据接入GB28181平台意义

技术背景 在我们研发Android平台GB28181前端音视频接入模块之前,业内听到最多的是,如何用Android端在没有国标摄像头设备的前提下,模拟GB28181的信令和媒体流交互流程,实现GB28181整体方案的测试。 Android端真的没有必要做个支持GB28181的接入模块? 如果说做一个 ......
前端 意义 Android 数据 28181

如何让Android平台像网络摄像机一样实现GB28181前端设备接入?

技术背景 好多开发者在做国标对接的时候,首先想到的是IPC(网络摄像头),通过参数化配置,接入到国标平台,实现媒体数据的按需查看等操作。 像执法记录仪等智能终端,跑在Android平台,对接GB28181平台的需求也非常大,网上相关demo也不少,但真正设计符合相关协议规范、功能完善、长时间稳定运行 ......
前端 摄像机 Android 设备 28181

django-前端时间组件

1、插件的下载Bootstrap Datepicker是一款基 于Bootstrap框架的日期选择控件,可以方便地在Web应用中添加可交互的日期选择功能。Bootstrap Datepicker拥有丰富的选项和API,支持多种日期格式,可以自定义样式并支持各种语言。Bootstrap Datepic ......
前端 组件 时间 django

开课吧前端1期.阶段2:ES6详解-4 Promise generator-认识生成器函数 generator-yield

10、Promise Promise -- 承诺 异步: 操作之间没啥关系,同时进行多个操作 同步: 同时只能做一件事 优缺点 异步:代码更复杂 同步:代码简单 //比如我要请求4个数据,真正生产还要判断,没法看了,缩进 //异步:特别麻烦 ajax('/banners',function(bann ......

前端踩坑

当项目开发完毕,构建打包文件只需要一个命令 umi build,构建打包成功之后,会在根目录生成 dist 文件夹,里面就是构建打包好的文件,通常是 *.js、*.css、index.html 等静态文件。 如果需要自定义构建,比如指定 dist 目录等,可以通过 config/config.ts  ......
前端

一个由于前端缺少 encodeURIComponent 引起的登录问题的分析和解决

笔者最近三年一直在 SAP 中国研究院担任 Angular 应用开发程序员的职位,负责的产品是 SAP 电商云 Spartacus UI 的开发。Spartacus 是 SAP 公司主导的一个开源项目,Github 项目地址:https://github.com/SAP/spartacus. 电商云 ......
encodeURIComponent 前端 问题

考试系统前端项目复盘

前段时间和朋友做了一个局域网考试系统,总共有3个端:考生端、监考端、管理端。 框架与相关的库 先简单说明一下我使用的框架和相关的库: 构建工具:Vite 框架:Vue3 UI组件库:element-plus 网络请求库:axios 路由跳转:vue-router 状态管理:pinia CSS扩展语言 ......
前端 项目 系统

HTML

超文本标记语言(Hypertext Markup Language) 超文本是链接,标记是标签 1. 标签属性 双标签 用法 备注/快捷键 html 整个网页 ctrl+enter head 头部 给浏览器看的 title 网页标题 body 内容主题 给用户看的 h1-h6 标题 h1只能用一次 ......
HTML

css-定位

相对定位 top -20px ——first上移20px 绝对定位: 相对于浏览器: 相对于父级元素(给父级元素一个position) 固定定位:彻底定死,区别绝对定位 相当于加了z轴,好多图册 ......
css