×

vue.js

vue基于element实现动态表格

Mychanges Mychanges 发表于2024-06-17 浏览8353 评论0
前言 大家都知道element表格组件的表头是静态写死的,我们在渲染数据时只需要将接口返回的数组动态绑定给 data 属性,然后再通过 prop 去对应字段项即可;但是静态的表头并不能满足一些特殊的使用场景,所以我们需要将它变成活的,也就是动态渲染表头,然后再将表格中的数据一一对应表头。 实现效果: 实现思路: 与静态表格返回的数据格式不同(如下图),动态表格一般会返回两个数组,分别对应表头数据、表格数据,我们需要将表头的数组在 <el-table-column

node.js

Rtsp服务搭建(Ffmpeg+Node.js+jsmpeg网络视频服务器)

丘 发表于2024-06-17 浏览8627 评论0
当前有几个海康监控,想接入MES系统,去他们官方网站下载了两个web的sdk包,分别为控件开发包和无插件开发包,结果很坑,控件,要求为ie浏览器才能用,太局限了。而无插件,则要求浏览器版本,我看chrome那版本,牙都掉了,版本旧得在网上找不到。不知道其它人是怎么实现在,反正折腾了一天都没发现在web他们给的开发包能接在MES里。后面在监控管理端看到有RTSP服务,我们可以使用Ffmpeg+jsmpeg把RTSP转成Web前面可播放的hls。 具体操作流程 一、下载需要的软件(注意按对应版本

html5

electron自定义导航栏、菜单(electron 菜单栏)

Frankiefang Frankiefang 发表于2024-06-17 浏览6841 评论0
其实自定义导航栏比较简单,但是一般自用的软件没有必要自定义,面向客户的可能需要自定义一下。 主要分为两步:1.关闭默认的边框win和mac的方法不一样。2.在html里写自己的导航栏。3.给自定义的导航添加css样式。有两个-webkit-app-region: drag;和-webkit-app-region: no-drag;,可以拖动和不可以拖动。 取消默认边框(导航栏) 在BrowserWindow里面设置frame:false,如果你的是mac系统则titleBarStyl

html5

2022 CSS 水平垂直居中方式汇总,全到没朋友(锤爆面试官系列)(水平居中和垂直居中 css)

??? ??? 发表于2024-06-17 浏览10772 评论0
目录 前言 居中元素宽高已知 1、absolute + margin auto 2、absolute + 负 margin 3、absolute + calc 居中元素宽高未知 1、absolute + transform 2、line-height + vertical-align 3、table 表格元素(不推荐) 4、css-table(display:table-cell) 5、flex 布局(推荐) 6、flex + margin auto 7、grid 网格

jquery

通过Jquery获取表单的数据(jquery获取表单数据的方法)

凡间教主 凡间教主 发表于2024-06-17 浏览6142 评论0
思路: 首先先想好页面布局,然后写出页面的样式。本次项目我分为以下三个部分来写。 对应代码实现需要的知识点有个模糊概念:(1)JQuery(2)form表单(3)盒子模型 代码实现:本次项目代码实现分为两个部分,一个部分是表单展示的实现,另一个部分则是JQuery获取信息,通过控制台输出。  实现过程及代码: 首先是表单结构 ,这里我用盒子模型划分成三个部分 <!DOCTYPE html> <html> <head> <meta cha

html5

HTML和HTML5的区别(html和html5的区别大吗)

sb70770 sb70770 发表于2024-06-17 浏览5188 评论0
HTML和HTML5的区别 什么是HTML?HTML全称为超文本标记语言(Hyper Text Markup Language),它包括一系列标签,通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。什么是HTML5?HTML5是HTML的第五个版本,HTML5已经远远超越了标记语言的范畴,它的设计目的是在移动设备上支持多媒体,和HTML比起来,深度和广度上都做了进一步提升。HTML5更方便书写、精简,有利于程序员快速的阅读和开发。 区别: 1.文档声明

html5

前端基础——html5新增标签(HTML5新增标签)

白冰寒风 白冰寒风 发表于2024-06-17 浏览5983 评论0
一、新增表单标签 原始表单标签:input(text、password、radio、checkbox、button)、select、textarea、button、form。 h5增加了很多功能性的表单标签用于pc端和移动端的表单开发。 邮箱:input(type="email"),提交数据时提供了邮箱格式的验证(格式不一定完全正确,因此以后需要通过js来进行调整; 数字输入框:input(type="number"), 网址输入框:input(type="url"),验证输入内

css3

前端项目 电影院选座付款系统 【原生 JS 实现 页面美观简洁】

刚好 刚好 发表于2024-06-17 浏览9354 评论0
       本篇文章写的是一个电影院的选座与页面跳转系统,因为时间仓促,只写了 3号厅的选座系统,后期有时间会写一个完整的功能更完备的电影院系统。        本项目完全使用原生JS实现,共有下列功能:两种座位价格 22 元 和 23元,包场功能,清空已选座位功能,点击支付后会将总价格传入付款界面,数据在页面间传递使用的是 JS 的本地存储 ....... 文章目录:  效果展示: 主页面: 选座页面:  开始选座:  包场:  页面跳转:  代码分析:第一个页

javascript

Vue3.2单文件组件setup的语法糖总结(vue3中的setup)

独角兽 独角兽 发表于2024-06-17 浏览10447 评论0
目录 前言 setup语法糖 一、基本用法 二、data和methods 三、计算属性computed 四、监听器watch、watchEffect 五、自定义指令directive 六、import导入的内容可直接使用 七、声明props和emits  八、父组件获取子组件的数据  九、provide和inject传值 十、路由useRoute和useRouter 十一、对await异步的支持 十二、nextTick 十三、全局属性globalProperties

postman

postman使用方法

财神 财神 发表于2024-06-17 浏览17125 评论0
 一 、postman 界面功能介绍 1、工具栏 New: 新建,可以新建Request请求,Collection请求集,环境等等 Import: 导入,可以导入别人导出的请求集 Runner: 运行一个请求集(批量执行) Invite: 邀请(需要注册,邀请进行协作) 同步图标: (需要注册,同步你的项目到云端) 抓包图标: 抓包/捕获请求,用于开启Postman代理, 手动设置代理(或手机代理)后可抓包/录制请求 设置图标: Postman设置功能 消息图标: 官方及协助消息 收藏图