前端 - 随笔分类 - 哈哈哈~_~

使用第三方js，低版本浏览器显示空白问题

摘要：参考： https://juejin.cn/post/7306736066361524258 问题：使用ios13+预览显示空白使用macbook连接iPhone低版本，查看控制台报错信息项目：使用Onlyoffice预览，部署在http://192.168.1.X 服务器上，项目需要用到ap 阅读全文

posted @ 2026-02-10 11:41 哈哈哈~_~ 阅读(3) 评论(0) 推荐(0)

使用 Docker Compose 运行 ONLYOFFICE 文档

摘要：下载安装 Windows 系统（Windows 10/11 专业版 / 企业版）下载安装包：访问 Docker 官网，下载 Windows 版 Docker Desktop。安装：双击安装包，勾选「Use WSL 2 instead of Hyper-V」（推荐），一路下一步完成安装。启动验证阅读全文

posted @ 2026-01-04 11:36 哈哈哈~_~ 阅读(213) 评论(0) 推荐(0)

ngrok使用

摘要：一、什么是 ngrok？ ngrok 是一款跨平台的内网穿透工具（也叫反向代理工具），由官方提供云端服务与本地客户端，核心作用是搭建 “公网 ↔ 内网服务” 的安全通信通道，让处于内网（局域网）中的本地服务，能够被公网中的设备或应用访问到。简单理解：ngrok 就像一座 “桥梁”，一端连接你的本地阅读全文

posted @ 2025-12-31 11:03 哈哈哈~_~ 阅读(1) 评论(0) 推荐(0)

javascript的版本

摘要：avaScript 的版本核心围绕 ECMAScript（ES）标准演进（ES 是 JS 的语法和特性基础，通常说的 JS 版本本质是 ES 版本），同时需区分浏览器 / Node.js 的支持情况，以下是清晰梳理：一、核心 ECMAScript（ES）关键版本（重点必知） ES 版本发布年份核阅读全文

posted @ 2025-11-18 15:57 哈哈哈~_~ 阅读(57) 评论(0) 推荐(0)

安全漏洞问题的bug

摘要：客户说有安全漏洞，需要升级某些插件 XX项目中引入的AngularJS v1.4.14版本存在安全漏洞 Angular 框架那些著名的安全漏洞 https://code.angularjs.org/ 升级到最新版 XX项目中引入的jquery1.4.1存在安全漏洞升级到3版本，，但是又不能兼容IE 阅读全文

posted @ 2023-11-29 09:53 哈哈哈~_~ 阅读(53) 评论(0) 推荐(0)

鼠标拖拽拖动盒子时，与盒子内某些点击事件冲突问题解决

摘要：问题：拖动时会触发圆球的点击事件解决鼠标拖动盒子时，将 moving 设为 true 意为正在拖动盒子，此时将 class="move" 遮挡容器展示在悬浮球上层，以覆盖悬浮球，此时也就不存在触发悬浮球点击事件的冲突了；鼠标拖动完盒子弹起时再将 moving 设为 false 意为不在拖动盒子阅读全文

posted @ 2023-11-16 17:34 哈哈哈~_~ 阅读(210) 评论(0) 推荐(0)

使用base64数据做背景图片，IE无法显示

摘要：div { width: 100px; height: 100px; background-position: center center; background-repeat: no-repeat; background-size: 100px 100px; background-image: u 阅读全文

posted @ 2023-10-10 15:03 哈哈哈~_~ 阅读(250) 评论(0) 推荐(0)

图片预览插件viewer.js

摘要：下载 npm install viewerjs 原生引用 <link href="/path/to/viewer.css" rel="stylesheet"> <script src="/path/to/viewer.js"></script> option参数名称类型默认值说明 inline 布阅读全文

posted @ 2023-09-06 14:25 哈哈哈~_~ 阅读(766) 评论(0) 推荐(0)

Font Awesome使用方法

摘要：1.下载 https://fontawesome.com/2.解压3.将all.min.css复制到项目中，把下载好的字体文件放到assets文件夹下 4.将all.css引入到网页中 <!doctype html> <html lang="zh"> <head> <meta charset="ut 阅读全文

posted @ 2023-08-10 11:18 哈哈哈~_~ 阅读(625) 评论(0) 推荐(0)

使用TextEncoder和TextDecoder

摘要：TextEncoder 编码：字符串 -> UTF-8字节流 const encoder = new TextEncoder() const view = encoder.encode('€') console.log(view); // Uint8Array(3) [226, 130, 172] 阅读全文

posted @ 2023-06-28 14:19 哈哈哈~_~ 阅读(1791) 评论(0) 推荐(0)

前端字符编码

摘要：在计算机内部，所有的信息最终都表示为一个二进制的字符串。每一个二进制位（bit）有0和1两种状态，因此八个二进制位就可以组合出256种状态（-128~127），这被称为一个字节（byte）。也就是说，一个字节一共可以用来表示256种不同的状态，每一个状态对应一个符号，就是256个符号，从00000 阅读全文

posted @ 2023-06-27 09:47 哈哈哈~_~ 阅读(87) 评论(0) 推荐(0)

移动端键盘弹起试页面滚动到底部

摘要：问题：输入键盘弹起时会遮盖住底部的内容解决：增加内容高度，然后页面滚动到底部 <InputItem [content]="'评分'" [type]="'money'" [placeholder]="'满分100分'" formControlName="Score" (onFocus)="score 阅读全文

posted @ 2023-01-07 12:13 哈哈哈~_~ 阅读(143) 评论(0) 推荐(0)

遇见的bug汇总

摘要：angular项目启动时报错 angular - 另一个ID为#######的进程当前正在运行ngcc 首先尝试npm install再次运行，看看它是否可以解决您的问题。尝试ngcc手动运行。删除这个文件 node_modules/@angular/compiler-cli/ngcc/__ng 阅读全文

posted @ 2022-12-13 12:31 哈哈哈~_~ 阅读(70) 评论(0) 推荐(0)

百度脑图kityminder

摘要：KityMinder Editor 是一款强大、简洁、体验优秀的脑图编辑工具，适合用于编辑树/图/网等结构的数据。编辑器由百度 FEX 基于 kityminder-core 搭建，并且在百度脑图中使用。 kityminder-core 是 kityminder 的核心部分，基于百度 FEX 开发的阅读全文

posted @ 2022-12-01 11:06 哈哈哈~_~ 阅读(3871) 评论(0) 推荐(0)

前端学习

摘要：编程语言编程语言的发展大概经历了以下几个阶段：汇编语言 ==> 面向过程编程 ==> 面向对象编程汇编语言是编程语言的拓荒年代，它非常底层，直接和计算机硬件打交道，开发效率低，学习成本高；C语言是面向过程的编程语言，已经脱离了计算机硬件，可以设计中等规模的程序了；Java、C++、Python 阅读全文

posted @ 2022-08-19 12:15 哈哈哈~_~ 阅读(119) 评论(0) 推荐(0)

为什么常用Formdata对象来上传图片

摘要：一、上传的数据体格式Content-Type 1.application/x-www-form-urlencoded 2.application/json 3.multipart/form-data 以上三种类型旨在告诉服务器需要接收的数据类型同事要采用何种类型的解析方式。二、理解常见的三种Con 阅读全文

posted @ 2022-07-21 01:09 哈哈哈~_~ 阅读(396) 评论(0) 推荐(0)

chrome浏览器通知与语音播放

摘要：HTML5 Web Notification 语法 https://developer.mozilla.org/zh-CN/docs/Web/API/notification 如果浏览器支持Web Notification，不考虑私有前缀，则window.Notification就会是一个有很多静态阅读全文

posted @ 2022-05-23 17:38 哈哈哈~_~ 阅读(780) 评论(0) 推荐(0)

正则表达式-推荐网站

摘要：https://zhuanlan.zhihu.com/p/491620052?utm_source=ZHShareTargetIDMore&utm_medium=social&utm_oi=27581973790720 阅读全文

posted @ 2022-05-11 15:33 哈哈哈~_~ 阅读(50) 评论(0) 推荐(0)

记录坑：Chrome谷歌浏览器最小化和页面遮挡后JS代码不稳定

摘要：问题：用定时器 setInterval()做个滚动通知的动画，浏览器最小化时，定时器 setInterval()失效了，导致滚动条重叠了可能原因： js代码不稳定 Chrome谷歌浏览器最小化和页面遮挡后JS代码不稳定和功能失效的解决思路阅读全文

posted @ 2022-05-09 14:38 哈哈哈~_~ 阅读(729) 评论(0) 推荐(0)

css动画-滚动通知

摘要：使用动画 <div class="horNotice"> <div class="horMove"> <span>累计87例死亡重症八仙有3位赴上海</span> <span>北京新增21例感染者含多名在校生</span> </div> </div> .horNotice { position: 阅读全文

posted @ 2022-04-24 18:07 哈哈哈~_~ 阅读(218) 评论(0) 推荐(0)

随笔分类 - 前端