前端javascript工程师 经验
前端 数学计算 big.js 使用
解决0.1 + 0.2 不等于 0.3的问题 解决方法 方法一，同时扩大倍数再除以相同的倍数 0.1 +0.2 // 0.30000000000000004 (0.1 *10 + 0.2 *10) / 10 // 0.3 方法二，第三方库 bignumber.js math.js big.js bi ......
springboot数据传到前端在echarts中显示
后端正常返回查询所有的信息 前端使用echarts.min.js和jquery.min.js进行使用 ajax使用： $(document).ready(function() { $.ajax({ url: 'http://localhost:7070/selectHang', //你的url me ......
8-SpringBoot工程搭建
创建 Maven 工程 参考：https://www.cnblogs.com/TangXiaoHuiHui/articles/12264019.html 进行创建 添加相关依赖 <parent> <groupId>org.springframework.boot</groupId> <artifac ......
JavaScript实现排序算法
目录前言排序算法冒泡排序选择排序插入排序归并排序快速排序计数排序基数排序 前言 排序算法是《数据结构与算法》中最基本的算法之一，本篇使用JavaScript语言实现各种常见排序算法。 排序算法 冒泡排序 比较相邻的元素。如果第一个比第二个大，就交换他们两个。 对每一对相邻元素作同样的工作，从开始第一 ......
前端上传大文件处理（切片、断点续传）
思路1.对文件做切片,即将一个请求拆分成多个请求，每个请求的时间就会缩短，且如果某个请求失败，只需要重新发送这一次请求即可，无需从头开始2.通知服务器合并切片,在上传完切片后,前端通知服务器做合并切片操作3.控制多个请求的并发量,防止多个请求同时发送,造成浏览器内存溢出,导致页面卡死4.做断点续传, ......
11-JavaScript 逻辑条件 ，if判断 ，while循环，算数运算相关的案例演示
1、案例：猜数字 设置一个1-10之间的随机数，然后输入进行猜数字，猜的大了怎么样、猜的小了怎么样、猜对了怎么样 知识点：设置随机数 、if判断 、while循环 写题思路： 1.设置弹框提出问题 2.定义一个随机数0-10的数组 3.if 判断 取值的范围，在其范围内反馈的结果 4.while循环 ......
JavaScript 终于原生支持数组分组了！
在日常开发中，很多时候需要对数组进行分组，每次都要手写一个分组函数，或者使用lodash的groupBy函数。好消息是，JavaScript 现在正在引入全新的分组方法：Object.groupBy和Map.groupBy，以后再也不需要手写分组函数了，目前最新版本的 Chrome（117）已经支持 ......
（六）Unity性能优化-工程目录与Assets目录设置
原链接：https://github.com/lwwhb/Unity2022_SUNTAIL_Stylized_Fantasy_Village_Optimization Unity工程目录结构及用途Asset文件夹：用来存储和重用的项目资产 Library文件夹：用来存储项目内部资产数据信息的目录* ......
渗透测试中的前端调试（一）
前端调试是安全测试的重要组成部分。它能够帮助我们掌握网页的运行原理，包括js脚本的逻辑、加解密的方法、网络请求的参数等。利用这些信息，我们就可以更准确地发现网站的漏洞，制定出有效的攻击策略。前端知识对于安全来说，不但可以提高测试效率，还可以拓宽测试思路。 ......
前端技术点滴整理-1
一、ETag相关 ETag（Entity Tag）是 HTTP 1.1 协议中的一部分，用于确定浏览器缓存的一个资源在服务器上是否已经被修改。它是一个可以分配给特定版本和实例的资源的标识符，通常是一个哈希值。服务器可以在发送资源时，将该资源的 ETag 一起发送给客户端。然后客户端在再次请求该资源时 ......
基于事件的 JavaScript 编程：构建交互式 Web 应用程序
了解事件 1. 事件类型 JavaScript 支持多种事件类型。一些最常见的包括： 鼠标事件：这些事件由用户与鼠标的交互触发，例如单击、悬停和拖动。 键盘事件：这些事件在用户与键盘交互时发生，例如按下某个键或松开某个键。 表单事件：与表单元素相关的事件，例如提交表单或更改输入字段的值。 文档和窗口 ......
vue前端导出pdf
function exportDataPdf(el, fileName, splitClassName) { // 防止页面数据被切割 const A4_WIDTH = 595 const A4_HEIGHT = 842 el.style.height = 'initial' const pageH ......
企业微信机器人Javascript调用例子
const key = "" const oWX_URL = 'https://qyapi.weixin.qq.com/cgi-bin/webhook/send?key='+key; const sent_msg = { 'msgtype': 'text', 'text': { 'content': ......
关于前端echart图大小联动
import React, { Component } from "react"; import * as echarts from 'echarts'; class Chart1 extends Component { constructor(props) { super(props); this ......
投标文件编写经验--陪标
1、 拷贝（目标文件-源文件） 尽量标题序号对应，调格式不好调 2、 样式 ：粘贴（只粘贴文本），再应用样式 调格式 3、* 偏离项：如果内容无相关项，可以把原文件拷贝过来，放到相关内容下盖帽展示。 ......
javascript: The Best Guided Tour Plugin
Best Tour Plugins To Guide Visitors Through Your Apphttps://yonkov.github.io/post/display-shepherd-only-once/https://www.jqueryscript.net/blog/best-gu ......
javascript数据类型
原视频：https://www.bilibili.com/video/BV15T411j7pJ?p=9&vd_source=9752cdd43d8570cd76479220c765bc34 一、数据类型分类 number：数字类型，整型，浮点型，二进制，十六进制（如0x99=十进制的9*16+9=1 ......
前端根据swagger,生成 .ts 映射接口文件
新建 generator.js 文件，写入以下代码 const fs = require('fs') const path = require('path') const parse = require('swagger-parser') const beautify = require('js-b ......
前端根据swagger,生成javascript映射接口文件
创建文件 generator.js 写入以下代码 const fs = require('fs') const path = require('path') const http = require('http') function mkdirsSync(dirname) { if (fs.exis ......
前端大文件上传、文件切片、断点续传
一、项目初始化1、项目初始化我们创建一个 big-file-upload 目录作为当前项目的根目录文件。 执行以下命令对当前项目进行初始化，生成 package.json 文件： npm init -y2、搭建项目结构在项目根目录中创建 public 目录，作为前端静态资源目录。同时在 public ......
Odoo 通过Javascript调用模型中自定义方法
实践环境 Odoo 14.0-20221212 (Community Edition) 代码实现 在js脚本函数中调用模型中自定义方法： this._rpc({ model: 'demo.wizard', // 模型名称，即模型类定义中 _name 的值 method: 'action_select ......
odoo中用javascript调用model中定义好的方法，及要注意的坑
odoo中如果前端界面要调用后台model中写好的方法，很简单。使用 do_action 即可，比如要调用改res.users的默认语言后执行的方法 odoo.define('switch_language.SwitchLanguageMenu', function (require) { "use ......
TienChin 活动管理-工程创建
工程模块的创建，与之前创建渠道管理一样的，所以这里就不贴图带着大家一起动手进行了，表结构我已经给到大家了，这里我只贴一下代码生成器的代码部分即可。 @Test void generateActivity() { String path = "E:\\Desktop\\TienChin\\tiench ......
前端性能优化必杀技：骨架屏让你快人一步
在现代前端开发中，用户体验和性能优化一直是小伙伴们追求的目标之一。骨架屏(Skeleton Screen)作为一种优化用户界面加载速度的方法，应用在各种（App/小程序/h5）应用里面。本文将深入探讨骨架屏的最佳实践，结合代码案例，介绍如何实现和优化骨架屏。 什么是骨架屏？ 骨架屏是一种在页面加载过 ......
记录一下前端缓存分类汇总(indexDB、localStorage、sessionStorage)
什么是缓存? 当我们第一次访问网站的时候，比如 juejin.cn，电脑会把网站上的图片和数据下载到电脑上，当我们再次访问该网站的时候，网站就会从电脑中直接加载出来，这就是缓存。 缓存的优点和应用场景 Web缓存种类：indexDB、localStorage、sessionStorage。 缓解服务 ......
JavaScript Library – Svelte
前言 上一回我介绍了 Alpine.js。作为我开发企业网站 draft 版本的 render engine。 用了一阵子后，我觉得它真的非常不好用。所以打算换一个。 前端有好几个 framework / library / compiler 都可以用来做 MVVM render engine。比如 ......
双非本科求职经验分享
求职经验分享 前言 历时半个月时间，终于找到了一份.net开发的工作。 双非本科。。。 求职软件 我手机下载了 应届生求职 不常用 Boss直聘 常用 前程无忧 不常用 智联招聘 常用 猎聘 不常用 拉勾招聘 不常用 最常用的是Boss直聘，最后也是在Boss直聘上找到的工作，然后其次是智联招聘。 ......
大前端是什么？
大前端是什么？ 简单来说，大前端就是所有前端的统称，比如Android、iOS、web、Watch等，最接近用户的那一层也就是UI层，然后将其统一起来，就是大前端。大前端最大的特点在于一次开发，同时适用于所有平台，开发者不用为一个APP需要做Android和iOS两种模式而担心。大前端是web统一的 ......
JavaScript实现数组对象去重
有多种实现方式： 一、使用 Set 对象： 1 Array.from(new Set(array)) 该方法会先创建一个 Set 对象，然后再使用 Array.from 方法将 Set 对象转换为数组，因为 Set 对象不允许有重复的元素，所以这样可以实现去重的效果。 但是，如果数组中的元素是对象， ......
前端大文件分片上传断点续传
分片上传 分片上传是将大文件分成多个小文件进行上传，每个小文件的大小通常为1MB到10MB。上传时，将每个小文件分别上传到服务器，服务器再将这些小文件合并成一个完整的大文件。这种方法可以提高上传速度，减少上传失败的可能性。 断点续传 断点续传是指在上传过程中，如果上传失败或者中断了，可以从上次上传的 ......