前端 碎片javascript化学
前端导出export2Excel-多级表头
1，export2Excel.js /* eslint-disable */ // import { saveAs } from "file-saver"; const saveAs = require("file-saver"); // import XLSX from "xlsx"; impor ......
全球知名的五款JavaScript混淆加密工具详解
现在市场上有很多好用的混淆加密工具，其中一些比较流行且受欢迎的工具包括： 1、UglifyJS（罗马尼亚）：UglifyJS是一个非常流行的 JavaScript工具库，它可以压缩、混淆、美化和格式化 JavaScript 代码。使用 UglifyJS 时，您可以通过调整参数来控制压缩级别并设置 ......
JavaScript代码加密：保护你的源代码
一、引言 JavaScript是一种广泛使用的编程语言，常用于前端开发。然而，由于其源代码是公开可见的，因此很容易被他人查看和修改。这可能会导致代码的安全性和稳定性受到影响，甚至可能被恶意利用。因此，对JavaScript代码进行加密是非常重要的。 本文将介绍一些JavaScript代码加密的方法和 ......
Turbo Console Log：简化 JavaScript 调试的利器
快捷键 ctrl + alt + l 选中变量之后，使用这个快捷键生成 console.log alt + shift + c 注释所有 console.log alt + shift + u 启用所有 console.log alt + shift + d 删除所有 console.log ......
JavaScript对象
JavaScript对象 JavaScript对象是客观存在的实体，比如：人，小狗，小猫 对象的属性 对象的属性是指在对象内部的变量，用于描述对象特性的一组数据，比如人有身高体重 获取或设置对象的某属性值的语法： 对象名.属性名 举个例子： //获取"用户"对象的属性 let name = 用户.用 ......
VSCode调试Javascript
Code Runner 在应用商店中搜索Code Runner插件进行安装。 选中你要执行的Javascript脚本，右键选择Run Code，利用Console.log在下方的输出窗口里可以看到输出结果。 如果不小心点击了关闭按钮X关闭了输出窗口可以点击左上方的调试控制台重新打开。 通常我用它快速 ......
前端广度和深度拓展方式之多看博文
记录一些阅读的比较好的博文汇总 1.框架类相关的 前端框架自欺欺人，TypeScript全无必要？(自述了对于目前前端框架越来越复杂，学习成本越来越高的背景和见解) ......
前端常用登录方式
前端常见登录方式 总结下前端几种常见的登录方式： Session Token Oauth 第三方登录 SSO 单点登录 多因素认证 1、 基于会话（Session）的认证 特点：服务端存储 SessionId 1.1 实现流程 用户提交登录表单，包含用户名和密码。 服务器验证凭证，如果凭证正确，则创 ......
linux 内存碎片处理
Linux内存碎片化主要由于内存的分配和释放不均匀导致,会降低内存利用效率。可以通过以下方法对Linux内存进行碎片整理: 执行sync命令:该命令会强制将内存中的脏数据写回磁盘,释放内存。这可以腾出较大的连续内存块,减少碎片。执行echo 1 > /proc/sys/vm/drop_caches命 ......
【前端VUE】VUE通信组件学习（附源代码）
props props可以实现父子组件通信，不管是在vue2或者vue3，props数据还是只读的！！！不能直接修改其值；在vue3中，我们可以通过defineProps获取父组件传递的数据，且在组建内部不需要引入defineProps方法可以直接使用，如下面例子 Parent.vue //父组件 ......
前端面试八股文汇总
一、CSS 1.说一下CSS的盒模型。 在HTML页面中的所有元素都可以看成是一个盒子 盒子的组成：内容content、内边距padding、边框border、外边距margin 盒模型的类型： 标准盒模型 margin + border + padding + content IE盒模型 marg ......
JavaScript中的类
作用 类是用于创建对象的模板 用法 声明（具名和匿名两种。函数声明和类声明之间的一个重要区别在于，函数声明会提升，类声明不会。） 原型方法（constructor() : 一个类只能一个,实例对象的时候会执行，如果没有定义，会自动生成） 静态方法（关键字为static， 通常用于为一个应用程序创建工 ......
javascript Pipe方法执行流
pipe的概念很简单，就是将n个函数组合起来，他是一个从左到右的流，每个函数执行的时候都传入之前函数的结果。下面写一个返回一个人名字的函数： getName = (person) => person.name; getName({name: "Buckethead"}) // 返回 "Bucketh ......
JavaScript中val()、html()、text()区别
区别 在前端开发中，val()、html()、text()三个方法都是用来获取或设置元素的内容。它们的区别在于： val() 方法用于获取或设置表单元素的 value 属性的值。 html() 方法用于获取或设置元素的 HTML 内容，包括标签和文本。 text() 方法用于获取或设置元素的纯文本内 ......
前端标签
前端标签是用于描述网页结构和内容的标签。它们可以分为以下几类： 文档声明、文档结构、功能标签 这类标签用于描述文档的类型、结构和功能。例如： <!DOCTYPE html>：声明文档的类型 <html>：定义文档的根元素 <head>：定义文档的头部 <body>：定义文档的主体 <title>：定 ......
前端体验优化（4）——数据
数据包括性能指标、监控数据以及通过埋点得到的业务数据，而数据分析是体验优化的最后一环。 通过数据来量化当前的工作，从而证明工作是否高效，优化是否有效等问题。 量化的工作包括代码质量和业务数据。 一、代码质量 代码质量的数据来源于思维导图中的性能指标和监控体系，包括 SLA、慢响应、前端错误、白屏和首 ......
JavaScript(2)
1.在使用 return 语句时，函数会停止执行，并返回指定的值。 2.作用域是可访问变量的集合。 3.如果变量在函数内没有声明（没有使用 var 关键字），该变量为全局变量。 4.是因为let声明的变量仅仅在自己的块级作用域起作用，出了这个块级作用域就不起作用。就好比，小明在国内考的“高级程序员” ......
前端json转excel 到zip下载
问题描述：后端返回数据原先返回是多个json文件的压缩包二进制文件流，前端直接下载二进制文件流。但是客户要求下载excel类型文件。 解决方案：前端拿到表格的json数据转换成对应table的html字符串，使用插件js-xlsx。 给个链接， import * as XLSX from 'xlsx ......
jQuery与JavaScript与ajax三者的区别与联系
简单总结： 1、JS是一门前端语言。 2、Ajax是一门技术，它提供了异步更新的机制，使用客户端与服务器间交换数据而非整个页面文档，实现页面的局部更新。 3、jQuery是一个框架，它对JS进行了封装，使其更方便使用。jQuery使得JS与Ajax的使用更方便 关系比喻： 若把js比作木头，那么jq ......
vue2前端调接口下载（导出）后端返回.zip压缩文件流
1、接口api // 三级教育档案导出 export function searchPersonnelHousInfoExport(data) { return request({ url: train + '/fileExport/controller/export/personalProfile ......
什么是 JavaScript 闭包？
什么是 JavaScript 闭包？ 在 JavaScript 中，闭包是指一个函数能够访问在它外部定义的变量。这些变量通常被称为“自由变量”，因为它们不是该函数的局部变量，也不是该函数的参数。闭包可以在函数内部创建，也可以在函数外部创建。 JavaScript 中的每个函数都是一个闭包，因为它们都 ......
JavaScript 文件优化指南
本文将探讨实用的 JavaScript 文件优化技术、如何处理与 JavaScript 文件相关的性能问题以及帮助优化过程的工具。你将获得提升web应用程序速度的相关知识，从而为你的用户提供无缝体验。 JavaScript 文件是web应用程序的重要组成部分，但网站速度和用户体验对网站的成功至关重要 ......
JavaScript 执行上下文
一旦整个 JavaScript 程序运行，就会创建执行上下文。全局执行上下文已创建。它有两个组件，变量环境和变量。执行线程，它分两个阶段创建。第一阶段，是创建阶段。在创建阶段，我们为全局空间内的所有变量和函数分配内存。我们分配了一个未定义的变量。对于函数，我们实际上存储整个函数。这是第一阶段。 第二 ......
修复微前端无界[wujie]子应用window属性值在初始化后不再变化的问题
问题 部分的组件库（例如antd）使用到了window.innerWidth和window.innerHeight属性，可无界框架在初始化时仅将主应用的innerWidth和innerHeight属性赋值给子应用，导致后续不管主应用如何变化，子应用的这两个属性无法跟随变化，也就导致子应用使用的这些组 ......
【持续更新篇】SLAM视觉特征点汇总+ORB特征点+VINS前端
Harris角点 opencv函数 cornerHarris提取输入图像的Harris角点 检测原理 检测思想：使用一个固定窗口在图像上进行任意方向的滑动，对比滑动前后的窗口中的像素灰度变化程度，如果存在任意方向上的滑动，都有较大灰度变化，则认为该窗口中存在角点。 \(E(u, v)=\sum_{( ......
前端开发者
当涉及到前端领域的成功人士，有许多杰出的开发者可以作为学习榜样。以下是一些在前端领域有所成就的人士，他们在社区中广受尊敬并有着丰富的经验和知识： Dan Abramov：React 的核心开发者之一，他的技术博客和社交媒体上的分享非常受欢迎。 Sarah Drasner：她是 Vue.js 的倡导者 ......
如何实现前端跨域，配置代理
// 在vue.config.js中配置代理 const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ transpileDependencies: true, devServer: { ......
JavaScript高频题整理(附答案背诵版)
1、简述JavaScript中map和foreach的区别？ map和forEach都是JavaScript数组的迭代方法，但它们之间存在一些关键区别。 返回值：map方法会返回一个新的数组，这个新数组是由原数组通过某个函数处理后的结果组成的。而forEach方法则没有返回值，它仅仅是对数组中的每个 ......