JavaScript链式调用(基础篇)
一、什么是链式调用?
链式调用(Method Chaining) 是一种让多个方法通过连续的“点操作符”调用的编码风格
// 示例:jQuery 的链式调用$("#myDiv") .css("color", "red") .addClass("highlight") .fadeOut(1000);
链式调用的核心特点是:每个方法执行后返回对象本身(或其他对象),从而可 ...
宝塔面板部署Next.js项目的完整流程及常见问题
目录前言一、环境准备1.1 安装 Node.js1.2 创建全局软链接(重要!)二、上传项目代码2.1 正确的上传方式2.2 推荐的上传方式三、安装依赖并构建3.1 进入项目目录3.2 清理旧依赖(如果有)3.3 安装依赖3.4 构建项目四、启动项目4.1 命令行启动(测试用)4.2 使用 PM2 管理器启动(推荐)4.3 修改 package.json 指定端口(可 ...
Javascript文件上传插件
jQuery File Uploader
这是最受欢迎的 jQuery 文件上传组件,支持批量上传,拖放上传,显示上传进度条以及校验功能。
支持预览图片、音频和视频,支持跨域上传和客户端图片缩放,支持的服务端平台有:PHP, Python, Ruby on Rails, Java, Node.js, Go 等等。
使用示例:
?
1
2
3
4
5
6
7
8
9
10
11
12
13
1 ...
Javascript 构造函数和类
1.构造函数
含义:所谓”构造函数”,就是专门用来生成实例对象的函数。它就是对象的模板,描述实例对象的基本结构。一个构造函数,可以生成多个实例对象,这些实例对象都有相同的结构
写法:构造函数的名称一般都是首字母大写,用来表明这是一个构造函数,其内部通过this给实例挂载属性和值,通过关键字new调用该方法,来 ...
检查原生 JavaScript 函数是否被覆盖
你如何确定一个JavaScript原生函数是否被覆盖? 你不能--或者至少无法可靠地确定。有一些检测方法很接近,但你不能完全相信它们。
JavaScript原生函数
在JavaScript中,原生函数指的是其源代码已经被编译进原生机器码的函数。原生函数可以在JavaScript 标准内置对象(比如说eval(), parseInt()等等),以及浏览器Web ...
要小心 JavaScript 的事件代理
我们知道,如果给 form 里面的 button 元素绑定事件,需要考虑它是否会触发 form 的 submit 行为。除此之外,其它场合给 button 元素绑定事件,你几乎不用担心这个事件会有什么非预期的附加效果,很自然地会这样写事件处理代码:
var button = document.querySelector('button')
button.addEventListener('click', function ...
逆向进阶,利用 AST 技术还原 JavaScript 混淆代码
什么是 AST
AST(Abstract Syntax Tree),中文抽象语法树,简称语法树(Syntax Tree),是源代码的抽象语法结构的树状表现形式,树上的每个节点都表示源代码中的一种结构。语法树不是某一种编程语言独有的,JavaScript、Python、Java、Golang 等几乎所有编程语言都有语法树。
小时候我们得到一个玩具,总喜欢把玩具拆解成 ...
JavaScript 赋值运算符
赋值运算符(assignment operator)是将右边操作数(right operator)的值赋值给左边的操作数(left operator)
如果在等号( = )前面再添加乘性操作符、加性操作符或位操作符,就可以完成复合赋值操作。这种复合赋值操作相当于是对常规表达式的简写。
var num = 10;
num = num +10;
//等价于
var num = 10;
num += 10 ...
Javascript 的ES5、ES6更新重要新特性整理
前言
ES5发布于2009,ES6于2015,从2015开始使用年份命名,ES6即是ECMAScript 2015,目前大部分浏览器都已经支持ES6了,除了IE。
ES5
1、 严格模式(use strict)
这种模式,使得JavaScript在更严格的语法条件下运行:
(1)变量必须使用var声明;
(2)禁止自定义的函数中的this指向window
(3)创建 eval ...
vue中vxe-table表格加载数据的两种方式详解
目录双向绑定 data 方式调用方法刷新数据vue 表格 vxe-table 加载数据的几种方式,更新数据的用法,vue 最强大的表格组件,支持 vue2 和 vue3,功能太多,这里介绍基础用法
vxetable.cn
双向绑定 data 方式
数据是双向同步的,修改 data 就可以自动刷新
<template>
<div>
<vxe-button status="primary" @click="load ...
Element Plus 菜单组件区别和用法最佳实践
目录组件层级关系1. el-menu - 菜单容器特性:基础用法:常用属性:2. el-menu-item - 菜单项特性:用法:关键点:3. el-sub-menu - 可展开的子菜单特性:用法:特殊功能:4. el-menu-item-group - 菜单项分组特性:用法:分组效果:完整示例对比选择指南最佳实践组件层级关系
el-menu (容器)
├── el-menu-item (直接可 ...
React中的useDebounceEffect用法举例
目录useDebounceEffect 简介在项目中的具体应用参数说明实际应用场景举例工作原理优势与其他类似 hook 的区别useDebounceEffect 简介
useDebounceEffect 是 ahooks 库提供的一个自定义 hook,它是 useEffect 的防抖版本。当依赖项频繁变化时,它可以控制 effect 函数的执行频率,避免过于频繁的执行。
在项目中的具体 ...
V8引擎 精品漫游指南--Ignition篇(下 一) 动态执行前的事情
二. Ignition解释器(下一)
1. 前文总结 和 运行期前置知识
这个系列文章,已经写了一少半了,现在终于到了动态执行阶段了。
我们首先需要梳理一下知识,这部分内容,相对独立,但是都算是比较重要的知识点。
预编译的说法为什么不建议使用
在我们平时看文章,看资料,甚至是看一些比较权威的文档时,预编译 这个术语非常 ...
JavaScript 的25个高级特性
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
很多前端同学写 JavaScript 写久了,会觉得语言特性都已经用得差不多了:函数、数组、对象、Promise……没什么新鲜感。
但其实,JavaScript 还有不少被低估的语法和技巧。
它们可能是规范里的冷门细节,可能是 ES6+ 新增的语法糖,也可能是一些看似奇怪但非常实用的特性。
本 ...
同域名、同项目、仅 hash 变化,window.location.href 不跳转
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
两个 URL 只有 hash 后面的内容不同,浏览器会认为没有真正跳转,所以 window.location.href 不执行刷新
https://域名/cash-center/#/payMethod?params=abc
https://域名/cash-center/#/bindCard?params=12345
原因:浏览器只看 # 号前面的网址,不看 # 号 ...
前端实现带滚动区域的 DOM 长截图导出
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
日常开发中,导出带滚动条的DOM内容为图片时,普通截图只能抓可视区域?本文分享基于@snapdom的长截图方案,完美导出完整内容,还能精准复刻UI~
一、业务痛点(为什么选snapdom?)
开发中经常遇到「导出带滚动区域的DOM为图片」的需求(比如评估报告、图表列表、长表单) ...
JS-前端埋点神器 navigator.sendBeacon 全指南
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
前言
在前端开发中,埋点系统是必不可少的一环。我们经常需要在用户关闭页面、刷新或跳转路由时,向服务器发送最后一条统计数据(比如用户停留时长、页面跳出率)。
但这看似简单的需求,在实现时却危机四伏:请求发不出去?页面跳转卡顿?今天我们就来聊聊这个问题的终极解 ...
0.1加0.2为什么不等于0.3
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
0.1 + 0.2 为什么不等于 0.3?答不上来的都挂了
这个问题你可能在面试、线上 Bug、甚至随手写 Demo 的时候都见过:
console.log(0.1 + 0.2 === 0.3); // false
很多人第一反应是“浮点数精度问题”,但如果继续追问:
为什么偏偏是 0.1、0.2 这种小数出问题?
“精度”到 ...
效率工具推荐!一款开源免费的代办管理工具!
大家好,我是 Java陈序员。
在快节奏的工作与生活里,每天被大大小小的任务包围,被零散的待办事项打乱节奏,也被层出不穷的代办管理工具弄得眼花缭乱。市面上的代办工具要么复杂难上手,要么充斥广告和付费陷阱。
今天,给大家介绍一款开源免费的代办管理工具,支持多平台使用!
关注微信公众号:【Java陈序员】,获取开 ...
JavaScript this绑定规则:告别踩坑指南!
🧑💻 写在开头
点赞 + 收藏 === 学会🤣🤣🤣
前言
在JavaScript学习中,this绝对是“让人又爱又恨”的存在——它看似简单,用起来却总让人摸不着头脑,一不小心就踩坑。有人说它是“动态代词”,有人说它是“隐式传递的对象引用”,其实只要摸清它的绑定规则,就能轻松驾驭!今天就结合具体代码实例,从“为什么有this ...