Web Components详解-Shadow DOM基础 目录 引言 概念 基本用法 attachShadow函数 mode(模式) delegatesFocus(委托聚焦) Custom Elements+Shadow DOM 基本用法 样式及属性隔离 写在最后 相关代码 参考文章 引言上篇文章的自定义标签中,我们使用customElements对象对原生标签进行拓展,达到组件的拓展性与复用性的效果,那么如何保证组件的属性、结构及样式的封装隔离便是本 2023-09-04 Web Components JavaScript 面试文档 javascript 前端 面试 开发语言
Web Components详解-Custom Elements 目录 引言 演变过程 概述 使用方式 创建标签 定义标签 使用标签 获取标签 异步定义标签 升级标签 完整案例 结语 相关代码 参考文章 引言随着项目体量的增大,组件化和模块化的优势也愈发明显了,构建可重复使用、独立、可互操作的组件变得尤为重要,在JS中我们可以通过class和函数对代码解耦,使某段代码可以复用。在TS中我们也可以通过模块对代码进行模块化开发,在HTML页面中同样有一种技术可以实 2023-08-28 JavaScript 面试文档 Web Components javascript 前端 面试 html
手摸手带你实现一个开箱即用的Node邮件推送服务 目录 编辑 前言 准备工作 邮箱配置 代码实现 服务部署 使用效果 题外话 写在最后 相关代码: 前言由于邮箱账号和手机号的唯一性,通常实现验证码的校验时比较常用的两种方式是手机短信推送和邮箱推送,此外,邮件推送服务还可以达到推送关键信息和消息通知的诉求。为了方便快捷的使用邮件推送api,我基于Node和相关库快速搭建了一个简易的开箱即用的邮件推送服务。本文与大家做个分享 准备工作 云函数,服 2023-08-21 Node.js 操作方式 TypeScript javascript 前端 node.js typescript github
AutoxJS脚本保姆级教程 目录 引言 准备工作 脚本开发 邮件提示(不使用邮件推送的可以跳过这步) 节假日判断(不需要判断节假日的可以跳过) 问题及技巧归总 JS语法错误:软件更新 按钮或组件无法找到 使用定时器等待组件出现 root环境下才能用shell的root模式 主线程堵塞问题 全局日志记录 巧用id或text Tasker和AutoXjs自启问题 效果展示 写在最后 注意:该脚本请勿用于商用,侵删 相关代码 引 2023-08-14 自动化工具 JavaScript 操作方式 javascript 前端 自动化 运维
只会用插件可不行,这些前端动画技术同样值得收藏-JavaScript篇(下) 目录 前言 介绍 基本使用 关键帧 KeyframeEffect的三种类的声明 keyframes options 动画对象 全局Animation类 标签中的animate函数 总结 相关代码: 前言接着上文往下介绍,上篇文章我们对JS原生动画和贝塞尔曲线有了一个详细的认识,基于定时器或动画帧,我们可以实现元素的动画缓动,本文将分享浏览器中功能强大的Animations API,有兴趣的朋友请 2023-08-07 前端动画 JavaScript 面试文档 javascript 前端 面试 动画
JavaScript作用域详解 目录 前言 什么是作用域 作用域类型 全局作用域 局部作用域 块级作用域 ES6之前 ES6以后 作用域链 变量提升 基础概念 优先级问题 闭包 定义 特点 使用场景 封装私有变量 延长变量周期 模块化、命名空间 缓存 ES6的作用域 const、let 块级作用域 变量提升 暂时性死区 不可重复声明 箭头函数 题外话 动态作用域与词法作用域 词法作用域 动态作用域 总结 前言作用域是JavaS 2023-07-31 JavaScript 面试文档 Node.js javascript 前端 面试 开发语言
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