前端javascript工程师 经验
JavaScript | Variable、Function、Module、Class (一)
函数 函数声明 function sayHello(){ return "Hello JavaScript!!" } 函数表达式 let sayHello = function() { return "Hello JavaScript!!" } 函数、变量提升： 函数和变量都会被提升，且函数会被优先 ......
Javascript中，正则表达式起用 `g` 标志位后，这个正则居然是有状态的
const reg = /^[0-9]+/g reg.test('123') // expect true actual true reg.test('123') // expect true actual false reg.test('123') // expect true actual tr ......
vue前端node内存溢出问题解决
前端项目运行时，如果经常运行慢，崩溃停止服务，报如下错误： FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory （JavaScript堆内存不足） 原因： 因为在 Node 中，通过Ja ......
工程监测仪器振弦采集仪的发展与前景展望
工程监测仪器振弦采集仪的发展与前景展望 振弦采集仪是工程监测中常用的仪器之一，用于测量结构物的振动参数，如振幅、频率等，以了解结构的动态特性和健康状况。随着工程监测的需求不断增长，振弦采集仪的发展也日益受到关注。 首先，振弦采集仪在技术上不断发展。传统的振弦采集仪主要采用机械式振弦传感器，存在灵敏度 ......
移动端手写板 + 模态框 + 弹框,前端监听移动端返回按钮
今天的需求是把全屏的手写板改为同一个页面只占半屏的手写板,本来用的iframe,后面发现笔触和屏幕按下的位置不一样,然后用了jQuery的$.load(),发现用$.load会导致文件中的js不执行,后面还是重新开始,在同文件重新写了一个canvas手写板,然后发现了,canvas在全屏的时候没问题 ......
spring 工程中模版文件下载
文件放置位置 将模版文件放到resources下，如果要加文件夹不要命名为：template 代码 import org.springframework.core.io.ClassPathResource; import javax.servlet.ServletOutputStream; impo ......
前端增加遮罩层后下方还可以滑动解决方法
之前用要实现一个底部弹窗，需要用到遮罩层，但功能实现后发现遮罩层下方的内容还可以滑动，后来上网查询解决方法，找到了很多相关内容，比如加定位和超出隐藏，但后来发现没那么复杂，直接控制css样式overflow-y就能实现 jq方法： 隐藏滑轮（不可滑动）： $('body').css('overflo ......
SpringBoot：整合前端(Vue、React)代码合并SpringBoot项目中打成war包运行
获取前端dist包 前端的dist包就是通过 npm run build 命令生成的包，生成的包结构如下 合并到static文件夹 打开SpringBoot项目 -> resources -> 创建 static 文件夹 将前端dist包内的文件复制到static文件夹内 引入 freemarker ......
精通nodejs和javascript(es5/es6)开发语言和生态环境，熟练使用koa、express、sails、egg等其中至少一种框架；
精通nodejs和javascript(es5/es6)开发语言和生态环境，熟练使用koa、express、sails、egg等其中至少一种框架； 精通nodejs和javascript(es5/es6)开发语言和生态环境，熟练使用koa、express、sails、egg等其中至少一种框架； 精通 ......
前端发送请求的时候 Content-Type 内容分类， django后端分别怎么接收
前端发送请求时，常见的 Content-Type 内容类型包括： application/x-www-form-urlencoded 这是最常见的内容类型，用于发送键值对形式的数据。数据被编码为 URL 查询字符串格式。 Django 后端可以通过 request.POST 来接收这些参数。 mul ......
[JavaScript]eval()
eval() 函数会将传入的字符串当做 JavaScript 代码进行执行。 console.log(eval('2 + 2')); // Expected output: 4 console.log(eval(new String('2 + 2'))); // Expected output: 2 ......
Blazor学习之旅(12)JavaScript与Blazor的互操作
我们都知道，在Blazor中我们可以轻松地使用C#组件而不是JavaScript来创建Web应用程序，但是，这并不代表我们不能继续使用JavaScript提供的便利。很多时候，我们可能希望继续使用JavaScript提供的函数来实现某些功能，这时，我们可以用Blazor和JavaScript的互操作... ......
《需求工程》读后感
软件生产中产生需求问题的最大原因在于对应用型软件的模拟特性理解不透彻或应用不坚决，它会导致软件开发者产生轻视需求的态度问题，但除此之外，还有一些技术原因也会导致需求问题的产生。一般有非技术性和社会性因素重视不足；传统需求分析方法的缺陷；软件规模的日益扩大；需求问题的高代价性等。 什么是需求工程？需求 ......
前端上传图片到EOS
最近个人小项目中用到了移动云的EOS服务，需求是前端直接上传图片到移动云的EOS，将返回的图片URL作为参数传给后端，步骤如下： 1、安装依赖：cnpm i aws-sdk 2、指定访问权限： 1 // 创建 plugins/aws.js 文件 2 const AWS = require('aws- ......
Javascript 原型链 jQuery原型链 js原型链 我感觉我能一直写下去 扶着我>_<
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>原型链闭环</title> <script src="./jquery.js"></script> </head> <body> <div class="con ......
东数西算工程
近日，国家发展改革委、中央网信办、工业和信息化部、国家能源局联合印发通知，同意在京津冀、长三角、粤港澳大湾区、成渝、内蒙古、贵州、甘肃、宁夏等8地启动建设国家算力枢纽节点，并规划了10个国家数据中心集群。至此，全国一体化大数据中心体系完成总体布局设计，“东数西算”工程正式全面启动。国家发展改革委高技 ......
api下的 user.js 主要是从前端页面获取的接口
import request from '@/utils/request' // 登录接口 export function login(data) { return request({ url: '/vue-element-admin/user/login', method: 'post', dat ......
layui之静态表格的分页及搜索功能以及前端使用XLSX导出Excel功能
LayUI官方文档：https://layui.dev/docs/2/#introduce XLSX NPM地址：https://www.npmjs.com/package/xlsx XLSX 使用参考文档：https://juejin.cn/post/7003153489920524301 htt ......
前端添加配置文件——webpack打包部署后可配置
1.在public文件夹下，新建config/config.js文件 window["edmConfig"] = { loginConfig: { loginSource: "d d d", loginUrl: "a a a", service: "c c c" } } 2.在index.html中 ......
袋鼠云数栈前端从 Multirepo 到 Monorepo 研发效率提升探索之路
我们是袋鼠云数栈 UED 团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。 本文作者：星野 困境频生前端代码管理何解？ 前端代码管理一直是困扰着不少前端开发团队的难题，从开发到发布的整体工作流程中，除了常规的技术问题外，往往还伴随着沟通成本、维 ......
软件工程领域的一百个关键字
软件工程领域的一百个关键字 软件 软件是计算机系统中与硬件相互依存的部分，它是包括程序、数据及相关文档的完整集合。 软件危机 软件危机是指在计算机软件的开发和维护过程中所遇到的一系列严重问题。 软件工程 软件工程是研究和应用如何以系统化的、规范的、可度量的方法去开发、运行和维护软件，即把工程化应 用 ......
解决前端vue2报错 Error: Can't resolve cache-loader和Error: Can't resolve babel-loader等
总得说来报这种Error: Can't resolve+模块名字的错误，一般就只有两种原因：一、少了这个包（直接安装：pnpm add -D 模块名字@版本），二、有这个包，但是版本在package.json中不正确。需要和你的vue/cli-service的版本对应上，该降级的时候降级，降级一般先 ......
JavaScript事件
事件 JavaScript事件，就是用户或浏览器本身的某种行为，一般是用户对页面的一些动作引起的，比如用户的点击某个链接、在文本框中输入文本等。 绑定对应的事件 方法一：直接在元素上面添加一个事件属性 语法： 方法二：在js中找到dom添加事件 语法： 方法三：使用addEventListener ......
简单入门五子棋代码html+css+javascript实现
今天为了测试某AI工具，尝试生成了五子棋代码，代码非常简单，适合入门级小白练手。 把代码中的bug调试通过后贴出来了，供一些入门的小朋友参考。 代码中没有实现任何算法部分，比如胜利判断、机器人对决等功能还没有开发的 但是每次落子会后自动换手，没有悔棋，胜负全靠自己判断。 先上一张图看看效果： 代码部 ......
前端md5 js加密
cdn地址 <script src="https://cdn.bootcss.com/blueimp-md5/2.12.0/js/md5.min.js"></script> 使用 var hash = md5('value') // "2063c1608d6e0baf80249c42e2be5804 ......
现在前端的框架
你现在开发android,ios,小程序用什么工具，怎么开发的？还在单个端的开发吗？今天我们主要讨论的是一次开发多端使用的技术，也是这两年比较流行的开发方向。现在的终端太多了，app两个端android和ios,小程序有微信，头条，百度，支付宝，还有wap端，如果你每个端都开发一次，成本太高了，所以 ......
创建一个双模式跨运行时的 JavaScript 包
本文将指导你发布双模式、跨运行时的 JavaScript 包。了解如何创建与 ESM 和 CommonJS 以及 Node.js、Deno 和浏览器等不同运行时兼容的库。 随着 JavaScript 开发的不断发展，人们越来越需要能在多种环境中运行的强大依赖包。在本文中，我们将探讨如何发布跨运行时、 ......
记录--工程化第一步这个package.json要真的搞明白才行
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 工程化最开始就是package.json开始的，很多人学了很多年也没搞清楚这个为什么这么神奇，其实有些字段是在特定场景才有效的，那每个属性的适用场景和作用是什么，又牵扯很多知识点，今天先解读一些常见的属性，关注我，后期在遇到特定场景也会再 ......
前端上传文件或者上传文件夹
文档 https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/input上传文件夹，主要的参数webkitdirectory 浏览器上传文件夹，浏览器会弹出询问窗口 兼容性https://caniuse.com/?search=webkit ......
前端实现文件上传（点击+拖拽）
一、简介之前在Vue项目中使用过element的上传组件，实现了点击上传+拖拽上传的两种上传功能。然后我就在想是否可以通过原生的html+js来实现文件的点击上传和拖拽上传，说干就干。首先是点击获取上传文件自然没的说，只需要借助input标签即可，但原生的点击上传按钮，实在是过于简陋，所以我的想法是 ......