JavaScript
关注
分享
扫一扫
文章平均质量分 86
JavaScript
乐闻x
路虽远，行则将至。
展开
-
探索 JavaScript 事件机制（一）：从基础概念到实战应用
在现代前端开发中，JavaScript 事件是实现用户交互的核心机制之一。无论是按钮点击、鼠标移动还是键盘输入，这些用户操作都会触发特定的事件，从而使网页变得更加动态和响应式。然而，许多初学者对事件的概念和使用方法感到困惑。本文将通过详细的讲解和实际示例，帮助你全面理解 JavaScript 事件的工作原理及其在开发中的具体应用。简单来说，JavaScript 事件就是用户或浏览器执行某种操作时触发的信号。这些操作可以是点击按钮、移动鼠标、键盘输入等。原创 2024-10-23 23:00:56 · 772 阅读 · 0 评论 -
探索 JavaScript 事件机制（二）：如何自定义事件
在上篇文章中，我们了解了 JavaScript 的事件机制是怎么回事：从事件冒泡到事件捕获，再到事件委托。这次我们要更进一步，聊聊如何在 JavaScript 中自定义事件。这玩意儿可是前端开发中的一把利器，学会之后，你就可以为自己的应用增加更多的互动性和灵活性。我们在开发过程中，常常会碰到一些场景，用原生的浏览器事件（如点击、滚动等）并不能完全满足需求。这时我们就需要“自定义事件”，它就像我们自己定义的一套规则，想啥时候触发就啥时候触发。JavaScript 提供了 CustomEvent 构造函数，让我原创 2024-10-23 23:37:36 · 1399 阅读 · 0 评论 -
探索 JavaScript 事件机制（三）：事件循环机制
JavaScript 是一种单线程的编程语言，这意味着它一次只能做一件事。那么，面对大量的任务（如用户点击、网络请求、定时器等），JavaScript 是如何高效地处理的呢？答案就在于它的事件循环机制。今天，我们将通过通俗易懂的讲解，带你探索 JavaScript 的事件循环机制。事件循环（Event Loop）是 JavaScript 的核心机制之一。它负责执行代码、收集和处理事件，以及执行队列中的子任务。简单来说，事件循环就是 JavaScript 用来处理异步操作的秘密武器。原创 2024-10-24 10:00:44 · 904 阅读 · 0 评论 -
探索 JavaScript 事件机制（五）：Vue 事件系统
在前端开发中，事件处理是不可或缺的一部分。今天，我们要聊的是在前端框架 Vue.js 中，如何利用事件机制来实现高效而灵活的交互。Vue 的事件系统是其核心特性之一，通过事件系统，我们可以实现组件之间的通信、用户交互处理等功能。原创 2024-10-25 11:11:01 · 942 阅读 · 0 评论 -
前端快速入门Koa.js
使用nodejs提供的原生能力启动一个http server并不麻烦，但是拓展额外的能力就比较麻烦，比如支持路由router,静态资源,页面模板等。插件机制是目前非常流行的拓展能力的设计方式，Koa框架是基于插件机制封装出来的一个Node HTTP框架，我将简单记录一下Koa的插件机制以及丰富的插件。原创 2022-09-04 12:54:33 · 909 阅读 · 0 评论 -
在线图片视频资源转存
怎么将网上心仪的图片、视频保存到自己的资源空间？给你一个资源链接，你需要几步将这个资源转存到git上？一般人的做法可能就是先将资源下载到本地，然后再本地上传到对应的资源空间？如果操作一个资源转存，这样还不算麻烦，但是如果一次性要转存上百个资源，那就太痛苦。原创 2022-04-24 22:31:07 · 950 阅读 · 0 评论 -
「前端面试题」(a ==1 && a== 2 && a==3) 有可能是 true 吗？
前言原题：(a 1 && a 2 && a==3) 有可能是 true 吗？这是一道有意思的面试题。盲猜很多小伙伴看到这道面试题时肯定是一头雾水，a难道还能同时等于多个值？但是既然这道题能出现，说明肯定是想考察点什么知识。「理论分析」== 会将左右两边的值转化成相同的原始类型，然后再去比较他们是否相等。看到这句话肯定有很多朋友恍然大悟。a == 1 不一定 a 就是数字类型1，而是 a 可能是个对象，然后在 == 相等操作时，会隐式调用某些方法，这些方法返回 ..原创 2020-11-03 16:41:29 · 938 阅读 · 1 评论 -
七牛云上传静态资源
七牛云七牛云提供了免费的CDN存储空间。我们可以利用七牛云提供的功能，自定义我们自己的图床，自定义我们应用的静态资源服务器等等。上传静态资源分两种方式：1.前端上传 2. 服务器上传接下来我将参考七牛云官网SDK文档，分别实现两种上传方式。准备工作： 先注册一个七牛帐号（注册地址），并登录控制台获取一对有效的 AccessKey 和 SecretKey（获取地址）。一、前端上传JavaScript-Sdk文档引用npm install qiniu-jsimport * as qin原创 2020-07-12 22:23:10 · 898 阅读 · 0 评论 -
ajax图片上传功能实现（点击，拖拽，粘贴）Koa服务端
学习最好的方式就是实践原创 2020-03-21 17:35:32 · 459 阅读 · 0 评论 -
手写弹窗组件 （JavaScript 和 React 实现）
弹窗组件弹窗组件是web项目中最常见最基础的组件，最近面试的过程中，很多应试人员都是工作中都是调用现有的UI组件库，当进一步问如何自己封装一个弹窗组件时，很多人就语塞了。所以我今天希望能从原理层面介绍并实现一个弹窗组件，并且最后封装成一个React弹窗组件，以供复用。效果展示原理介绍 web弹窗的实现方式很多，这里介绍最简单的一种方式。弹框其实就是在主页面上显示出一层内容，我们可以通...原创 2020-03-18 14:07:39 · 1748 阅读 · 7 评论 -
侧滑菜单栏 和 底部抽屉菜单栏（ JavaScript 和 React 实现 ）
动态滑动的导航栏效果图展示web端移动端工作原理页面初始状态这里浏览器显示html元素的问题，用户看到的页面是是左边的可视区域，并看不到右边的菜单部分。菜单激活状态当菜单被激活显示的，其实就是整个页面内容整体向左边移动了菜单的宽度。这时候用户看到的就是菜单出现，主页被挤到左侧。代码实现html<body> <a...原创 2020-03-14 17:23:02 · 2802 阅读 · 0 评论 -
Axios封装多种方式实现以及高级用法详解(文件上传，请求重试，取消请求等)
本文介绍axios的特点，简单的操作，可配置属性，统一的封装（适合大型项目）以及一些高级操作，比如取消请求，请求重试，上传文件，xsrf攻击防御。原创 2019-07-08 22:05:45 · 2241 阅读 · 0 评论 -
使用layui中onchange失效以及form动态渲染失效问题
最近在使用layui框架做城市的三级级联的时候，发现jquery中的onchange事件方法在layui框架中失效了。然后浏览layui社区，了解到layui监控一个控件变化有自己的方法。html<select lay-filter="test"></select>jsvar form = layui.form();form.on('select(test)', func...原创 2018-05-23 08:20:44 · 11425 阅读 · 0 评论