前端javascript工程师 经验
前端性能优化-gzip压缩
提纲： GZIP是什么 如何启用gzip 什么时候应该启用gzip 1、gzip压缩是什么 gzip是一种文件压缩格式，它可以将文件压缩为较小的大小，以便更快地在网络上传输或存储在磁盘上。gzip压缩算法适用于文本类型的数据，通常用于压缩Web服务器上的静态资源文件，例如HTML，CSS，JavaS ......
若依管理系统前端实践
若依管理系统是一套基于若依框架开发的后台管理系统，它是一个前后端分离的项目，前端使用vue, Element, 后端使用Spring Boot & Security。这篇随笔中将记录一下自己在使用过程中前端使用上的一些收获和问题。 目录 1. 路由控制 1.1 简述 1.2 token的检验 1.3 ......
前端笔试遇到的两个编程题
倒计时： 在倒计时不超过一天的代码 var hour = document.querySelector(".hour"); var minute = document.querySelector(".minute"); var second = document.querySelector(".se ......
Winform串口通信Demo 附源工程文件可直接通过编译。
Demo功能介绍 下载地址百度网盘 链接：https://pan.baidu.com/s/1AdhP8uUkSvVg3qXUtlMvOw?pwd=ieo5 提取码：ieo5 源代码 介绍： cbx_Port为lable文字"串口号"后对应控件命名 cbx_BaudRate为lable文字"波特率"后 ......
JavaScript 中使用正则表达式的方法
使用方法 在 JavaScript 中，正则表达式可以用字面量语法创建。 字面量语法是一种非常简单直观的表示正则表达式的方式。它使用两个斜杠（/）括起来，如下所示： const regex = /pattern/; 例如，要匹配字母a和b之间的所有字符，可以使用以下字面量语法： const rege ......
JavaScript 数组笔记
添加和删除数组项 添加 push() **push()**方法：向数组的末尾添加一个或多个元素，并返回修改后的数组长度。 语法： arr.push(element1[, ...[, elementN]]) 参数： element1, ..., elementN：要添加到数组末尾的元素。 示例： co ......
JavaScript 有效的字符串方法
本文内容部分截取自该网站，不同部分则为本人笔记。 获得字符串的长度 let browserType = 'mozilla'; browserType.length; 用处 检索特定字符串字符 // 检索字符串最后一个字符 browserType[browserType.length-1]; 在字符串 ......
使用 MQTT 实现前端消息传递
MQTT 是一种轻量级的消息传递协议，广泛应用于物联网和分布式系统中。在前端应用中使用 MQTT 可以实现实时消息传递和数据同步。本文将介绍如何使用 MQTT 在前端应用中实现消息传递。 安装 MQTT.js 要使用 MQTT，在前端应用中，需要安装 MQTT.js。在终端中执行以下命令： npm ......
工程力学：静力学 1（直觉+应用）
工程力学：静力学 1（直觉+应用） 解决工程力学问题：矢量、力、力矩、分布载荷、体中心、流体压力！ 课程英文名：Engineering Mechanics Statics 1 (Intuition + Application) 此视频教程共9.92GB，中英双语字幕，画质清晰无水印，源码附件全 课程 ......
工程力学：静力学 2（直觉 + 应用）
工程力学：静力学 2（直觉 + 应用） 解决实际力学问题：身体平衡、框架、机器、虚功、摩擦力、桁架、横梁和缆索 课程英文名：Engineering Mechanics Statics 2 (Intuition + Application) 此视频教程共5.47GB，中英双语字幕，画质清晰无水印，源码 ......
JavaScript的引入方式
外部JS文件 deno.js alert('你好!JavaScript'); JS引入方式.html <!--方式一：内部脚本--> <!--标签不能自闭和--> <script> alert('你好 JS') </script> <!--方式二：外部引入--> <script src="demo. ......
2023.04.07 - 前端常用解决跨域问题的方案
JSONP：JSONP（JSON with Padding）是一种前端跨域请求的方式，它利用了 HTML 中的 <script> 标签没有跨域限制的特点，通过动态创建 <script> 标签，构造一个特殊的 URL，让服务端返回一段指定的 JavaScript 代码，然后在本地执行这段代码以达到跨域 ......
4.7软件工程学习总结
今天只有晚上有时间自习，然后开始实现注册信息的功能， 向mysql数据库里添加数据，之前的地铁项目做的是查询， 没有做过添加数据的功能，今天写出了部分后台代码。 ......
[Javascript] Improve performance of Array.reduce
Compare two code snippet const people = [ {id: 1,name: 'John', age: 45}, {id: 2,name: "Op", age: 32}, {id: 3, name: "Wade",age: 39 } ] // option 1 con ......
salesforce学习笔记（3-1）- JavaScript Promise（LWC）
在JS代码中，Promise到底有什么作用？ 首先，我们知道的是，Javascript是单线程的，什么意思呢？就是说JS在同一时间只能做一个操作，代码的执行是一行一行进行的： 这种执行方式带来的问题就是在我们打开某个画面的时候，画面可能会卡住转圈、加载中状态很久，用户体验感很差。 Promise可用 ......
k8s前端部署
//前端项目打包构建；支持多环境 pipeline { agent any environment { //GIT路径 GIT_PATH = "threegene/dev/zproduct/server/demo.git" //项目名称, 使用Job名称作为项目名称 PROJECT_NAME = " ......
从功能到年薪30W+的测试开发工程师，分享我这10年的职业规划路线
求职？择业？跳槽？职业规划？ 作为一名初出茅庐的软件测试员，职业发展的道路的确蜿蜒曲折，面对一次次的岗位竞争，挑战一道道的面试关卡，一边带着疑惑，一边又要做出选择，只能无奈的感叹：比你优秀的人比你还努力，你有什么资格不去奋斗…… 那软件测试员，你究竟该如何规划下一份工作？路该怎么走？又该如何避免测试 ......
[C#] JavaScript 引擎
调研了一些兼容 .Net Framework 4.8 的 JavaScript 引擎。 JavaScriptEngineSwitcher 这个对C#常用的JS引擎作了集成，让你简单地尝试各种JS库。 JavaScriptEngineSwitcher.Core 提供通用的 API （需要安装） Jav ......
前端里那些你不知道的事儿之 【window.onload】
相信很多前端开发者在做项目时同时也都做过页面性能优化，这不单是前端的必备职业技能，也是考验一个前端基础是否扎实的考点，而性能指标也通常是每一个开发者的绩效之一。尤其马上接近年关，页面白屏时间是否过长、首屏加载速度是否达标、动画是否能流畅运行，诸如此类关于性能更具体的指标和感受，很可能也是决定着年底你... ......
javascript把本地sql数据库表转换为对象
在做项目的时候，需要读取本地数据库，并且在页面上显示出来， 原始数据 读取出来的原始数据如下： var r=sqliteDB.exec(document.getElementById('txtSQL').value); console.info(r); 使用系统的转换方式 console.log(' ......
学习关于JavaScript常用的8大设计模式
学习关于JavaScript 常用的8大设计模式：工厂模式、单例模式、建造者模式、适配器模式、观察者模式、装饰者模式、策略模式和命令模式 ......
前端代码0bug经验分享
如何写好代码其实是一个很大的话题，本次仅分享一些自己的经验之谈，有其他idea的欢迎交流 在我看来，写好代码更多的是逻辑思维的体现，而这，紧靠一两次分享是无法提高的，我只能尽可能的将可能可以复制的经验进行分享 本次分享不会涉及太多你使用的框架的具体使用细节，技术选型总是千变万化的，我们需要的是抓住不 ......
JavaScript字符串转数字的5种方法及其陷阱
JavaScript字符串转数字的5种方法及其陷阱 摘要 ：JavaScript 是一个神奇的语言，字符串转数字有 5 种方法，各有各的坑法! 原文: Converting Strings to Number in Javascript: Pitfalls 译者: Fundebug 转载地址: 本文 ......
雪花算法生成的Id过长，前端接收精度丢失
1.问题现象： 表的Id使用雪花算法生成，数据库使用bigint类型可以正常存储，后端使用Long类型也可以正常接收，postman进行请求测试，也可以看到后端正常返回的数据，但是前端接收后显示的id不正常。 2.问题原因： 前端使用number类型进行接收，number类型的范围小于后台Long类 ......
前端FileReader 文件预览
这玩意好像挺强，可以操作用户选择的文件，转为base64或者二进制，blob； 1、实际应用 我的行车记录仪记录事反着放的，所以查看视频都是反过来的，那么我就写了个html，选择对应视频反向播放； input框选择视频文件后，我们就能拿到当前视频文件，使用 let f = new FileReade ......
免费分享前端面试题，vue面试题，TypeScript基础知识点 PDF格式
免费分享前端资料，面试题，电子书 接前端开发，带徒弟，一对一教学，远程协助，bug修改 微信： ......
如何让.NET Core工程同步输出到.Net Framework
打开项目工程文件.csproj，修改TargetFramework如下： 1 <TargetFrameworks>net6.0;net5.0;net48;net47;net46;net45;netstandard2.1;netstandard2.0</TargetFrameworks> ......
vue前端纯小白向快速扫盲贴集合
看的一些博客，对于刚入门被前端各种东西搞得头昏的小白扫盲还是很有帮助的，可以快速理解前端总说的一些东西到底是干什么的。 1 创建vue项目所需外部环境 node npm vue/cli脚手架 官网下载node.js 直接下一步下一步即可，管理员打开cmd 执行 node -v正确返回版本 如何升级n ......
Laplace分布算子开发经验分享
摘要：Laplace 用于 Laplace 分布的概率统计与随机采样。 本文分享自华为云社区《Laplace分布算子开发经验分享》，作者：李长安。 1、任务解析 详细描述： Laplace 用于 Laplace 分布的概率统计与随机采样， 此任务的目标是在 Paddle 框架中，基于现有概率分布方案 ......
前端加入摄像机人脸识别（mediapipe）
前端加入摄像机人脸识别（mediapipe） import { Camera} from "@mediapipe/camera_utils"; import {FaceMesh} from "@mediapipe/face_mesh"; // <script src="https://cdn.jsd ......