组件 页面html5 html
【微信小程序-组件】仪表盘样式的滑动组件（不卡顿）
滑动组件，选中后手机会振动 <template> <view class="gear-select"> <view class="scale-mark-container"> <view class="every-scale-mark" v-for="(gear, index) of gearLis ......
Spring Boot 2.7+ 浏览器请求没法匹配时404，500，自定义显示错误页面 Whitelabel Error Page This application has no explicit mapping for /error
Whitelabel Error Page This application has no explicit mapping for /error, so you are seeing this as a fallback. Fri Sep 08 11:23:31 CST 2023 There wa ......
HTML5与CSS3实现动态网页（下）
js 完整的javascript 是有ECMAScript （语法） Browser Objects (DOM BOM ) 特性组成的。 // 单行注释 /**/ 多行注释 ECMASxript 中的一切 (变量 函数名和操作符) 都区分大小写 1：什么是标识符 变量 函数 属性的名字 或者函的参数 ......
el-input 回车事件keydown刷新页面（白屏）
因为触发了form表单的事件，禁用即可，@submit.prevent <el-form :model="form" center @submit.prevent> <el-form-item label=""> <el-input v-model="form.code" placeholder=" ......
optee各组件支持32位系统
问题： export USE_A32=true之后编译32位安卓版本时，出现无法开机问题。 现象表现在手机卡在开机LOGO界面，从log看是optee keymaster 3.0 start失败导致的。 库上的optee方案集成思路： conf.mk的默认配置为：ta-targets := ta_a ......
界面控件DevExpress WinForms工具栏菜单组件，模拟流行办公软件！
DevExpress WinForms的工具栏和菜单组件灵感来自于Microsoft Office，并针对WinForms开发人员进行了优化，可以帮助开发者快速模拟当下流行的办公软件应用程序。 DevExpress WinForms有180+组件和UI库，能为Windows Forms平台创建具有影 ......
一文扫盲：收银系统前台页面
一、收银系统主要功能 收银系统是一种用于管理和处理销售交易的计算机软件或硬件设备。它主要用于商店、超市、餐厅、零售店等销售场所，用于记录商品销售、计算交易金额、处理支付方式、生成销售报表等功能。 收银系统的主要功能包括： 商品管理：管理商品的信息，包括名称、价格、库存等。 销售记录：记录每笔销售交易 ......
vue组件级别的权限控制
**核心思想：尽量减少对组件的侵入性，也就是权限控制的代码剔除出来** ### 实现 **authority.vue** ``` // 将用户权限通过作用域插槽传递出去 ``` **index.vue** ``` sssss 45 45 45 ``` ......
13分钟聊聊并发包中常用同步组件并手写一个自定义同步组件
### 前言 上篇文章[10分钟从源码级别搞懂AQS（AbstractQueuedSynchronizer）](https://juejin.cn/post/7273506068104478760)说到JUC并发包中的同步组件大多使用AQS来实现 本篇文章通过AQS自己来实现一个同步组件，并从源码级 ......
React使用useRef调用子组件方法
### **前情** 公司前端主技术栈是react系，最近在提取组件的时候想到vue可以通过ref获取子组件，再调用子组件的方法，于是想在react中实现同样效果。 ### 实现原理 父组件调用useRef获取ref对象，再通过属性把ref对象传入子组件，子组件通过useImperativeHand ......
css修改页面内元素的滚动条样式
<div class="box"> <div class="content"></div> </div> <style> .box{ width: 100px; height: 200px; overflow: auto; } .content{ width: 100px; height: 1000 ......
HTML视频背景(动态背景)
网页动态背景一般是用视频实现的，能增添网页的感染力，我觉得很好看，也不难，不妨学一下。 先加入下面一串代码： 1 <style> 2 video{ 3 height: 100%; 4 width: 100%; 5 position: absolute; 6 right: 0px; 7 bottom: ......
Vue 拖拽组件(Draggable)
简介及使用教程 Vue 拖拽组件(Draggable)是一个允许与View-Model同步进行拖放排序的Vue组件。这是基于Sortable.js并提供它的所有功能。 特点 完全支持Sortable.js特性： 支持触摸设备 支持拖动句柄和可选择的文本 智能自动滚动 支持在不同列表之间拖放， 没有j ......
HTML5超文本链接和文本标签
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ......
在Canvas上进行文本输入及其它html元素操作
## 问题 `使用canvas绘制了一个表格，想要在上面进行编辑操作，但canvas并不支持修改操作` ## 思路 `通过给html元素设置绝对定位，遮盖canvas上的指定位置，所有编辑操作都在元素上进行，也可以将元素的值绘制到canvas上，示例demo如下：` 点击查看代码 ``` 编辑 取消 ......
html+css：一个元素多个类，来抽取相同的属性
如下的图像 其三个box的高度是相同的，且具有浮动元素，因此可以作为一个类来把其属性都放在一起 这种合并其实不难理解，但是我们在整体的代码设计中很难考虑这一点，这个一定要记住！！ .child{ height: 200px; float: left; } <div class="box"> <div ......
html+css：“圣杯布局”的设计案例
一、什么是圣杯布局 圣杯布局：左右两个盒子固定宽度， 中间盒子自适应 二、圣杯布局的设计原则： 我们现在来思考自适应这个问题，其本质就是 left 和 right 覆盖一整个大的center， 然后center使用padding把内容左右留出left和right相应的宽度。 可是，现在如何来覆盖呢？ ......
让页面价格等数字显示两位小数
// 让数字显示两位小数 由于0.00 和3.00 只能是字符串格式 返回统一显示字符串格式 export const RoundToFixed = (num,dec)=>{ let sNum = num + ""; let idx = sNum.indexOf("."); if (idx < 0) ......
爬虫系统的核心：如何创建高质量的HTML文件？
在网页抓取或爬虫系统中，HTML文件的创建是一项重要的任务。HTML文件是网页的基础，包含了网页的所有内容和结构。在爬虫系统中，我们需要生成一个HTML文件，以便于保存和处理网页的内容。 在这种情况下，可以使用Java函数来实现将爬取到的网页内容保存为HTML文件的功能。具体来说，当爬虫系统获取到需 ......
html+css：滑动门的设计案例
一、什么是滑动门布局？ 其代码效果如下所示，其不管中间的文字多长，其图片都可以包含进去！！ 二、如何实现滑动门布局？ 首先，我们通过背景图片，通过 <a> <span> 关于我们 </span> <a> 这种来将内容包裹进去。 然后对a进行 background-img 左边，然后对span进行 b ......
java 支持 超大上G,多附件上传组件
这里只写后端的代码，基本的思想就是，前端将文件分片，然后每次访问上传接口的时候，向后端传入参数：当前为第几块文件，和分片总数 下面直接贴代码吧，一些难懂的我大部分都加上注释了： 上传文件实体类： 看得出来，实体类中已经有很多我们需要的功能了，还有实用的属性。如MD5秒传的信息。 public c ......
百度上传下载组件视频
IE的自带下载功能中没有断点续传功能，要实现断点续传功能，需要用到HTTP协议中鲜为人知的几个响应头和请求头。 一. 两个必要响应头Accept-Ranges、ETag 客户端每次提交下载请求时，服务端都要添加这两个响应头，以保证客户端和服务端将此下载识别为可以断点续传的下载： Accept-R ......
$router.push跳转页面传参
$router.push传参与收参 //传参 <el-button type="text" @click="$router.push('/games/Match?id='+1)">页面跳转1</el-button> //收参 const id = this.$route.query.id; $rou ......
Windows服务器使用IIS部署html页面
如果用的是Linux相同的话 把前端部署上去 你就是直接把本地的文件cv过去就行了 页面的ip就是你服务器的ip 但是在windows系统上 就不行 你要自己配置一个公网ip 配置步骤如下: 双击打开服务器 然后就可以了 然后这边启动你刚刚配置的项目 出现这个页面 解决办法 找到这个应用程序 改为t ......
html+css：padding与margin的应用场景，以及margin上边框合并问题
一、一个困扰自己长久的问题 padding 和 margin 其似乎可以实现相同的效果，但是纠结使用哪一个。 现在一个规定： 若是内嵌关系，则使用padding来调整，若是并列关系，则使用margin来调整！ 若是内嵌关系，则使用padding来调整，若是并列关系，则使用margin来调整！ 若是内 ......
html+css：<a>中嵌入<img>，实现图片链接
这个很好理解，记住 <a> 中不仅可以写标签，还可以嵌入文字。 现在效果如下，在<a>中嵌入了<img>，同时又嵌入了<p>，点击图片和文字段落，其都会直接来进行跳转。 这个是非常重要的，一点也不难，耐心做下去。 ......
html+css：文章居中，图片居中
我们平常要涉及很多居中，现在这个要理解 一、文字内容居中 如下，其宽度居中采用text-align，但其高度居中，则让块高度，和行高度保持一致，此时就可以实现宽度居中 二、图片居中于浏览器，img作为行内块元素是无法实现的！ img作为行内块元素，其有行的性质，此时 margin 是没有效果的，如下 ......
html+css：padding + content 才是盒子的内容大小
这个要知道，我们有padding，这个padding指的是内容（举个例子，背景颜色就不属于内容）。 我们在计算内容的宽高时要记住，如下图的对比，padding的这个要理解 ......
html+css：深入理解 background-img 和 img区别
这俩 background-img 和 img，在图片布局时，我们经常用到，但我们有时很难理解其区别。 简单来说，background-img，其作为背景，图片大小本身无法决定内容的大小！！ 简单来说，background-img，其作为背景，图片大小本身无法决定内容的大小！！ 简单来说，backg ......
html+css：深入理解“块级元素”、“行内元素”和“行内块”元素
“块级元素”、“行内元素”和“行内块”元素，理解这个，才能深入理解css的盒子模型，这个是非常重要的。 其关键是“宽高”，理解“宽高”，“宽高”，“宽高”！！！ 这个是其根本区别，行内元素是由内容撑开，给宽高不起作用！！ 一、行内元素只记住 span 和 a 元素即可 如下，什么 dd,dt都是块级 ......