前端开发

前端开发是创建WEB页面或APP等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。前端开发跟随移动互联网发展带来了大量高性能的移动终端设备应用。HTML5,Node.js的广泛应用,各类UI框架,JS类库层出不穷,开发难度也在逐步提升。
JavaScript异步Promise、Async、await使用举例详解-牛翰网

JavaScript异步Promise、Async、await使用举例详解

目录 一、JS里的同步异步 二、Promise  1、状态 2、all()、race()、any() 3、简单案例 4、异步执行案例 5、解决异步嵌套繁琐的场景 三、async和await 1、async返回类型 2、async与await结...
6ebfe280a6db59e4的头像-牛翰网Dragon Wu5个月前
0588
通过js控制修改css变量的具体示例-牛翰网

通过js控制修改css变量的具体示例

目录 前言 1. 在全局范围内设置CSS变量 2. 在特定元素上设置CSS变量 3. 读取CSS变量的值 4. 示例:动态改变背景颜色 附:JS中修改css中的自定义变量 总结 前言 在JavaScript中,你可以通过操作C...
1ad016a5e95affbd的头像-牛翰网游九尘5个月前
02911
如何在js中动态修改元素的class属性-牛翰网

如何在js中动态修改元素的class属性

目录 1. 方法概览 2. 方法详解 2.1 使用 className 属性 描述 代码示例 优缺点 2.2 使用 classList 接口 描述 代码示例 优缺点 2.3 使用 setAttribute 方法 描述...
18dd4b7f32e0343c的头像-牛翰网怪咖学生5个月前
0437
前端实现跨页面通信的最全实现方案指南-牛翰网

前端实现跨页面通信的最全实现方案指南

目录 一、同源页面通信方案 1. Broadcast Channel API 2. LocalStorage 事件 3. SharedWorker 二、不同源页面通信方案 1. Window.postMessage + Origin 验证 2. 服务端中转方案 三、父子框架通...
06fc1daadaa58cc3的头像-牛翰网懒羊羊我小弟5个月前
0545
JavaScript获取对象键名的五种方法-牛翰网

JavaScript获取对象键名的五种方法

目录 一、核心方法对比表(一表打尽关键差异) 二、逐方法详解:适用场景与代码示例 1. Object.keys(obj):快速提取可枚举字符串键 2. for...in 循环:遍历原型链可枚举键(需过滤) ...
91eb42a55b141dff的头像-牛翰网星河丶5个月前
0415
JavaScript文件上传功能详解与实现过程-牛翰网

JavaScript文件上传功能详解与实现过程

目录 一、基本文件上传实现 1.1 HTML 表单元素 1.2 使用 JavaScript 实现文件上传 二、上传进度显示 三、多文件上传 四、处理上传后的响应 五、最佳实践 六、总结 文件上传是 Web 开发中常见的...
3ff08274920b170f的头像-牛翰网小于负无穷5个月前
04712
JavaScript惰性加载的优化技巧详解-牛翰网

JavaScript惰性加载的优化技巧详解

目录 场景描述 示例代码 问题 排查思路 1.初步性能评估 2.网络面板分析 3.性能面板深度分析 4.内存面板检查 5.Lighthouse自动化审计 6.具体问题定位步骤 尝试解决 1. 动态导入 (Dynamic Import)...
7ea0618fd6a8c600的头像-牛翰网大泽九章5个月前
0449
JS创建对象的六种方式-牛翰网

JS创建对象的六种方式

目录 1.对象字面量(Object Literal) 2.构造函数(constructor function) 3. Object.create() 4.工厂函数(Factory Function) 5.ES6 class 语法 6.单例模式(Singleton) 汇总 - 总结对比 1....
27c3fe41d5a8b61c的头像-牛翰网sevenliao5个月前
03013
前端如何写一个大文件上传组件详细步骤-牛翰网

前端如何写一个大文件上传组件详细步骤

目录 1. 核心思路 2. 实现步骤 1) 前端分片上传 2) 记录上传进度 3) 断点续传 4) 合并文件 3. 代码实现 前端代码(原生JS) 前端代码(VUE) 服务器端代码 总结  1. 核...
827504187bbc5e37的头像-牛翰网大嘴史努比5个月前
0375
前端vue完全销毁一个组件的简单步骤-牛翰网

前端vue完全销毁一个组件的简单步骤

目录 1. 使用 v-if 控制显示和销毁 2. 手动调用 $destroy 方法 3. 确保事件监听器和计时器清理 总结 在 Vue 中,完全销毁一个组件可以通过以下步骤进行: 1. 使用 v-i...
dceedf6a8697cf1f的头像-牛翰网IT古董5个月前
0369