前端javascript工程师 经验
JavaScript Map.groupBy All In One
JavaScript Map.groupBy All In One
......
javascript: confirm alert box costomer style
// JavaScript Document /* 參考資源: https://developer.mozilla.org/en-US/docs/Web/API/Window/alert https://developer.mozilla.org/en-US/docs/Web/API/Window/ ......
JSONCPP向浏览器前端发送服务器本地文件列表
服务器解析了浏览器请求之后，要进行响应 响应体里需要存放请求的内容 HTML标签：是页面的核心内容，定义了页面有什么内容。 CSS：控制HTML元素的排版布局和展示方式，是美化页面文档的。 JavaScript：让用户与页面进行交互，或在网页背后默默操控网页，以便让显示的内容与效果有所改变。对网页来 ......
8.28-9.3学习总结博客八：数据工程与系统部署
博客题目：学习总结八：数据工程与系统部署实践内容概要：了解数据工程的基本概念和核心技术，学习如何将学到的技能应用于实际项目中，并了解数据处理系统的设计和部署。学习资源：推荐的数据工程、系统部署和项目实践的教程、实践资源和学习资料。实践内容：通过针对实际项目的数据处理和系统部署任务，实践数据工程的技术 ......
开课吧前端1期.阶段1：初识ES6和ES6兼容性和新特性
1、 ECMAScript和JavaScript 关系 ECMA是标准，JS是实现 类似于HTML5是标准，IE10,Chrome谷歌,FireFox火狐都是实现 换句话说，将来也可能有其他，XX某某Script来实现 ECMA标准 ECMAScript简称ECMA或ES 目前也只有JavaScri ......
云服务器nginx代理前端静态资源
#前端的打包在package.json  #打包完成的文件dist也放在/home下面 ![](https://i ......
JavaScript—DOM
传统获取方式 传统方式元素获取方式 <body class="mybody"> <input type="button" value="点击" id="btn"> <div id="dv1" name="mydiv" class="cls"> <p>111</p> <p>222</p> </div> ......
JavaScript—节点
节点的概念 节点：网页中的所有内容都是节点，例如标签、属性、文本、注释、回车、换行、空格等。 节点属性：可以用标签--元素.出来，可以使用属性节点.出来,文本节点.点出来。 nodeType: 节点的类型： 1-标签DIV-1 2-属性:class 3-文本:innerText nodeName:节 ......
JavaScript—BOM
概念 BOM(Browser Object Model)是指浏览器对象模型，浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成，其中代表浏览器窗口的window对象是BOM的顶层对象，其他对象都是该对象的子对象。我们在浏览器中的一些操作都可以使用BdM的方式进 ......
JavaScript—轮播图
概念 轮播图（Carousel）是一种常见的网页设计元素，用于展示多张图片或信息。它通常由一个容器和一组水平排列的图片或内容组成。轮播图中的图片会按照一定的规律（例如自动轮播、点击切换或滑动切换等）进行切换，以便在有限的空间内展示多个内容。 HTML元素 网页元素 <div class="wrap" ......
JavaScript—数组
数组的概念 数组是指一组数据的集合，其中的每一个数据称作元素在数组中可以存放任意类型的元素。 数组是一种将一组数据存储在单个变量名下的方式。 创建数组 创建数组 var arr = new Array();// 使用new 创建一个空数组 var arr0 = []; //利用数组字面量创建数组 v ......
JavaScript—函数
函数的概念 在js里面，可能会定义非常多的相同代码或功能相似的代码，这些代码需要大量重复地使用。 函数就是封装了一段可被重复调用的代码块。通过代码块实现大量代码的重复使用。 函数示例 //常规方法 var sum = 0; for (var i = 1; i <= 100; i++) { sum + ......
JavaScript—作用域
JavaScript作用域： 就是代码名字（变量）在某个范围内起作用和效果。目的是/为了提高程序的可靠性同时减少命名冲突。 JavaScript作用域在（es6）之前：全局作用域和局部作用域。 全局作用域：整个Script标签或者一个单独的js文件。 局部作用域：在函数内部就是局部作用域。这个代码名 ......
JavaScript—预解析
预解析口诀：先声明再调用 JavaScript代码是由浏览器中的JavaScript解析器来执行的。JavaScript解析器在运行JavaScript代码的时候分为两步：预解析和代码执行。 预解析的变量问题 /*console.log(unknow);*/ // 报错:使用了未定义的变量 cons ......
JavaScript—对象
为什么需要对象 保存一个值时，可以使用变量，保存多个值（一组值）时，可以使用数组。如果要保存一个人的完整信息（信息面板）呢？ 在JavaScript中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等。 对象是由属性和方法组成。 属性：事物的特征，在对象中用属 ......
JavaScript—内置对象
内置对象是什么 JavaScript中的对象分为三种：自定义对象，内置对象和浏览器对象。 前面两种对象是JS基础内容，属于ECMAScript；第三个浏览器对象属于我们JS独有的。 内置对象就是指JS语言自带的一些对象，这些对象供开发者使用，并提供了一些常用的或是最基本而必要的功能（属性和方法）。 ......
JavaScript—运算符
算术运算符 概念：算术运算使用的符号，用于执行两个变量或值的算术运算。 运算符 描述 例子 + 加 1+1-2 - 减 1-1=0 * 乘 1*1=1 / 除 1/1=1 % 取模（取余数） 1%1=0 算数运算符 console.log(1 + 1); console.log(1 - 1); co ......
JavaScript—流程控制（分支）
流程控制 在程序执行的过程中，各条代码的执行顺序对程序的结果是有直接影响的。通常需要通过控制代码的执行顺序来实现我们要完成的功能。 简单理解：流程控制就是控制我们的代码按照什么结构顺序来执行。 流程控制主要有三种结构，分别是顺序结构、分支结构和循环结构，这三种结构代表三种代码执行顺序。 顺序流程控制 ......
JavaScript—标识符命名规范
标识符的语法规范 变量、函数必须要有意义 变量名名称一般用名词 函数的名称一般用动词 操作符规范 操作符两边各保留一个空格 单行注释规范 单行注释前有个空格。（如图红框处） 注释规范图 其他规范 如图所示红框处空格 其他规范图 ......
JavaScript—简单类型与复杂类型
简单数据类型的内存分配 简单类型又叫做基本数据类型或者值类型，复杂类型又叫做引用类型。 （简单）值类型：简单数据类型/基本数据类型，在存储时变量中存储的是值本身，因此叫做值类型：string，number，boolean，undefined，null。 简单数据类型存放在栈里面 查看代码 var t ......
JavaScript—转换为布尔类型
方式 说明 案例 Boolean()函数 其他类型转为布尔类型 Boolean('true') 代表空、否定的值会被转换为false，如 '' 、0、NaN 、null 、undefined 其余值都转换为ture 布尔转换 console.log(Boolean('')); console.log ......
JavaScript—计算年龄、简单加法器
计算年龄： 弹出输入框prompt，提示用户输入出生年份。 把输入内容保存起来，用今年的年份减去变量，得到现在的年龄。 利用弹出窗口（alert）输出结果。 计算年龄 var year = prompt('请输入你的出生年份：'); var age= 2023 - year; alert('你的年龄 ......
JavaScript—标识符、关键字、保留字
标识（zhi）符：是指开发人员为变量、属性、函数、参数取的名字。标识符不能是关键字或保留字 关键字：是指JS本身已经使用的字，不能再用它充当变量名或方法名。 包括 break、case、catch、continue、dfault、delete、do、else、do、else、finally、for、 ......
JavaScript—parselnt、parseFloat、Number、隐式转换
方式 说明 案例 parselnt(string) 把string类型转为数值类型 parselnt（'78'） parseFloat(string) 把string类型转换为浮点型 parseFloat(78.21) Number()强制转换函数 把string类型转换为数值类型 parseFlo ......
tool - 前端如何精确统计页面停留时长？
# tool - 前端如何精确统计页面停留时长？ ## 1. 背景 页面停留时间（Time on Page）简称 Tp，是网站分析中很常见的一个指标，用于反映用户在某些页面上停留时间的长短，传统的Tp统计方法会存在一定的统计盲区，比如无法监控单页应用，没有考虑用户切换Tab、最小化窗口等操作场景。基 ......
从零开始一个vue3前端项目day03-网络请求配置篇
网络请求配置是项目中必不可少的部分，接下来就讲解一下项目中网络请求配置的常用步骤1：选择网络请求库，一般vue采用axios,react采用umi框架的request，接下来就是在项目引入啦 $ npm install axios 2：一般在项目中我们都会对网络请求进行一个相应的封装，采用axios ......
Javascript的作用域
#var ”变量提升“现象，只是声明的提升，定义或者赋值不提升 代码例子1： // var 的情况 console.log(foo); // 输出undefined var foo = 2; 等效于 // var 的情况 var foo; console.log(foo); // 输出undefin ......
前端知识~Content-Type和Accept
# 概述 Content-Type和Accept是两个HTTP标头（HTTP headers），用于在HTTP请求和响应之间传递有关请求的数据类型和响应的首选内容类型的信息。这两个标头在HTTP通信中起着关键的作用。 1. Content-Type： - `Content-Type` 是HTTP请求 ......
前端使用xlsx插件读取excel文件数据
安装xlsx插件 ``` npm install xlsx ``` 导入xlsx ``` import XLSX from 'xlsx' ``` 前端UI如下： ![文件上传.png](https://upload-images.jianshu.io/upload_images/8375572-d4 ......