前端html css
Tailwind CSS 速查
Tailwind CSS 提供了大量的实用程序类,这些类名都是使用缩写的方式,以更简洁地表述其含义。以下是一些常用的 Tailwind CSS 缩写及其对应的意义: 布局 w: width max-w: max-width h: height max-h: max-height m: margin ......
【前端开发】可视化大屏网页适配方案autofit.js
说明:针对全屏的网页,使用autofit.js可自适应大小屏幕,原理是通过屏幕改变放大/缩小网页,并做了留白区域的兼容处理。 地址:https://github.com/huiJeck/autofit.js#autofitjs ......
JavaWeb前端
HTML+ CSS+ JS+ Vue+ Element 目录HTML+ CSS+ JS+ Vue+ Element一、基本概念二、Web服务器三、HTML CSS3.1 官方文档四、JavaScript五、Vue六、Ajax七、前端工程化八、Element 一、基本概念 静态web:html,css ......
BitBake使用攻略--从HelloWorld讲起 (转载自:https://www.cnblogs.com/chegxy/p/15718112.html)
目录 写在前面 1. 什么是BitBake 2. BitBake的安装 3. 使用BitBake构建一个HelloWorld工程 后续 写在前面 《BitBake使用攻略》系列文章将从今天开始不定时的更新,主要讲解BitBake的背景,基本语法,功能及其命令等知识,旨在为即将从事Yocto项目和Op ......
BitBake使用攻略--BitBake的语法知识二(转载自https://www.cnblogs.com/chegxy/archive/2023/03/11/17135106.html)
目录 写在前面 1. BitBake中的任务 2. 任务配置 2.1 依赖 2.1.1 内部任务间的依赖 2.1.2 不同菜谱下的任务间依赖 2.1.3 运行时态下的依赖 2.1.4 递归依赖 2.1.5 任务间的依赖 2.2 事件 2.3 校验和 3. Class Extension Mechan ......
【前端开发】新版Chrome浏览器接口mock调试技巧,超实用
给大家分享一个 Chrome117 更新中最实用的一个功能:在 Network 面板中发送 mock 请求。 修改返回响应数据 想要修改接口返回的数据,设置成特定的数据,首先打开 网络(Network) 面板,找到你需要Mock的接口,右键然后选择替换内容(Override content): 这时 ......
html2canvas 截图不全问题解决
有个低代码平台项目,需求是要将canvas画布上的echarts图表等组件截图保存,如果是正常比例(也就是百分百比例)截图是正常的,但如果画布处于缩放状态进行截图的话就会因组件上的一些样式影响而导致截图不全。为了解决这一问题,在网上也查找了很多资料,终于找到解决办法,亲测有效。 话不多说,上代码: ......
什么???CSS也能原子化!
原子化CSS是一种CSS的架构方法,倾向于使用用途单一且简单的CSS,通常是根据视觉效果进行类的命名,不同于BEM规则的CSS,原子的意思就是将CSS进行拆分,每个样式都有一个唯一的CSS规则 ......
web前端html+css页面内容的六种隐藏方式
一、使用透明度 语法:opacity:0 注意:元素消失,但是还会占据空间,只是视觉看不出来 <style> .box{ width: 100px; height: 100px; background-color: aquamarine; opacity: 0; }</style><div clas ......
SpringBoot使用HTML转PDF
参考文章:https://www.cnblogs.com/yunfeiyang-88/p/10984740.html FreeMarker 中文官方参考手册:http://freemarker.foofun.cn/toc.html 依赖: <dependency> <groupId>com.itex ......
高并发-前端层面
2023.10.13 1.用CDN,遵循就近原则让用户去最近的节点拿静态资源 在外网中传输我们的数据,都有带宽限制,基本上一个网站,一个网页,静态资源会占用80%的带宽 2.对一些静态资源做压缩处理,比如js的min.js文件这种 2023.10.15 1.对静态资源做二次压缩 2.使用CDN的缺陷 ......
基于html5开发的Win12网页版,抢先体验
据 MSPoweruser 报道,Windows 11虽然刚刚开始步入正轨,但最新爆料称微软已经在开启下一个计划,Windows 12 的开发将在 去年3 月份开始。德国科技网站 Deskmodder.de 称,根据内部消息,微软将在 2022年3 月开始开发 Windows 12 系统,尽管 Wi ......
前端 ( HTML + JS + CSS )
以下大多都摘自菜鸟教程:https://www.runoob.com/ HTML 简介 HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言: HyperText Markup Language HTML 不是一种编程语言,而是一种标记语言 标记语言是一套标记标签 (markup t ......
总结整合案例前端页面展示+axios异步请求数据
页面显示: vue+axios+element <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scal ......
Android WebView获取html源码
通过执行js语句来获取 val code = """ document.documentElement.outerHTML """.trimIndent() webview.evaluateJavascript(code) { value -> val htmlContent = if (value ......
Error: Vue packages version mismatch: - vue@2.6.14 (D:\前端\vue01\node_modules\vue\dist\vue.runtime.common.js)- vue-template-compiler@2.7.14 (D:\前端\vue01\node_modules\vue-template-compiler\package.json)
Error: Vue packages version mismatch: - vue@2.6.14 (D:\\前端\vue01\node_modules\vue\dist\vue.runtime.common.js) - vue-template-compiler@2.7.14 (D:\前端\vu ......
从零开发一款图片编辑器(使用html5+javascript)
最近开发了一个图片编辑器,类似于photoshop的网页版,源码参考自GitHub上,顺便也总结下使用html+js开发一个编辑器需要用到哪些知识点。 预览地址: https://ps.gitapp.cn github地址:https://github.com/photopea/photopea 架 ......
html
Column1 Column2 Column3 Row1,Column1 Row1,Column2 Row1,Column3 Row2,Column1 Row2,Column2 Row2,Column3 Row3,Column1 Row3,Column2 Row3,Column3 Row4,Colu ......
CSS制作逼真的波浪效果
效果 代码示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <link rel="icon" href="/favicon.ico" /> <meta http-equiv="X-UA-Compatible" co ......
颜色表大全 | HTML Color Table
颜色表大全 | HTML Color Table 以下是颜色表大全 ,可以按Ctrl+F快速查找需要的颜色 鸨色#f7acbc 赤白橡#deab8a 油色#817936 绀桔梗#444693 踯躅色#ef5b9c 肌色#fedcbd 伽罗色#7f7522 花色#2b4490 桜色#feeeed 橙色 ......
css 10-13
1.背影样式 backgroud-color 背景颜色 backgroud-color :red backgroud-image 背景图片 backgroud-image backgroud-position 背景图片位置 backgroud-position top left right bott ......
css-图片和文字小模块
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
HTML常用标签
HTML常用标签 标题标签 <h1>这是一级标题</h1> <h2>这是二级标题</h2> <h3>这是三级标题</h3> <h4>这是四级标题</h4> <h5>这是五级标题</h5> <h6>这是六级标题</h6> 段落与换行 <p>这是第一段</p> <p>这是第二段</p> <p>这是第一段 ......
Flask中render_template('index.html')查找index.html文件
问题:jinja2.exceptions.TemplateNotFound: index.html 解决方法如下: 普通: render_template('index.html'),其中index.html的查询是找创建app = Flask(name)文件的同级目录的templates中查找 注 ......
HTML5 大文件断点续传完整思路整理
用 html5 的新特性分割文件,为达到断点续传功能 用 spark.js 获取文件md5以确保文件的唯一性 流程概述: 复制代码 (此功能前端共需调用3个接口,分别为简称作 A / B / C) 1,获取文件信息:使用HTML5的原生上传input,选择文件后,获取文件的所有信息(文件名、文件总字 ......
HTML5实现文件断点续传的方法
HTML5的FILE api,有一个slice方法,可以将BLOB对象进行分割。前端通过FileList对象获取到相应的文件,按照指定的分割方式将大文件分段,然后一段一段地传给后端,后端再按顺序一段段将文件进行拼接。 断点续传原理 目前比较常用的断点续传的方法有两种,一种是通过websocket接口 ......
CSS实现滚动条隐藏
使用伪元素:::-webkit-scrollbar <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial- ......
HTML 多套主题(夜间,白天等)的探索 2
除了上一篇博客https://www.cnblogs.com/adamr/p/17753396.html,利用js 移除和添加css资源文件,还有一个更为简单的做法,那就是css的属性选择器 <head> <style> [theme="dark"]{ --status-colors-error: ......