JS案例:在浏览器实现自定义菜单 目录 前言 设计思路 BaseElem Menu CustomElement BaseDrag Drag Resize 最终效果 总结 相关代码 前言分享一下之前公司实现自定义菜单的思路,禁用浏览器右键菜单,使用自定义的菜单将其代替,主要功能有:鼠标右键调出菜单,双击选中/取消选中标签,新建标签,删除标签,调整位置,调整大小,取消拖拽,关闭菜单 设计思路 MessageCenter来自于消息中心 2023-07-24 JavaScript TypeScript 面试文档 javascript 前端 typescript 面试 开发语言 css
只会用插件可不行,这些前端动画技术同样值得收藏-JavaScript篇(上) 目录 前言 settimeout/setinterval requestAnimationFrame 基本用法 时间戳参数 帧数与时间戳计算 自动暂停 JS中的贝塞尔曲线 概念 公式 二次贝塞尔 三次贝塞尔 N次贝塞尔 贝塞尔曲线+动画 动画类 在动画中使用贝塞尔 总结 相关代码: 贝塞尔曲线相关网站: 参考文章: 前言上篇文章我们详细的讲述了CSS中的原生动画技术,了解了过渡与动画属性。那么本 2023-07-17 JavaScript 面试文档 前端动画 javascript 前端 面试 开发语言 动画
Win10或Win11更新补丁后导致360随身wifi提示USB设备驱动异常,创建Wifi网络失败 遇到的问题:运行环境:Windows11更新补丁版本:2023-适用于 Windows 11 的 07 累积更新,适合基于 x64 的系统 (KB5028182)硬件版本:360随身wifi-3错误提示:USB设备驱动异常,创建Wifi网络失败采取措施:更新/重装驱动,重启,重置网络,修改ApSetting.ini设备管理器异常:上述措施均无效,初步断定是更新系统补丁(KB5028182)导致的解 2023-07-15 操作方式 windows
更新补丁导致360随身wifi提示USB设备驱动异常 运行环境:Windows11更新补丁版本:2023-适用于 Windows 11 的 07 累积更新,适合基于 x64 的系统 (KB5028182)硬件版本:360随身wifi-3错误提示:USB设备驱动异常,创建Wifi网络失败采取措施:更新/重装驱动,重启,重置网络,修改ApSetting.ini设备管理器异常:上述措施均无效,初步断定是更新系统补丁(KB5028182)导致的解决方案(Wi 2023-07-15 操作方式 windows
你真的了解JS垃圾回收机制吗? 目录 前言 堆栈内存管理 JS垃圾回收机制 标记清除(Mark and Sweep) 标记阶段 清除阶段 标记清除的特点 优点 缺点 引用计数(Reference Counting) 引用计数器的维护 引用计数的跟踪 垃圾回收的触发 回收对象 引用计数的特点 优点 缺点 分代回收(Generational Collection) 老生代回收 新生代回收 分代回收的特点 优点 缺点 内存泄漏 内存泄 2023-07-10 JavaScript 面试文档 javascript 前端 面试 开发语言 性能优化
只会用插件可不行,这些前端动画技术同样值得收藏-CSS篇 目录 前言 Transition 属性 简写 进阶用法 Animations @keyframes关键帧 from&to animation动画 属性 简写 进阶用法 贝塞尔曲线(Bezier Curve) 总结 前言实现动画效果是前端提升用户体验的重要一环,从CSS动画到JS动画帧,每种技术都有其独特的优势和适用场景,本篇文章将与大家分享浏览器CSS的原生动画技术 在css中有两种动画 2023-07-03 CSS JavaScript 前端动画 javascript 前端 面试 css
如何在CSS中写变量?一文带你了解前端样式利器 目录 引言 概念 语法 基本用法 使用场景 全局变量 局部变量 编辑 媒体查询变量 动态定义 继承变量 自变量 与其他方案的区别 使用方式上 作用域的区别 编译产物 功能及拓展 总结 写在最后 引言前端的变量写法大致可以分为三大类,分别是CSS-in-JS,CSS预处理器,和CSS原生变量。作为前端开发人员,我们应该了解并善用它们,以便实现更加灵活、可维护的样式。本篇文章将与大家分享一下原生C 2023-06-27 CSS 面试文档 前端 css css3
在?聊聊浏览器事件循环机制 目录 前言 同步/异步编程模型 同步 异步 JS异步模型 调用栈 任务队列 宏任务队列 微任务队列 微任务API 事件循环 队列优先级 混合队列 事件循环实现 总结 参考文章 Event-Loop可视化工具 前言JS是单线程语言,在某个时间段只能执行一段代码。这种单线程模型的好处是不会出现多线程的竞态条件和死锁等问题:在多线程中,某个资源同时被其他线程调度时可能会出现执行顺序不确定导致错误,或者 2023-06-20 JavaScript 面试文档 javascript 前端 面试 开发语言
作为前端开发,你了解MutationObserver吗? 目录 前言 演变过程 基础概念 MutationObserver observe(target, options) attributes:是否监听标签属性变化 childList:是否监听子节点变化 characterData:是否监听文本节点内容的变化 attributeOldValue:是否记录属性变化前的值 characterDataOldValue:是否记录文本节点内容变化前的值 subt 2023-06-12 JavaScript 面试文档 TypeScript javascript 前端 面试
无需服务器,5分钟在公众号中接入ChatGPT 前言在原先使用openAI的接口分别实现过微信聊天,语音对话等功能的基础上,我又将矛头指向了公众号,最近在github中找到了一个挺好玩的案例:公众号机器人,于是打算分享一下整个搭建过程 准备工作 微信公众号 AirCode账号 OpenAI的apikey 源码 Vpn 搭建过程openAI挂vpn进入openAI官网的apikey页面 创建openAI的apikey,点击创建或使用原先的ke 2023-06-06 Node.js 操作方式 JavaScript node.js 人工智能 chatgpt