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

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

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

posted @ 2023-11-16 17:34 哈哈哈~_~ 阅读(137) 评论(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 哈哈哈~_~ 阅读(657) 评论(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 哈哈哈~_~ 阅读(1511) 评论(0) 推荐(0) 编辑

前端字符编码

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

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

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

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

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

百度脑图kityminder

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

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

前端学习

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

posted @ 2022-08-19 12:15 哈哈哈~_~ 阅读(101) 评论(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 哈哈哈~_~ 阅读(371) 评论(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 哈哈哈~_~ 阅读(655) 评论(0) 推荐(0) 编辑

正则表达式-推荐网站

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

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

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

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

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

前端性能优化

摘要：优化网络连接【使用CDN】 CDN全称是Content Delivery Network，即内容分发网络，它能够实时地根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等综合信息将用户的请求重新导向离用户最近的服务节点上。其目的是使用户可就近取得所需内容，解决 Internet网络拥挤阅读全文

posted @ 2022-03-18 17:02 哈哈哈~_~ 阅读(32) 评论(0) 推荐(0) 编辑

promise原理

摘要：promise的基础语法目的：promise是书写异步代码的另一种方式，解决回调函数嵌套的问题 // 1 创建 new 一个 const p = new Promise((resolve, reject) => { // resolve and reject都是promise内部提供的 => 将状阅读全文

posted @ 2022-03-17 00:42 哈哈哈~_~ 阅读(85) 评论(0) 推荐(0) 编辑

web安全

摘要：常见web安全一 XSS 是什么跨站脚本(XSS)允许攻击者将恶意代码注入到页面中这些代码可以偷取用户数据（特别是它们的登录数据），还可以冒充用户执行操作。它是 Web 上最常见的攻击方式之一。比如，如果某个攻击者能骗你把 <script> 标签插入到 DOM，就可以在你的网站上运行任何代阅读全文

posted @ 2022-03-09 13:58 哈哈哈~_~ 阅读(46) 评论(0) 推荐(0) 编辑

记录js一些方法

摘要：递归查找树中的某个节点 nodes是树结构数据，id是要查找的树节点的id const node = this.getNode(nodes, this.id); console.log(node); getNode(treeNodes: Array<any>, key) { let node; fo 阅读全文

posted @ 2022-01-27 17:18 哈哈哈~_~ 阅读(53) 评论(0) 推荐(0) 编辑

prettier + tslint使用

摘要：使用prettier 只需要保存文件，代码就会被整理格式，代码复查的时候不需要再争论风格把prettier加入到项目: yarn add prettier --dev --exact Then, create an empty config file to let editors and othe 阅读全文

posted @ 2022-01-13 12:16 哈哈哈~_~ 阅读(209) 评论(0) 推荐(0) 编辑

js学习

摘要：<noscript > noscript 元素用来定义在脚本未被执行时的替代内容（文本）。此标签可被用于可识别 <script> 标签但无法支持其中的脚本的浏览器。如果浏览器支持脚本，那么它不会显示出 noscript 元素中的文本。无法识别 <script> 标签的浏览器会把标签的内容显示到页阅读全文

posted @ 2022-01-11 17:57 哈哈哈~_~ 阅读(34) 评论(0) 推荐(0) 编辑

代码检测

摘要：https://www.wenjiangs.com/article/0179b9a0e928.html https://blog.csdn.net/cookcyq__/article/details/125457031 检测代码的工具很多，主要分为三类：一类是代码格式化工具，专注代码结构美化，不处阅读全文

posted @ 2021-10-26 17:30 哈哈哈~_~ 阅读(232) 评论(0) 推荐(0) 编辑

严格模式

摘要：开启方法 1 在脚本第一行'use strict', 为整个脚本开启严格模式 2在函数内部第一行use strict' ，为函数开启严格模式变化-严格模式下 1变量名必需先声明再使用 2不能用delete删除已经定义好的变量 3全局作用域函数中this指向是undefined 4构造函数实例化必需阅读全文

posted @ 2021-09-22 22:12 哈哈哈~_~ 阅读(48) 评论(0) 推荐(0) 编辑

call(),apply(),bind()

摘要：call 1调用函数 2改变函数内的this指向 3实现继承：构造函数+ 原型对象--组合继承 var obj = { uname: 'lili' } function fn(a, b) { console.log(a + b); console.log(this); } fn.call(); / 阅读全文

posted @ 2021-09-22 21:35 哈哈哈~_~ 阅读(25) 评论(0) 推荐(0) 编辑

随笔分类 - 前端

搜索

常用链接

随笔分类

随笔档案

阅读排行榜

推荐排行榜