前端javascript工程师 经验
视化大屏前端技术路线，大屏技术包含哪些？
可视化大屏前端技术路线是实现大屏展示的前端开发技术路径和相关知识体系。在构建可视化大屏时，可以采用以下技术来实现各种功能和效果： 1. HTML、CSS和JavaScript: - HTML用于定义网页结构和内容，CSS用于样式布局和美化，JavaScript用于交互行为和动态效果。 - 使用HTM ......
前端解析开闭区间类型的数据
该类可以解析开闭区间的数据，如图所示： /** * 解析某个数据 比如 suitTmp: '(0, 30]' */ export class IndexAnalyse { /** * 阈值（保留最新的括号字符串） */ thresholdValue: string; /** * 左数字 */ pri ......
前端js下载文件方式记录
方式一: 前端组装数据进行下载 如下方式: // 创建数据 var data = "Hello, world!"; // 将数据转换为 Blob 对象 var blob = new Blob([data], {type: "text/plain;charset=utf-8"}); // 创建一个 U ......
《软件工程：一种实践方法》阅读笔记二
《软件工程：一种实践方法》是一本经典的软件工程教材，它以系统化的方式介绍了软件工程的核心概念和方法。读完这本书后，我对软件工程的理解更加深入，同时也获得了许多实用的技巧和经验。首先，这本书强调软件开发应该是一种工程化的过程，与传统的手工制作相比，它需要使用科学的方法和规范化的流程来确保产品质量和项目 ......
SpringBoot学习4(02整合项目+前端)
1.添加web界面 在resources包下的static包中导入需要用的包，编写html。 1.1测试一下 页面控制台中成功获取数据 1.2页面显示:查询全部信息 1.3添加功能实现 新建按钮的点击事件为 @click="handleCreate()" 点击新建后弹出添加页面，该页面的确定提交按钮 ......
后端传递Timestamp类型时间前端自定义接收格式
Vue项目中处理后端返回日期字符串 在Vue项目开发中,常常会遇到后端返回日期字符串,需要在前端进行格式化显示的情况。这篇文章将分享一下从后端返回日期字符串到前端正确显示的全过程。 后端返回日期字符串 我们假设后端接口返回的订单数据中,有一个returnDate字段,其值是字符串格式如:"Sep 2 ......
无涯教程-JavaScript - TREND函数
描述 TREND函数沿线性趋势返回值。 (使用最小二乘法)将一条直线拟合到阵列known_y和known_x。返回指定的new_x数组沿该行的y值。 语法 TREND (known_y's, [known_x's], [new_x's], [const]) 争论 Argument 描述 Requir ......
JavaScript——“==”和“===”区别（双等于号和三等于号区别）
1. == ：双等于号称为等值符。当等号两边为类型相同的值时，则直接比较值是否相同；当类型不同时，会先进行类型转换，转换为相同的类型后再进行比较。 类型转化规则：1）当等号两边为boolean, string, number三者中任意两者进行对比时，会优先转换为number进行比较 2）当等号两边为 ......
前端之Promise简单谈一下总结
首先我们知道当处理前端多个异步请求时，如果想要有顺序的调用若干个异步请求，传统写法就会造成回调地狱，比如我 因此伟大的Promise诞生 基本写法如上所示，首先是定义一个promise对象，这时状态为Pending,当执行resolve函数之后状态为resloverd，调用reject函数，状态为r ......
前端中循环依赖原因分析及解决方案
前端中循环依赖 什么是循环依赖: 两个以上模块之间互相引用，构成闭环依赖。 保持依赖引入的单向流通性！ 示例： 不要觉得自己不会写出这样的代码，当项目庞大后一旦出现这样的问题将会造成无法排查的问题。 // 在a.js 引用 b.js 内容 import {b} from "./b.js" expor ......
【软考-信息系统管理工程师】-2-计算机网络知识部分查漏补缺
根据ip获取广播地址的方法 通过IP地址和子网掩码，计算网络地址、广播地址、和主机数 通过url判断顶级域名 TCP/UDP 三层交换机 点对点网络/点对多点网络/广播多址网络/非广播多址网络 CSMA/CD协议 默认路由 私有地址 异型网络 ......
JavaScript下载base64位文件
1 /** 2 * 下载文件 3 * */ 4 function downloadExcel(base64Data) { 5 var myBlob = this.base64toBlob(base64Data); 6 var myUrl = URL.createObjectURL(myBlob); ......
JavaScript封装的Excel导出工具类
1 /** 2 * Excel导出工具类，核心类 3 * @constructor 4 */ 5 function ExcelUtils() {} 6 7 /** 8 * cell,row,sheet,workbook的xml 9 * @type {{tmplCellXML: string, tmp ......
使用CSS、HTML、JavaScript实现一个简单的身份验证页
这是我在博客园的第一篇博客，也是我人生中的第一篇博客。希望它能够记录我的成长，帮助更多的人。 最近在写我们社团的社团网站，有一个页面不太希望普通访客能访问到,所以想做一个“统一身份验证验证”，但是又苦于社团网站搭建是纯静态站，没法做数据库，只能妥协，将账号密码字符串组写到JavaScript脚本里， ......
无线振弦采集仪在岩土工程安全监测中优化成本支出
无线振弦采集仪在岩土工程安全监测中优化成本支出 随着城市的快速发展以及建筑业的不断壮大，岩土工程的安全监测变得越来越重要。在岩土工程中，振弦是一种重要的监测手段，可以有效地评估土体的力学性质和变形情况。因此，无线振弦采集仪的使用已经成为了岩土工程安全监测中不可或缺的一部分。本文将探讨无线振弦采集仪在 ......
【软考-信息系统管理工程师】-计算机系统知识部分查漏补缺
奇校验/偶校验 校验类型和校验位数错误的影响 采用奇校验方法，如果有奇数个数据位出错，能检测出错误，但不能纠正错误。奇校验通过将一个固定位数的数据块中二进制数值的总和的奇偶性进行检查来确定数据的正确性。如果某个数据位出错，则检查结果的奇偶性会发生变化，从而可以检测出错误。但是，由于奇校验只能确定错误 ......
2023年的前端开发框架
前端开发的框架生态 主要包含的工具有： 脚手架/构建工具 vite 服务器端渲染框架 next.js Gatsby.js Docusaurus 静态文档 跨平台开发框架 RN FLutter 状态管理 Redux zustand jotai recoil 路由 React Router React ......
Vue 3.0开发的开源前端项目
文章来源：https://zhuanlan.zhihu.com/p/587627578 1，PPTist PPTist 是一个基于Vue3.x + TypeScript + Pinia + Ant Design Vue + Canvas 开发的在线演示文稿（幻灯片）应用，还原了大部分 Office ......
How to get the original size of an image using JavaScript All In One
How to get the original size of an image using JavaScript All In One
如何使用 JavaScript 获取一个图片像的原始大小
naturalWidth & naturalHeight
aspect ratio / 纵横比
......
12-web前端轮播图案例 （小米商城）
说明： 轮播图在前端开发中是一种常见的元素，通常用于展示一系列的图片或者内容，并通过滑动或者点击的方式进行切换。使用JavaScript来实现轮播图有以下几个意义： 提升用户体验：轮播图可以在有限的空间内展示更多的内容，为用户提供更多的信息。同时，轮播图也具有较好的视觉效果，可以吸引用户的注意力。 ......
ThingsBoard 前端项目背景图片部件开发
ThingsBoard 是目前 Github 上最流行的开源物联网平台，本文介绍如何在 ThingsBoard 前端项目中开发背景图片部件。 ......
整洁架构在前端的设计思想与应用实践
随着业务的发展，前端项目承载了越来越多的职责，也越来越复杂，简单通过 cli 生成的框架结构越来越无法满足。
面对前端项目复杂度的不断提升，我们开始思考前端的架构组织方式怎么才更合理？应该如何设计良好的前端架构？行业是否有比较好的优秀实践？
本文先从架构基本概念开始介绍，然后介绍整洁架构的概念和设计... ......
软件工程第二次作业
个人信息 姓名 学号 王文俊 3121004966 (由于周围找不到用C++的同学，所以就一个人做了 作业概述 这个作业属于哪个课程 软件工程 这个作业要求在哪里 结对项目 这个作业的目标 实现四则运算题目的命令行程序 一、GitHub链接 https://github.com/Paradox-17 ......
Python datetime 的坑以及时间处理的经验
最近遇到一个"bug"，就是本地 datetime 的时间上传到数据库，总发现时间显示不对…… 经过一番痛苦的排查之后，我发现原来是 datetime.now() 在获取事件信息时，不会添加当前的时区信息。也就是说，获得的结果虽然时分秒和电脑显示一致，但是时区信息为默认的 UTC 而非我们真正的 U ......
前端a标签下载文件
问题描述： 后端直接返回牵牛的文件储存地址，前端想自定义下载文件的名称不成功 解决办法：转为get 请求，将返回值改为blod格式 /** * 用于 后端直接返回url 牵牛下载地址 并且需要自定义下面文件名称 * @param {请求参数} data {url,fileName} */ var d ......
记录--前端实现并发请求限制
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 前两天我的新同事告诉我一个困扰着他的问题，就是低代码平台中存在很多模块，这些模块的渲染是由模块自身处理的，简言之就是组件请求了自己的数据，一个两个模块还好，要是一次请求了几十个模块，就会出现请求阻塞的问题，而且模块的请求都特别大。 ......
JavaScript——判断0, NaN, false, null, underfined, 空字符串
1. 判断NaN // NaN出现的原因：（Not a Number） // 操作两个类型不一致的数、用NaN值计算最终得到NaN、不合法运算（如0 / 0）let num = 0/0; if (isNaN(num)) { console.log("num为NaN！") } 2. 判断undefin ......