Web前端入门第 80 问:JavaScript 哪些地方需要 try...catch 异常捕获
前端开发一直有种错觉,好像异常捕获都是后端的事,毕竟后端开发时如果不处理代码中的异常,有些资源得不到释放,极其容易导致内存泄漏。
前端由于 JS 的垃圾回收机制无需手动释放资源,反而不会怎么使用异常捕获代码中的错误。实际上任何编程语言,要写出一个健壮性的代码,都需要考虑异常处理。
本文分析下哪些地方可能需 ...
如何在 Stimulsoft JavaScript 报表组件中,设置设计器与查看器主题风格
在现代软件开发中,图形用户界面(GUI)不仅仅是功能的承载体,更是用户体验的关键组成部分。一个美观、统一且具备高度可定制性的界面,能够显著提升系统的专业感和使用效率。
Stimulsoft 作为功能强大的报表和仪表板解决方案提供商,其 JavaScript 版本(Stimulsoft Reports.JS 与 Stimulsoft Dashboards.JS) ...
前端代码安全防护完整指南
随着前端应用复杂度不断提升,保护JavaScript源代码和核心业务逻辑变得越来越重要。本文将介绍多种前端代码安全防护策略,构建多层次的安全防护体系。
🔒 前端安全威胁分析
常见安全风险
源代码泄露:核心算法和业务逻辑暴露
API接口滥用:恶意调用后端接口
数据爬取:自动化工具批量获取数据
逆向工程:分析代码逻辑进行 ...
JavaScript日期加减
//js日期加减函数
function addDate(date,days){ var d=new Date(date); d.setDate(d.getDate()+days); var m=d.getMonth()+1; return ...
JavaScript调用百度地图
在网站开发过程中,经常会调用到地图,百度地图提供Web开发、Android开发、iOS开发API及SDK,百度地图JavaScript API可帮助您在网站中构建功能丰富、交互性强的地图应用,本篇博客简单介绍如何使用百度地图提供的JavaScript API调用百度地图。
百度地图开放平台地址:http://lbsyun.baidu.com/index.php?title=jspopular3.0 ...
Electron JavaScript 桌面应用打包、自动升级
1. 应用打包
使用electron builder打包只需要在vue.config.js中配置即可,这里需要注意的是,默认情况下electron builder打包出来的安装程序是不能修改安装目录的,需要allowToChangeInstallationDirectory这个配置设置为true。
// see https://cli.vuejs.org/config
module.exports = {
productionSourceMap: false,
p ...
在elementui,antDesign,antDesignVue中表格嵌套多个表单项校验
前言
在此记录下使用 elementui,antDesign,antDesignVue 的表格嵌套表单校验的一些经验。
要达到的目的是:有个多行表格,每一行有多个表单项(比如输入框),表单项填完值后,点击提交,校验表格中所有表单项,校验通过则将整个表格数据送到后台。还可以重新给表格赋值(比如进入详情页面)。效果如下:
正文
elementui ...
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. 前文总结 和 运行期前置知识
这个系列文章,已经写了一少半了,现在终于到了动态执行阶段了。
我们首先需要梳理一下知识,这部分内容,相对独立,但是都算是比较重要的知识点。
预编译的说法为什么不建议使用
在我们平时看文章,看资料,甚至是看一些比较权威的文档时,预编译 这个术语非常 ...