省略号 前端ellipsis页面
前端基础之BOM
前端基础之BOM 前戏 到目前为止，我们已经学过了JavaScript的一些简单的语法。但是这些简单的语法，并没有和浏览器有任何交互。 也就是我们还不能制作一些我们经常看到的网页的一些交互，我们需要继续学习BOM和DOM相关知识。 JavaScript分为 ECMAScript，DOM，BOM。 B ......
将favicon添加到静态HTML页面
内容来自 DOC https://q.houxu6.top/?s=将favicon添加到静态HTML页面 我有几页静态的HTML页面，当服务器出现故障时，我们会展示这些页面。我想把我制作的favicon（16x16像素，与HTML文件位于同一目录中，名为favicon.ico）作为“标签页”图标。我 ......
前端基础之JavaScript
前端基础之JavaScript JavaScript概述 ECMAScript和JavaScript的关系 1996年11月，JavaScript的创造者--Netscape公司，决定将JavaScript提交给国际标准化组织ECMA，希望这门语言能够成为国际标准。次年，ECMA发布262号标准文件 ......
Springboot使用return跳转到html页面只是返回字符串，不跳转问题的解决
问题描述 我在使用SpringBoot进行页面跳转时，发现其只是返回相应的字符串，并不会出现页面跳转： 问题解决 不要在Controller层加@Responsebody注解，不然就只会默认是返回字符串，而不会返回页面； ......
面试题： 前端处理滚动穿透这个顽疾
诚如你所知: 滚动穿透是指在移动端滑动页面的过程中，页面滚动受到了触摸事件的干扰，导致无法流畅地滚动，这主要是由于事件冒泡造成的。解决方法如下： 监听 touchmove 事件，阻止默认行为 监听 touchmove 事件，阻止事件的默认行为，防止事件冒泡到父元素上。 禁止滚动 可以通过 overf ......
Docker打包前端vue代码推送镜像到远程仓库
Docker打包前端vue代码推送镜像到远程仓库 目录Docker打包前端vue代码推送镜像到远程仓库业务场景：📝1.将前端代码www包解压后放在本地临时目录，然后创建一个dockerfile📜 2.登陆自己远程仓库📒3.构建镜像🔖4.给镜像打tag📖5.推送镜像到远程仓库🖊️最后总结 ......
keepalive 跳转到某个页面缓存 否则不缓存 缓存浏览的位置
export const KeepaliveListMixin = { /** * 两个路由守卫 实现 从详情返回到列表 列表页面缓存 否则就不缓存 */ beforeRouteEnter (to, from, next) { to.meta.keepAlive = true; next() }, ......
前端package文件依赖版本号^符号
在`package.json`文件中，版本号前面的`^`符号表示允许自动更新到当前主版本号下的次版本号。 例如，如果当前主版本号是1，次版本号是0，那么`^1.0.0`将允许安装`1.x.x`范围内的任何版本，但不会安装2.x.x或更高版本的包。 ......
分享一个HTML页面适配方式:用户手动缩放
<meta name="viewport" content="width=device-width,initial-scale=1.0"> 这个配置告诉浏览器自动将页面的宽度设置为设备的宽度（通常是屏幕宽度），并将初始缩放比例设置为 1.0。这通常用于确保网页在移动设备上以完整的屏幕宽度显示，而不需 ......
纯前端实现图片验证码
前言 之前业务系统中验证码一直是由后端返回base64与一个验证码的字符串来实现的，想了下，前端其实可以直接canvas实现，减轻服务器压力。 实现 子组件，允许自定义图片尺寸(默认尺寸为100 * 40)与验证码刷新时间(默认时间为60秒)。同时暴露绘制验证码方法drawPic(),允许父组件直接 ......
前端出大事儿了
公众号「古时的风筝」，专注于后端技术，尤其是 Java 及周边生态。 个人博客：www.moonkite.cn 大家好，我是风筝 最近这两天，在前端圈最火的图片莫过于下面这张了。 这是一段 React 代码，就算你完全没用过 React 也没关系，一眼看过去就能看到其中最敏感的一句代码，就是那句 S ......
overflow溢出属性 前端基础之JavaScript
今日内容详细 overflow溢出属性 visible 默认值。内容不会被修剪，会呈现在元素框之外。 hidden 内容会被修剪，并且其余内容是不可见的。 scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。 auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。 ● ......
禅道18.0_beta如何在项目需求列表页面添加自定义字段显示
1.数据库表 zt_story 添加自定义字段 extraNumber 2.扩展 module 下的 story 扩展config 在 extension/custom 新建 story/ext/config/test.php (名字随意),内容 <?php $config->story->data ......
禅道18.0_beta如何在项目需求列表页面通过自定义字段搜索
里面的字段实际上是从 product 模块取的,只需要扩展product的config就可以了 在 extension/custom 新建 product/ext/config/test.php 名字随意 <?php $config->product->search['fields']['extra ......
【keng】 Vue2 多次传参进入同一页面 页面不走生命周期函数
比如 一个搜索跳转功能 搜索 123 进入页面加载数据 再次搜索 456 还是进入这个页面 这个页面就不会走生命周期了 解决方案 在App.vue 上 为 router-view 增加一个key 这个key 就是随便写一个随机数就可以 不要重复 eg: ......
如何在 Web 前端做 3D 音效处理
一、背景 在社交元宇宙、大逃杀等类型的游戏场景下，用户在通过简单语音交流外，结合场景也需要一些立体声效果来让用户感知游戏角色周围其他用户的存在及其对应的距离和方位，提高语音互动的趣味性。 为了满足上述需求 ZEGO Express Web SDK 从 v2.10.0（Native 为 v2.11 ......
app支付金额为100，但是前端却显示50，这种情况是怎么回事呢？该如何处理？
app支付金额为100，但是前端却显示50，这种情况是怎么回事呢？该如何处理？ 1、可能是服务端没有正常响应返回数据导致的问题--前端发起请求到服务端后没有正常响应返回响应数据，导致回显金额跟实际支付金额不一致； 2、可能是前端展示的问题--前端正常请求了，服务端也正常响应返回数据了，包括通过查询数 ......
React Native在非组件的地方使用页面跳转（interceptors拦截器处跳转页面）
官方文档：https://reactnavigation.org/docs/navigating-without-navigation-prop/ 修改APP.js import { NavigationContainer } from '@react-navigation/native'; imp ......
vue2 单页面应用兼容 ie & 对象不支持"append"属性或方法
在平时如果用到vue2 但是打开ie测试的时候发现代码没起到预期的效果(作用)的话。就要用到polyfill和browser来对你的vue代码转成es5语法啦。 具体用法是： 先下载polyfill和browser的js文件 然后 引入polyfill和browser的js文件 1 <script ......
Vue数据更新页面却没有更新的几种情况以及解决方法
情况一：Vue无法检测实例被创建时不存在于data中的变量 原因：由于 Vue 会在初始化实例时对 data中的数据执行 getter/setter 转化，所以 变量必须在 data 对象上存在才能让 Vue 将它转换为响应式的。 例如： 1 2 3 4 5 new Vue({ data:{}, t ......
二、搭建前后端分离的自动化测试平台的前端Vue3+Element-plus前端项目
一、安装Node.js以及配置环境变量 1、Node获取地址 https://nodejs.org/en/download 一直默认选项安装，安装好了之后，在环境变量中会自动配置Node的地址，可以在cmd中使用 node -v/npm -v命令验证是否下载成功 2、设置Node的配置内容 （1）在 ......
前端大文件切片上传，断点续传、秒传等解决方案，vue中使用实例
先看逻辑 如何切片？如何获取文件唯一hash？与后端交互获取文件上传的状态，用于判断情况，是秒传还是续传？上传切片文件，判断失败文件重新执行？全部上传完成通知后端？ 1、先上全部代码，后面第2部分解析、第3部分vue中使用相关依赖spark-md5主要用于拿取文件的md5mitt 发布订阅 impo ......
Spring Boot - ffmpeg 获得 m3u8 列表和 ts 文件，前端请求视频流进行播放
安装 ffmpeg FFmpeg 下载地址：GitHub releases。请下载：ffmpeg-master-latest-win64-gpl-shared.zip 压缩包。 解压到你系统盘任意位置（前提是你以后找得到这玩意儿在哪）。 接下来就是配置其环境变量，所有的环境变量都是配置它的启动文件的 ......
前端面试题
vue页面跳转会经过两个钩子函数**beforeEach、afterEach** 组见守卫 **beforeRouteEnter**前置组见守卫 **beforeRouteUpdate*更新之前 watch和computed区别 数据没有改变，则 computed 不会重新计算）。若没改变，计算属性 ......
基于Echart的前端可视化
GitHub 上有许多关于低代码自助可视化的项目，前端使用 Vue 和 ECharts 的示例。以下是一些可能符合你要求的项目： DataV: 项目链接：DataV 描述：DataV 是一款基于 Vue 和 ECharts 的低代码自助可视化工具，它提供了丰富的可视化组件和拖拽式的界面设计，使用户可 ......
【HarmonyOS】服务卡片 API6 JSUI跳转不同页面并携带参数
【关键字】 服务卡片、卡片跳转不同页面、卡片跳转页面携带参数 【写在前面】 本篇文章主要介绍开发服务卡片时，如何实现卡片点击跳转不同页面，并携带动态参数到js页面。在此篇文章“服务卡片 API6 JSUI跳转不同页面”中说明了如果跳转不同页面，这里在此基础上介绍跳转js页面时，如何携带参数到js ......
如何通过Python代码旋转PDF页面
日常处理 PDF 文档时，我们时常会遇到页面颠倒、很难正常阅读或打印的情况。 在这种情况下，我们可以通过旋转页面来调整文档的方向。旋转时，也可以根据具体情况，选择顺时针或逆时针旋转特定的角度，以使页面内容更加清晰可读或适应特定的显示需求。这一功能可以通过PDF处理工具或者库来实现。这篇教程将介绍如何... ......
Chrome浏览器查看前端参数
按F12或者右键点击“检查”进入开发者模式。 点击这个箭头图标，即可选择要查看参数的区域。 查看表格的行高和列宽 当鼠标移到某区域，就会出现浮层，显示此区域的长和宽 查看字体和字号 在搜索栏搜索关键字“font-size”可找到字号 ......