前端javascript工程师 经验
前端设计模式——访问者模式
访问者模式（Visitor Pattern）是一种行为型设计模式，用于将操作与其所操作的对象分离开来。该模式的核心思想是将操作封装在一个访问者对象中，而不是分散在各个对象中。通过将操作与对象分离开来，访问者模式可以在不修改对象结构的情况下，添加新的操作。 在前端开发中，访问者模式通常用于处理DOM树 ......
前端传递Base64字符串，后端转流存入OSS
工具类 public static BufferedInputStream base64Convert(String base64) { // 解码 base64 = base64.split(",")[1]; try { byte[] buffer = Base64.getMimeDecoder( ......
前端性能精进（六）——网络
网络也是前端性能优化的重要一环，网页上的资源都要经过网络来传输。 优化网络性能除了缓存和压缩之外，还有就是协议和 CDN。 HTTP 协议已经历了多个版本，每个版本的出现其实就是为了解决已知的性能问题。 目前市面上，有许多成熟的商业 CDN 服务，采用这些服务的网页，在性能提升上也很可观。 一、缓存 ......
python工程里面的类型的思考
虽然我的工程语言是python语言，在工程搭建过程中非常注意类型提示的问题。 关于方法的方法的返回值类型的问题： 常用的方式是在函数/方法书写一些尖头+类型，这样调用方能很方便的对return值进行方法的提示。这也是最常用的的一种方式。有时候对于第三方库的方法的返回值，无法类型提示的话，我们可以简单 ......
2023年3月26日(软件工程日报)
Fragment之添加，多界面添加 Fragment之查找 替换操作 Fragment与Activity之间传递数据 Activity向Fragment 通过构造方法 通过public方法 通过Argument 通过接口 方法传递 构造方法 普通public方法 普通方法传递 ......
7款前端性能分析工具，全都是神器
7款前端性能分析工具，全都是神器 测试开发技术 关注 7 人赞同了该文章 我们在使用网站过程中，经常会遇到慢的问题，为了找到原因，一般需要借助工具进行检测，通过工具，可以检测出前端站点加载资源的相关详细情况。今天，就给大家介绍几款前端性能测试分析工具，结合性能测试工具，实现通过量化的方式测试网站中 ......
前端设计模式——路由模式
路由模式（Router Pattern）：将页面的不同状态映射到不同的URL路径上，使得用户可以直接通过URL来访问页面的不同状态。 路由模式通常用于实现单页面应用（SPA）的页面导航和状态管理。具体来说，路由模式通过解析URL路径来确定应该显示哪个页面，并使用历史记录API来管理页面状态。 一般来 ......
百度2020校招Web前端工程师笔试卷（第二批）（20~23）
21. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> .checkgroup .item{ height: 42px; line-height: 42px; padding: 0 10px; margin: 10px 0; ......
前端设计模式——计算属性模式
计算属性模式（Computed Property Pattern）：在JavaScript中，可以使用Object.defineProperty()方法来实现计算属性模式，通过get和set方法来计算属性值。 计算属性模式用于将对象的某些属性值与其他属性值相关联。该模式常用于Vue.js等框架中。 ......
什么是前端开发领域中的 time to first byte 指标
在前端开发领域中，time to first byte（TTFB）指标是指浏览器发出请求后，服务器第一次返回数据所花费的时间，即从请求发送到收到第一个字节的时间。这个时间包括了浏览器发出请求到服务器接收到请求、处理请求并返回响应的时间。 TTFB 是一个重要的性能指标，因为它直接影响到用户的体验。较 ......
前端获取视频缩略图方式
代码示例： /** * 获取缩略图 * @param url 视频地址 * @param currentTime 缩略图取第几秒的图片 * @param width 截取的图片宽 * @param height 截取的图片高 * @returns {Promise<unknown>} */ expo ......
2022-06-30 测试经理的一次经验分享
前言 2022年6月, 公司来了一位新的测试经理. 在他的手底下干活, 学到了不少理念. 下面记录的是某一次测试组内会议上他的发言. 一、每周汇报 强推的一个事情，而且必须要做到的一个事情。 每周两次进行工作汇报（周一下班后、周四上班后），回溯这个本周的2~3天的一个工作完成情况。 如果在这个时间点 ......
Javascript之V8内存和垃圾回收讲解
1 Javascript内存 1.1 Javascript引擎 常见JavaScript引擎有V8，JavaScriptCore，TraceMonkey，JScript。JavaScript在不同引擎中的内存模型实现不同，其中V8引擎开源且市占率远高于其它引擎，因此本文将围绕V8进行讲解。 在学习之 ......
前端常用的终端命令
终端主要的目的是可以让我们在文件系统中进行四处浏览和打开/运行某些东西，只是在 windows 上我们之前都是用 GUI 界面进行操作的，现在是在终端中使用 shell 命令进行操作而已。 ......
[软件工程]代码调试方法 : 小黄鸭调试法 [转载]
小黄鸭调试法（又称橡皮鸭调试法，黄鸭除虫法）是软件工程中使用的调试代码方法之一。 此概念是参照于一个来自《程序员修炼之道》书中的一个故事。 传说中程序编程大师随身携带一只小黄鸭，在调试代码的时候会在桌上放上这只小黄鸭，然后详细地向鸭子解释每行代码。 许多程序员都有过向别人（甚至可能向完全不会编程的人 ......
什么是 RUM JavaScript
RUM JavaScript 指的是一种用于网页性能监测的 JavaScript 代码，它能够在用户访问网站时记录用户的行为和页面性能数据，并将这些数据发送给RUM（Real User Monitoring，实时用户监测）系统进行分析和展示。 RUM JavaScript 通常通过在网页的头部或底部 ......
JavaScript 函数 window.matchMedia 的用途
以下是window.matchMedia()函数的基本语法： var mediaQueryList = window.matchMedia(mediaQueryString); 其中，mediaQueryString是一个字符串，表示要检查的媒体查询条件。例如，要检查当前设备的屏幕宽度是否小于某个值 ......
创建网站内容时可复用的ChatGPT提示工程公式
🤖 『ChatGPT SEO Prompts指南』魔法对轰！作者竟然总结出了一套公式！ 这份指南有两重功效，一是用套路化的 ChatGPT Prompt 获取更优质的生成内容，二是提升网站和博客的搜索引擎排名，提升SEO效率。 文章作者是一位有着工程逻辑的妙人，竟然总结出了公式！并给出了使用公式前 ......
Chat GPT-3如何改变了年轻的DevOps工程师的生活
Chat GPT已经彻底改变了DevOps领域，并改变了行业内年轻专业人士的生活。凭借其先进的自然语言处理能力，GPT-3语言模型使创建智能聊天机器人和虚拟助手成为可能，它们可以处理复杂的任务，并以更像人类的方式与用户互动。这为实现DevOps工作流程的自动化和提高软件开发过程的整体效率提供了新的可 ......
前端用户图像传递给后端数据库
在业务中，我们将图片上传到服务器之后，需要将图片保存地址返回给前端和保存在数据库中，那么怎么获得这个地址呢？ 图片上传到哪里了？？？ 上传到什么服务器？？？ 前端上传 后端获取URL地址，保存数据库 数据库查询，返回URL地址前端，显示 ......
前端安全性
1.XSS（Cross-site Scripting 跨站脚本）攻击 方式：通过获取用户的Cookie、SessionId等敏感信息，影响网站及用户数据信息安全 XSS攻击要素： 1）攻击者提交恶意代码 2）浏览器执行恶意代码 防御方式： 1.增加攻击难度，降低攻击后果 2.增加验证码功能，防止冒充 ......
2023年3月25日(软件工程日报)
由于广播没指定唯一的接收者，因此可能存在多个接收器，每个接收器都拥有自己的处理逻辑。这种机 制固然灵活，却不够严谨，因为不同接收器之间也许有矛盾。 （ 1）一个广播存在多个接收器，这些接收器需要排队收听广播，这意味着该广播是条有序广播。 （ 2）先收到广播的接收器A，既可以让其他接收器继续收听广播， ......
百度2020校招Web前端工程师笔试卷（第一批）大题部分(21~23)
非大题在本地pdf中有详解 #21.异或 题解 #include <iostream> using namespace std; long long change(long long x){ if(x % 4 == 0){ return x; }else if(x % 4 == 1){ return ......
友塔游戏23春招前端笔试复盘
笔试共计三道编程题，时间共计两小时，其中后面两道需要自己处理输入输出，平时习惯不用处理，突然上手才发现自己在这方面很弱，也惊觉自己在C语言方面也已经十分生疏，还需多多练习。 1.给出后序排列的算术式，计算结果， 如9,5,3，-，-，15，*，10，- 最后返回结果为5 思路：从左到右遍历给定的序列 ......
前端设计模式——委托模式
委托模式（Delegation pattern）：将一个对象的某个方法委托给另一个对象来执行，它可以帮助我们将对象之间的关系更加灵活地组织起来，从而提高代码的可维护性和复用性。 在委托模式中，一个对象（称为委托对象）将一些特定的任务委托给另一个对象（称为代理对象）来执行。代理对象通常具有和委托对象相 ......
javascript的基础知识
1.声明与变量 let声明的变量可以多次赋值 let 变量名 = 值； const修饰叫常量，只能赋值一次，但是引用的值可以改变 var声明的变量可以多次赋值 结论：能用let不用var ，因为作用域的问题 2.基本类型和对象类型 undefined 和 null undefined 指 未定义的对 ......
前端RSA非对称加密Go解密
Person: JavaScript实现非对称加密 ChatGPT: JavaScript 可以使用公钥密码学算法来实现非对称加密。常用的公钥密码学算法包括 RSA 和 ECC。 下面是一个使用 RSA 算法实现非对称加密的示例： // 生成 RSA 密钥对 const { publicKey, p ......
学习 React 需要具备的 JavaScript 知识
学习 React 之前，你需要学习 JavaScript，因为 React 是基于 JavaScript 的，所以你需要了解 JavaScript 的基础知识，这样你才能更好地理解 React 的工作原理。本文将帮助你了解 JavaScript 的基础知识，以便你可以更好地学习 React。 ......
SAP UI5 本地开发如何实现 XML 和 JavaScript 代码的自动完成和嵌入式 API 文档自动显示
文章目录 本文写作动机 XML 视图元素的文档显示 控制器里 JavaScript 代码的 API 文档 JavaScript 控制器代码里方法的自动提示和补全功能 UI5 Explorer XML 视图里元素名称的自动提示和自动完成 sap.ui.define 里导入其他 SAP UI5 库模块的 ......