前端 碎片javascript化学
谈谈企业级 Web 应用的前端消息展示的定制化问题
笔者在社区上已经发布了一些技术文章，记录了自己工作于企业级前端应用几年以来积累的一些项目经验和教训。 之前的文章关于企业级 Web 应用搜索引擎优化 Search Engine Optimization 的一些工作经验分享已经提到，所谓企业级前端应用，是指为大型企业或组织开发的前端应用，这些应用具有 ......
javaScript/js 【call，apply，bind】
在JavaScript中，call、apply和bind都是用于改变函数执行上下文（this的值）的方法。它们在不同的情境下有不同的用途。 call方法： call方法允许你调用一个函数，并指定该函数内部的this值，以及将参数以单独的参数传递给函数。 function greet(name) { ......
JavaScript笔记
JavaScript的组成: 1.数据类型：JavaScript有8种基本数据类型，包括Undefined、Null、Boolean、Number、String、BigInt、Symbol和Object。 变量：在JavaScript中，可以使用var、let或const关键字声明变量。 函数：Ja ......
前端图片最优化压缩方案
function compressImg(file, quality) { var qualitys = 0.52 if (parseInt((file.size / 1024).toFixed(2)) < 1024) { qualitys = 0.85 } if (5 * 1024 < parse ......
JetBrains WebStorm 2023.3 (macOS, Linux, Windows) - 最智能的 JavaScript IDE
JetBrains WebStorm 2023.3 (macOS, Linux, Windows) - 最智能的 JavaScript IDE 请访问原文链接：https://sysin.org/blog/jb-webstorm-2023/，查看最新版。原创作品，转载请保留出处。 作者主页：sysi ......
2023最新中级难度JavaScript面试题,包含答案。刷题必备！记录一下。
好记性不如烂笔头 内容来自 面试宝典-中级难度JavaScript面试题合集 问: 如何实现在 JavaScript 中的操作 settimeout/setinterval? 在 JavaScript 中，setTimeout() 和 setInterval() 是两个非常重要的函数，它们分别用于设 ......
2023最新高级难度JavaScript面试题,包含答案。刷题必备！记录一下。
好记性不如烂笔头 内容来自 面试宝典-高级难度JavaScript面试题合集 问: 请问你如何使用装饰器模式？ 装饰器模式是一种设计模式，它允许我们在不修改原有类的基础上，动态地添加新的功能或者行为。装饰器模式通过创建一个新的对象来包装原始对象，并提供与原始对象相同的方法接口，但是增加了额外的功能。 ......
JavaWeb - Day03 - Ajax、前端工程化、Element
01. Ajax-介绍 Ajax 概念：Asynchronous JavaScript And XML，异步的JavaScript和XML。 作用： 数据交换：通过Ajax可以给服务器发送请求，并获取服务器响应的数据。 异步交互：可以在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的技术 ......
前端记录
vite 分包 build: { outDir: 'dist', assetsDir: 'assets', rollupOptions: { output: { manualChunks: (id) => { if (id.includes('node_modules')) { //D:/proje ......
前端学习-JavaScript学习-js基础-API02
学习视频:黑马程序员视频链接 事件监听 三要素：事件源、事件类型、事件处理程序 随机点名案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev ......
快速认识，前端必学编程语言：JavaScript
JavaScript是构建Web应用必学的一门编程语言，也是最受开发者欢迎的热门语言之一。所以，如果您还不知道JavaScript的用处、特点的话，赶紧补充一下这块基础知识。 JavaScript 是一种高级、单线程、垃圾收集、解释或即时编译、基于原型、多范式、动态语言，具有非阻塞事件循环，因构建网 ......
JS(JavaScript)-函数（方法）
1. 介绍： JS中的函数是一种通过调用来完成具体业务的一段代码块。 最核心的目的是将可重复执行的操作进行封装，然后供 调用方 无限制的调用。 基本作用： 方法(函数)是由事件驱动的 或者 当他被调用时被执行的可重复使用的代码块。 JavaScript 函数语法：函数就是包裹在花括号中的代码块。 2 ......
前端优化之路：git commit 校验拦截
【前言】 前面在git分支规范那篇文章里，介绍了commit提交规范，如下图 但是想要做到高效落地执行，就需要做些别的功课，先展示下成果图 没错，对不符合规范的commit进行了拦截，符合才可以成功提交。 【前期准备】 需要了解git hooks，它是git的钩子，就像vue拥有自己的钩子一样 官方 ......
javaScript方法——toLowerCase()
toLowerCase()是JavaScript中的一个字符串方法，用于将字符串中的所有字符转为小写并返回新的字符串。 例子： let str = "Hello World!"; let lowerCaseStr = str.toLowerCase(); console.log(lowerCaseS ......
2023最新中级难度前端面试题,包含答案。刷题必备！记录一下。
好记性不如烂笔头 内容来自 面试宝典-中级难度前端面试题合集 问: 请详述 JavaScript 中的 async/await 用法？ async/await是ES2017引入的新特性，用于实现异步编程的同步化操作。 async表示函数是一个异步函数，它总是返回一个Promise对象；await用于 ......
2023最新初级难度前端面试题,包含答案。刷题必备！记录一下。
好记性不如烂笔头 内容来自 面试宝典-初级难度前端面试题合集 问: 请详细描述 HTML、CSS、JavaScript 的基本结构？ HTML、CSS、JavaScript 是 web 前端开发中最常用的三种技术，它们分别负责页面结构、表现形式和交互行为。 HTML（Hyper Text Marku ......
如何在Web应用中添加一个JavaScript Excel查看器
前言 在现代的Web应用开发中，Excel文件的处理和展示是一项常见的需求。为了提供更好的用户体验和功能，经常需要在Web应用中添加一个JavaScript Excel查看器，小编今天将为大家展示如何借助葡萄城公司的纯前端表格控件——SpreadJS来创建一个Excel查看器。 项目结构 本项目将由 ......
Vue前端+后端实现带进度条文件分片上传
传输参数对象 package com.deju.provider.upload.domain; import lombok.Data; import org.springframework.web.multipart.MultipartFile; @Data public class Multipa ......
TP接口 前端vue调用出现跨域
出现跨域的解决方式 1.当预处理请求options失败， 代码报错 会出现跨域cors，排查错误代码 2.设置路由跨域 Route::GET('search/list', 'Index/list')->allowCrossDomain(); ......
【JavaScript高级程序设计】-3语言基础
3.1 语法 ......................................................... 21 3.1.1 区分大小写 .................................. 21 3.1.2 标识符 ...................... ......
JS(JavaScript)-if-switch选择结构-for-while循环
前言： 回到JS基础，用console输出； console.log(); 输入内容： window.prompt(); 向页面做出输入接收(类似于后端Scanner) 整数转换：parseInt(); 1. 选择结构： ①if 结构 if( ){ }; if( ){ }else{ }; if( ) ......
JavaScript
JavaScript的特点： js是脚本语言 js是解释性语言，根据代码顺序逐一解释，有一行报错，js就会卡在此处无法进入到下一步 js是一种安全性语言，具有web安全特性不允许访问本地硬盘，也不允许对网络文件进行修改，只能通过浏览器进行浏览或者动态交互 js有跨平台性 js输出的关键字有三个1.a ......
Javascript文件上传
什么是文件上传文件上传包含两部分， 一部分是选择文件，包含所有相关的界面交互。一部分是网络传输，通过一个网络请求，将文件的数据携带过去，传递到服务器中，剩下的，在服务器中如何存储，那就与前端无关了。制作文件上传相关的功能时，一定要先确保文件上传的接口可用，否则之后会遇到无数的麻烦，无论怎么写都是写不 ......
前端开发-视口（布局视口、视觉视口、理想视口）
首先必须要明白一点：（假设手机分辨率3200 * 1420），css中的1px不一定等于实际屏幕的1px（这里有1420px）,系统会自动匹配一个最合适的比例（假设这个比例为3.5），用屏幕的3.5px 去渲染css中的1px，也就是说，所有的显示屏幕，不管你的分辨率是多少，系统都会自动匹配一个最适 ......
第三阶段前端随手笔记
1.let细节 注意 直接输出x,会报错！ 在输出语句后面使用var定义变量x，会变量提升，输出undefined 2 Vue 笔记 1 控制台直接使用vm对象 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>v ......
javascript之如何禁用chrome开发者工具自动网络录制
在 chrome 开发人员工具中，每次加载页面时，我都单击“网络”选项卡并看到“记录”按钮处于事件状态/红色。即使我禁用了网络流量记录，当我刷新同一页面或打开另一个网站时，我也会看到 Chrome 正在“网络”选项卡中记录流量。 在开发具有大量流量的大型 Web 应用程序时——第 3 方 API、来 ......
JS(JavaScript)
1. 介绍： JavaScript 语言主要是 完成页面的数据验证，因此运行在客户端，需运用浏览器来解析执行JavaScript代码。 ECMAScript是JS的一个标准。 一个完整的JS是由ECMAScript，DOM(文档对象模型)，Bom(浏览器对象模型)组成的。 JS是弱类型（类型可变）J ......
前端优化之路：打包文件拆包、增加哈希值
【前言】 前面对项目打包做了优化处理，但是还不够完美，有两点可继续优化 生成的chunk-vendors文件过大，压缩后仍然超过1M 开发、测试环境生成的js文件，未带哈希值 问题1：如果在弱网环境下，会造成首次白屏时间过长 问题2：容易产生同名文件，造成浏览器缓存 出于以上两点考虑，故而需继续对项 ......
前端加密破解
前端加密破解 https://blog.csdn.net/qq_44159028/article/details/121780172 破解思路 先在F12中找到源文件，全局搜索(ctrl+shitf+f)查找aesKey，分析存在的文件，找到加密的思路。然后将加密部分放到下面工具中即可。 工具 js ......
JavaScript(JS) 判断没有属性的空对象{}的四种方法
JavaScript(JS) 中对象没有属性初始化时，可能使用{}进行初始化，如此我们判断这样的没有属性的空对象就不是很方便，本文主要介绍JavaScript(JS) 中判断没有属性的空对象{}的五种方法，以及相关的示例代码。 1、通过JSON.stringify()判断 可以使用JSON.stri ......