前端开发
-
前言 最近在做的仿网易云播放器项目中，视频界面有个需求：当滚动条滚动到主视频界面离开可视窗口时，出现小窗继续播放。 HTML5 video 标签的画中画功能只能实现用户点击才会出现，滚动事件不能触发画中画 所以只能自己手写视频小窗播放 一、实现原理 二、实现过程 1.创建出所需的元素和数据 html 代码如下（css样式就不贴了）： <!-- 主视频 --> <div class="video"> <video :src="url" data 中的数据
2024-11-27 -
在项目中，有个需求就是用户可以选择其中的几个字段进行显示隐藏，也就是说tr中的td个数是不确定的，但是整个table确是固定宽度的，这就需要不管有几个td都要自适应去占满整个表格。如下图 正常应该是下图 注意红框中的字段是用户可以选择显示或隐藏的字段，而红色的数字是每个td的colspan的值 关键就在于同一个table的每行的tr中的所有td的个数可以不一样但是每行的tr中的所有td的colspan的值加起来要相等，上述表格乱码就是因为其中某个tr中的colspan总值不一致导致的，所以只
2024-11-27 -
ClickHouse是一个用于联机分析(OLAP)的列式数据库管理系统(DBMS)。由号称“俄罗斯 Google”的 Yandex 开发而来，在 2016 年开源，在计算引擎里算是一个后起之秀，在内存数据库领域号称是最快的。由于它有几倍于 GreenPlum 等引擎的性能优势，所以不少人都选择将其安装云服务器中使用。 ClickHouse 是一个列导向数据库，是原生的向量化执行引擎。它在大数据领域没有走 Hadoop 生态，而是采用 Local attached storage 作为存储，这样整
2024-11-27 -
模板语法 Vue模板语法有2大类： 2、指令语法： 功能：用于解析标签(包括：标签属性、标签体内容、绑定事件......)。 举例：v-bind：href = "xxx" 或简写为 :href = "xxx"，xxx同样要写js表达式，且可以直接读取到data中的所有属性。 备注：Vue中有很多的指令，且形式都是：v-????，此处我们只是拿v-bind举个例子。 举例： <!DOCTYPE html> <html lang="zh"> <head> <meta charset=
2024-11-27 -
在以前IE5.5以及更早的IE浏览用的不是标准盒模型，我们称之为IE盒模型。 先说重要的区别：两者的区别在于content的不同， IE盒模型：width=content+border+padding 标准盒模型：width=content box-sizing:border-box || content-box || inherit 当使用content-box时：页面将采用标准模式来解析计算，content-box也是默认模式当使用border-box时，页面将采用怪异模式解析计算，怪
2024-11-27 -
前端开发，测试，后端，该如何选择？说实话，只要对互联网行业有了解的，都会推荐你学测试。 首先必须声明，能在前端开发、测试、后端（主要是Java）这三个岗位中进行选择，说明是对互联网行业的了解是做足了功课的。这3个岗位不仅是技术岗，而且还是需求量排名前三的技术岗。这就意味着在可预见的很长时间里，这3个岗位，只要你能把技术学透，找工作没啥问题，只是工资高低的事。 计算机领域在接下来很多年里，依旧天花板很高。可能有人说，你这不废话吗，哪个行业天花板不高？不是那个意思，而是说，计算机的技术人员的天花板很
2024-11-27 -
?个人主页： ?系列专栏：JavaScript篇 ?人终将被年少不可得之物困其一生 1. 实现日期格式化函数 输入： dateFormat(new Date('2020-12-01'), 'yyyy/MM/dd') // 2020/12/01 dateFormat(new Date('2020-04-01'), 'yyyy/MM/dd') // 2020/04/01 dateFormat(new Date('2020-04-01'), 'yyyy年M
2024-11-27 -
一、报错： npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确， 然后再试一次。 所在位置 行:1 字符: 1 + npm init -y + ~~~ + CategoryInfo : ObjectNotFound: (npm:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoun
2024-11-27 -
1. 问题描述 当使用<el-image> </el-image>在网页中加载本地图片时，会出现图片加载失败的问题，但使用<img />标签可以正常显示。 <el-image src="../assets/bg_login.jpeg"></el-image> 2. 问题分析 按下 F12 打开控制台，在 Network 中查看请求详情。 使用 el-image 标签时 使用 img 标签时 打包后的文件夹 3. 解决方法 【解决方法】：将<el-image src="../assets/bg
2024-11-27 -
import * as echarts from 'echarts'; import ecStat from 'echarts-stat'; var chartDom = document.getElementById('main'); var myChart = echarts.init(chartDom); var option; // See https://github.com/ecomfe/echarts-stat echarts.registerTransform(ecStat.tr
2024-11-27