前端javascript工程师 经验
常见的 JavaScript 设计模式
在 JavaScript 发展的历程中，前行者们从实践中总结出了很多特定问题的解决方法。这些解决方法被成为设计模式，简单来说，设计模式就是在某种场合下对特定问题的简洁而又优雅的解决方案。在之后的一段时间，我将记录 JavaScript 中各种常见的设计模式。 主要有以下几种： 单例模式（Single ......
vue项目内存溢出，JavaScript heap out of memory
第一种方式： 参考地址：https://blog.csdn.net/wj197927/article/details/124323835 第二种方式： 修改NODE_OPTIONS NodeJS启动的应用，内存使用是有上限的；默认为4GB(不同机器环境可能会有不同)。NodeJS应用使用的内存上限， ......
cs 保研经验贴 | 综合面试题库
绝大部分夏令营都需要面试：如果幸运的话，稍微问几个问题就结束了；不幸的话，可能要抓住你做项目、读论文、复现、做 pre 等等。 这篇博客适用于幸运的情况：绝大部分学校的面试题库，都是彼此重合的，并且一年年的没什么变化。因此，只要准备一下常见的高频问题，就足以应付这种面试了。 夏令营原题：数学 线代 ......
cs 保研经验贴 | 英语口试
很多夏令营都有英语面试环节。但这其实是有迹可循的，多说几遍就熟练了。无论是笔试面试，还是联系导师 联系 hr，这种自我推销的事情，都会越做越熟练的。希望发表也是如此吧…（来自博零菜鸟的碎碎念…） ###常见 句型： 忘光了，等我现场推吗？Sorry, I forgot most of the det ......
cs 保研经验贴 | 数学试题 · 自动化所特供版
据（2022 年我所看的）往年经验，自动化所比较重视数学。感觉，按照自动化所的数学题库复习，就足以应付大多数夏令营的笔试面试了。 高等数学 初等函数的定义： 幂函数、指数函数、对数函数、三角函数、反三角函数，与常数经过有限次的有理运算（加、减、乘、除、有理数次乘方、有理数次开方），及有限次函数复合的 ......
前端项目首页加载速度及项目性能优化
提升首屏的加载速度或项目整体优化，是前端性能优化中最重要的环节，接下来跟大家分享一些常规且有效的首屏优化建议及做法。 一、路由懒加载 SPA项目，一个路由对应一个页面，如果不做处理，项目打包后，会把所有页面打包成一个文件，当用户打开首页时，会一次性加载所有的资源，造成首页加载很慢，降低用户体验，因此 ......
JavaScript：数组删除指定元素
1.shift()方法 用于删除数组中的第一个元素。 注：此方法会改变数组的长度 let arr = [1,2,3] arr.shift() // 删除1 // arr为[2,3] 2.pop()方法 用于删除数组中最后一个元素 注：此方法会改变数组的长度 let arr = [1,2,3] arr ......
前端项目首页加载速度及项目性能优化
提升首屏的加载速度或项目整体优化，是前端性能优化中最重要的环节，接下来跟大家分享一些常规且有效的首屏优化建议及做法。 一、路由懒加载 SPA项目，一个路由对应一个页面，如果不做处理，项目打包后，会把所有页面打包成一个文件，当用户打开首页时，会一次性加载所有的资源，造成首页加载很慢，降低用户体验，因此 ......
javascript 代码精炼
let index = 0;while (++index < 1000) { // do something }这段代码 等价于 let index = 0; for (;index < 1000; index++) { // do something } ......
javascript中==,===,!=,!==的区别
javascript中比较运算符区别举例 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>比较运算符</title> </head> <body> <script> var owList=null; if(owList!==nu ......
JavaScript：数组的sort()排序（遇到负数时如何处理）
Sort()语法： /** * sortFun：可选，设置排序的逻辑，必须是函数 */ arrayObject.sort(sortFun) 注：在使用sort()函数时，如果不是传函数参数的话，会以默认的方式进行排序，即按照字符编码的顺序进行排序。 例如： var arr = [57,34,2,5, ......
前端性能精进（七）——构建
前端性能精进（七）——构建 前端构建是指通过工具自动化地处理那些繁琐、重复而有意义的任务。 这些任务包括语言编译、文件压缩、模块打包、图像优化、单元测试等一切需要对源码进行处理的工作。 在将这类任务交给工具后，开发人员被解放了生产力，得以集中精力去编写代码业务，提高工作效率。 构建工具从早期基于流的 ......
大厂在混沌工程领域的实践
近几年大家对于生产服务的稳定性越来越重视，无论是在技术大会还是企业的技术规划中，混沌工程越来越多的被提及到。 上周末看了2个大厂落地混沌工程的视频案例，让我对混沌工程有了一些新的理解。 这篇文章，我总结了阿里和字节在落地混沌工程方面的一些技术实践，还有我的一些理解和思考。 为什么需要混沌工程？ 其实 ......
JavaScript中计时器requestAnimationFrame、setTimeout、setInterval、setImmediate的使用和区别
在JavaScript中，我们经常使用requestAnimationFrame、setTimeout、setInterval和setImmediate来控制代码的执行时机。它们各有特点和适用场景： 1. requestAnimationFrame： requestAnimationFrame主要用 ......
记一次springboot通过jackson渲染到前端，出现大写字母变成小写问题
前言 最近业务部门接手了外包供应商的项目过来自己运维，该部门的小伙伴发现了一个问题，比如后端的DTO有个属性名为nPrice的字段，通过json渲染到前端后，变成nprice，而预期的字段是要为nPrice。于是他们就找到我们部门，希望我们能帮忙解决一下这个问题，本文就聊聊如何解决问题，至于为什么会 ......
【开源项目】合肥~超经典智慧城市CIM/BIM数字孪生可视化项目—开源工程及源码
最新消息，数字孪生智慧宁波开源了其数据工程源码和工程，免费送出供大家学习、使用、分享。 智慧宁波实现了一系列全面的功能，如实现长三角经济圈特效、智慧地铁特效、智慧灯杆特性等。这些项目利用数字孪生技术和物联网等先进技术，可以实现精细化管理和智能控制，提高城市管理效率和品质。 长三角经济圈——中 ......
前端使用highcharts报错“Error: Highcharts error #13”
报错情况如下： 错误原因： 查找了下这个错误，图形容器无法找到，会导致报这个错误，两个页面都在使用同一个容器id时可能也会导致这样的问题，我遇到的是后者。。。。所以就改了一id然后就成功解决 如果是前者：建议 ： 检查一下界面文件路径，或者F12查看一下是否有对应的图形容器 ......
前端使用highcharts绘制3D圆环图报错 “this.chart.is3d is not a function ”
废话不多说直接上解决办法： 需要在main.js中添加如下代码： import highcharts from 'highcharts' import highcharts3d from 'highcharts/highcharts-3d' highcharts3d(highcharts) ......
前端Vue项目打包性能优化方案
一.前言 Vue 框架通过数据双向绑定和虚拟 DOM 技术，帮我们处理了前端开发中最脏最累的 DOM 操作部分， 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM；但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题，所以我们仍然需要去关注 Vue 项目性能方面 ......
软件工程日报——智能排班系统初步展示
今天，在建民老师的要求下，我和我的团队进行了智能排班系统的初步展示，我们展示了自己团队的前端项目。 展示界面如图所示： 让我们没有想到的是，有十一个队伍选择了跟我们一样的参赛项目，于是建民老师要求我们十一个队伍进行评选，选出两个队伍选择这个赛题，其他队伍要进行换题。 现在我们准备等待评选结果，准备换 ......
前端，将图片转为base64格式后保存至数据库
调用上述函数，因为onload回调是异步的，需要等图片转换成功后使用base64图片路径，所以需要包在promise实例内抛出去 this.imgBase().then(baseUrl =>{ // 使用成功回调拿到图片处理成功后的格式 }) ......
前端已死？金三银四？你收到offer了吗？
最近在脉脉、知乎等平台都有人在渲染前端从业人员的危机，甚至使用“前端已死”的字眼，颇有“语不惊人死不休”的意味，对老鸟来说，这关乎职业寿命，关乎生活，但因为浸淫行业多年，个中变化比较了解，应该不会太受影响，对新人可能就有误导了，甚至不敢入行。 ......
怎么成为Android高级开发工程师
学习Java和Kotlin语言：Java是Android开发的基础语言，而Kotlin则是一种更现代的语言，可以帮助提高开发效率。学习这两种语言是成为Android高级开发工程师的基础。 掌握Android框架和技术：了解Android的各种框架和技术，如Android SDK、Android St ......
记一次前端页面切换卡死的排查经历
这是一个老项目的新迭代，项目由element admin改编而来，bug的症状是：来回切换页面，有概率页面卡死。 我首先怀疑是内存泄漏导致了页面卡死，因为有几个页面请求了很多的数据，页面中还用到了一些定时器。 首先尝试通过chrome的performance和memory来查看内存和性能的变化，但是 ......
MATLAB计算变异函数并绘制经验半方差图
本文介绍基于MATLAB求取空间数据的变异函数，并绘制经验半方差图的方法。 由于本文所用的数据并不是我的，因此遗憾不能将数据一并展示给大家；但是依据本篇博客的思想与对代码的详细解释，大家用自己的数据，可以将空间数据变异函数计算与经验半方差图绘制的全部过程与分析方法加以完整重现。 1 数据处理 1.1 ......
复制工程
原则 保留工程基础痕迹 抹掉原始工程痕迹 1. 在文件夹中复制项目工程 2. 在pom.xml修改<artifactId></artifactId> 3. 文件夹中删除不用的东西 留下 以该工程为模板复制其他 修改pom.xml文件 将该模块导入IDEA中 ......
软件工程课程-记背
教材参考的是 杭州电子科技大学信息工程学院《软件工程》 1.1 git命令 1.2 第一章当中的生命周期一共是几个阶段，每个阶段什么内容，做什么事情？ （图中是在瀑布模型的基础上增加了项目管理的相关过程和实践） 在典型的瀑布型生命周期模型中有如下六个阶段。P28 ① 问题的定义及其描述 ② 需求分析 ......
一文搞定：前端如何选择Angular、React和Vue三大主流框架
在前端开发领域，目前最流行的三个框架是Angular、React和Vue.js。这些框架非常高效，并且它们各自具有一系列的优缺点。 在AI辅助编程工具**CodeGeeX的后台中，也看到有大量的前端开发者使用这三个框架，并且Vue的使用率在CodeGeeX**的后台中，持续走高。接下来我们针对Ang ......