前端javascript插件 常见
Vue3 前端传递字典格式会变味
axios .post('http://127.0.0.1:5000/'+modalAction.value+'_data',modalData.value,{headers:{'Content-Type':'application/json;charset=UTF-8'}}) .then(resp ......
前端随笔
1、webpack的作用 模块打包工具，可以将项目打包成兼容浏览器的格式，或者打包成手机app等。 它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用 2、node的作用 ......
IDEA安装彩虹括号插件Rainbow Brackets
IDEA搜索插件Rainbow Brackets 安装后重启IDEA 效果如图：不同层级的括号会变成不同的颜色，便于区分。 光标定位到前一个括号后，使用快捷键ALT+鼠标右键可以只查看当前括号中的内容，按ESC取消。 效果如图： ......
系统化学习前端之JavaScript（ES6：异步编程）
系统化梳理 JavaScript 异步编程相关知识点，包括 Promise，generator 生成器函数，以及 async await 异步函数等。 ......
前端pdf预览-pdfh5
遇到问题 用iframe、embed 标签死活都加载不出1M以上的文件，最后用开源项目 pdfh5解决问题 github连接： gjTool/pdfh5: web/h5/移动端PDF预览插件 (github.com) 1. 下载pdfh5 2.引包 <link rel="stylesheet" hr ......
idea 插件 自动生成测试案例
我们在写代码的时候，很多地方都需要你写一个测试类用于基础测试的，idea有一个好用的工具可以一键帮我们生成，下面给大家讲解如何使用 1、打开设置 File-->settings-->Plugins， 搜索 Squaretest 2、安装完成后重启idea ，你会发现，导航栏位置已经多了一个选项 3、 ......
前端性能优化——图片优化
前端性能优化——图片优化 一、图片优化措施 优化图片是 Web 前端优化的重要一环，因为图片是 Web 页面中最耗费带宽和加载时间的资源之一。以下是一些通过优化图片来优化 Web 前端的方法： 压缩图片：压缩图片可以减少图片的文件大小，从而减少加载时间。 使用矢量图形：使用矢量图形（如 SVG）可以 ......
常见的 JavaScript 设计模式
在 JavaScript 发展的历程中，前行者们从实践中总结出了很多特定问题的解决方法。这些解决方法被成为设计模式，简单来说，设计模式就是在某种场合下对特定问题的简洁而又优雅的解决方案。在之后的一段时间，我将记录 JavaScript 中各种常见的设计模式。 主要有以下几种： 单例模式（Single ......
js中常见的面试题
以下是几个常见的 JavaScript 面试题： 1. 创建对象的几种方式 JavaScript 中创建对象的几种方式有：字面量、构造函数、Object.create()、class 等。其中字面量是最简单和最常见的创建对象的方式，构造函数可以通过工厂模式或者原型链来实现复用，Object.crea ......
vue项目内存溢出，JavaScript heap out of memory
第一种方式： 参考地址：https://blog.csdn.net/wj197927/article/details/124323835 第二种方式： 修改NODE_OPTIONS NodeJS启动的应用，内存使用是有上限的；默认为4GB(不同机器环境可能会有不同)。NodeJS应用使用的内存上限， ......
pinia 实战IM----注册TIM-plugin插件
初始化TIM实例 import TIM from 'tim-js-sdk'; import TIMUploadPlugin from 'tim-upload-plugin'; import { ChartDefineStoreOptions } from './type'; export defau ......
前端项目首页加载速度及项目性能优化
提升首屏的加载速度或项目整体优化，是前端性能优化中最重要的环节，接下来跟大家分享一些常规且有效的首屏优化建议及做法。 一、路由懒加载 SPA项目，一个路由对应一个页面，如果不做处理，项目打包后，会把所有页面打包成一个文件，当用户打开首页时，会一次性加载所有的资源，造成首页加载很慢，降低用户体验，因此 ......
JavaScript：数组删除指定元素
1.shift()方法 用于删除数组中的第一个元素。 注：此方法会改变数组的长度 let arr = [1,2,3] arr.shift() // 删除1 // arr为[2,3] 2.pop()方法 用于删除数组中最后一个元素 注：此方法会改变数组的长度 let arr = [1,2,3] arr ......
前端项目首页加载速度及项目性能优化
提升首屏的加载速度或项目整体优化，是前端性能优化中最重要的环节，接下来跟大家分享一些常规且有效的首屏优化建议及做法。 一、路由懒加载 SPA项目，一个路由对应一个页面，如果不做处理，项目打包后，会把所有页面打包成一个文件，当用户打开首页时，会一次性加载所有的资源，造成首页加载很慢，降低用户体验，因此 ......
纠正两个常见的错误观念。端到端测试自动化是 "简单而容易 "还是 "复杂而不可能
#blog 纠正两个常见的错误观念。端到端测试自动化是 "简单而容易 "还是 "复杂而不可能 当前市场上各种端到端的测试工具层出不穷，工具市场很繁荣，但真正成功的项目实践却很少见。今天看到了一篇很有意思的文章，我愿称作者为典型的selenium原教旨主义者， 他的一些观点尽管看上去非常的old sc ......
InvokeFieldUpdateService未触发插件值更新
K3BillView.InvokeFieldUpdateService("F_JNXM_Supplier", 0);经验分享: .InvokeFieldUpdateService触发值更新这个方法执行有个前提, 必须进行了不同值的赋值,才会触发,例如, 下推的时候, 如果在转换规则给字段配置了数据, ......
Mybatis插件原理详解（转载）
前言 上次发文说到了如何集成分页插件，接下来聊mybatis插件的原理。 插件原理分析 mybatis插件涉及到的几个类： 我将以 Executor 为例，分析 MyBatis 是如何为 Executor 实例植入插件的。Executor 实例是在开启 SqlSession 时被创建的，因此，我们从 ......
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, ......
前端性能精进（七）——构建
前端性能精进（七）——构建 前端构建是指通过工具自动化地处理那些繁琐、重复而有意义的任务。 这些任务包括语言编译、文件压缩、模块打包、图像优化、单元测试等一切需要对源码进行处理的工作。 在将这类任务交给工具后，开发人员被解放了生产力，得以集中精力去编写代码业务，提高工作效率。 构建工具从早期基于流的 ......
反爬虫常见策略总结
有爬虫就有反爬虫，这都是相辅相成的，对于长时期从事在爬虫行业的技术员来说，时刻要了解对应网站的反爬机制，才能稳定获取数据。下面就是我这几年接触过的反爬的一些案例，供大家参考下。 反爬虫 反爬虫，即应对爬虫进行反制的统称，主要区分“正常用户”与“机器人”的一种策略统称。 认识反爬虫 正所谓知其然，知其 ......
第一推动｜2023年VSCode插件最新推荐（54款）
本文介绍前端开发领域常用的一些VSCode插件，插件是VSCode最重要的组成部分之一，本文列出了我自己在以往工作经验中积累的54款插件，个人觉得这些插件是有用或有趣的，根据它们的作用，我粗略的把它们分成了代码管理、文本和图片处理、前端框架和语言相关、提效和功能增强以及主题和图标等几个模块。 一、代 ......
SEO常见问题解答：如何解决网站优化中遇到的难题和挑战
SEO常见问题解答：如何解决网站优化中遇到的难题和挑战 网站优化是提高网站在搜索引擎中排名和流量的重要手段，但是在优化过程中，往往会遇到各种难题和挑战，如何有效地解决这些问题，是每个网站运营者和SEO专家都需要掌握的技能。本文将针对一些常见的网站优化问题，给出一些解决方案和建议，希望对大家有所帮助。 ......
JavaScript中计时器requestAnimationFrame、setTimeout、setInterval、setImmediate的使用和区别
在JavaScript中，我们经常使用requestAnimationFrame、setTimeout、setInterval和setImmediate来控制代码的执行时机。它们各有特点和适用场景： 1. requestAnimationFrame： requestAnimationFrame主要用 ......
记一次springboot通过jackson渲染到前端，出现大写字母变成小写问题
前言 最近业务部门接手了外包供应商的项目过来自己运维，该部门的小伙伴发现了一个问题，比如后端的DTO有个属性名为nPrice的字段，通过json渲染到前端后，变成nprice，而预期的字段是要为nPrice。于是他们就找到我们部门，希望我们能帮忙解决一下这个问题，本文就聊聊如何解决问题，至于为什么会 ......
MyBatis插件原理解析（转载）
前言 大多数框架都支持插件，用户可通过编写插件来自行扩展功能，Mybatis也不例外。 在Mybatis中最出名的就是PageHelper 分页插件，下面我们先来使用一下这个分页插件。 如何集成分页插件 Spring-Boot+Mybatis+PageHelper 引入pom依赖 <dependen ......