前端 风尚 行业
DevOps 在未来将如何演进？丨行业观察
自2007年 DevOps 这一概念推出以来，越来越多企业开始将开发和运维团队结合在一起，以加快部署速度，提高软件开发生命周期的效率和协作。但是，诸多因素都会对 DevOps 是否成功产生影响，例如组织规模、文化和实施计划等。 随着系统愈发复杂，企业正在寻找新的方法来减轻开发人员的负担，同时加速软件 ......
前端传递Base64字符串，后端转流存入OSS
工具类 public static BufferedInputStream base64Convert(String base64) { // 解码 base64 = base64.split(",")[1]; try { byte[] buffer = Base64.getMimeDecoder( ......
前端性能精进（六）——网络
网络也是前端性能优化的重要一环，网页上的资源都要经过网络来传输。 优化网络性能除了缓存和压缩之外，还有就是协议和 CDN。 HTTP 协议已经历了多个版本，每个版本的出现其实就是为了解决已知的性能问题。 目前市面上，有许多成熟的商业 CDN 服务，采用这些服务的网页，在性能提升上也很可观。 一、缓存 ......
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 ......
前端常用的终端命令
终端主要的目的是可以让我们在文件系统中进行四处浏览和打开/运行某些东西，只是在 windows 上我们之前都是用 GUI 界面进行操作的，现在是在终端中使用 shell 命令进行操作而已。 ......
前端用户图像传递给后端数据库
在业务中，我们将图片上传到服务器之后，需要将图片保存地址返回给前端和保存在数据库中，那么怎么获得这个地址呢？ 图片上传到哪里了？？？ 上传到什么服务器？？？ 前端上传 后端获取URL地址，保存数据库 数据库查询，返回URL地址前端，显示 ......
前端安全性
1.XSS（Cross-site Scripting 跨站脚本）攻击 方式：通过获取用户的Cookie、SessionId等敏感信息，影响网站及用户数据信息安全 XSS攻击要素： 1）攻击者提交恶意代码 2）浏览器执行恶意代码 防御方式： 1.增加攻击难度，降低攻击后果 2.增加验证码功能，防止冒充 ......
百度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）：将一个对象的某个方法委托给另一个对象来执行，它可以帮助我们将对象之间的关系更加灵活地组织起来，从而提高代码的可维护性和复用性。 在委托模式中，一个对象（称为委托对象）将一些特定的任务委托给另一个对象（称为代理对象）来执行。代理对象通常具有和委托对象相 ......
前端RSA非对称加密Go解密
Person: JavaScript实现非对称加密 ChatGPT: JavaScript 可以使用公钥密码学算法来实现非对称加密。常用的公钥密码学算法包括 RSA 和 ECC。 下面是一个使用 RSA 算法实现非对称加密的示例： // 生成 RSA 密钥对 const { publicKey, p ......
【黑马前端】基础班总结
HTML 1、定义：超文本标记语言（hyper text markup language） 超：可以加图片、声音、动画、多媒体等非文本内容； 可以从一个文件跳到另一个文件，即超级链接文本。 2、运行方式：前端人员开发代码 > 浏览器显示代码（解析、渲染） > 生成最后的 Web 页面 3、浏 ......
系统化学习前端之JavaScript（02）
前言 学习了 JavaScript，如何关联 HTML 和 CSS 呢？没错，DOM 就是干这个的。 DOM Document Object Model，文档对象模型，专门操作网页内容的 API 标准。 DOM 操作页面内容 网页内容是由多个 DOM 元素以树结构组合而成，也称为 DOM tree。 ......
软件测试行业的职业素养有哪些？
很多人懵懵懂懂进入了软件测试行业，有些人做的开开心心，事业发展顺顺利利，有些人不断地换工作，每次工作都不开心，不知道是自己怎么了，还是周围怎么了。在不断地换工作的过程中，你有考虑过自己是否适合这个行业吗?下面来讲下软件测试行业的职业素养有哪些? 第一：公共。软件测试人员的行为应与公共利益保持一致。 ......
AI——计算机、人工智能、AIGC行业、ChatGPT核心概念股梳理
一、GhatGPT、AIGC 、AI简介 估计很多朋友对于ChatGPT，AIGC，AI人工智能的关系不是很清楚，这次来做个阐述。 ChatGPT： 全名为Chat Generative Pre-Trained Transformer，聊天生成预训练转换器。ChatGPT是OpenAI（其中，全球首 ......
这些类型的Web前端开发工具必须会用
任何 Web 或移动解决方案的前端对于设计出色的用户体验以及留住或转化用户都至关重要。选择合适的工具来提供视觉和功能出色的前端仍然是一个问题。看看小编推荐的前端开发框架、库和工具，以帮助大家做出明智的选择。 ......
前端依赖管理那点事儿
主要内容 📝 什么是依赖 📤 依赖从哪来 🤹 安装到哪儿 🎥 版本控制 🧑💻 哪些需要装，哪些不需要 🎨 package-lock.json 🛠 npm install 过程回顾 什么是依赖 有时候，依赖是一堆 可执行的代码 ； 有时候，依赖只是 一句声明。 1.当我们的业务逻辑中 ......
系统化学习前端之JavaScript（01）
系统化梳理JavaScript，包括 js基础语法，11 个内置对象（String，Number，Boolean，RegExp，Date，Error，Array，Function，Object，Global，Math）等。 ......
前端优化指标
:性能标准 当用户能够在2秒以内得到响应时, 会感觉系统的响应很快 当用户在 2-5 秒之间得到响应时，会感觉系统的响应速度还可以 当用户在 5-8 秒以内得到响应时，会感觉系统的响应速度很慢，但是还可以接受； 1. FP 白屏 First Paint Time 从页面开始加载到浏览器中检测到渲染（ ......
前端进行压缩文件、下载
使用插件：file-saver、jszip 安装插件: npm install file-saver --save npm install jszip --save 压缩文件（压缩的内容需要是blob流，可以是后端接口返回的blob流，如果是远程文件地址，可以参看第3条） 1、一个文件压缩： imp ......
从长远来看软件测试这个行业怎么样？
不管是长远还是近期，软件测试都很有前途。 1、在IT迅猛发展的过去，软件测试很容易进 过去十年，IT迅猛发展，那时候软件开发和测试需求每天都在增加，对应聘者是来者不拒，美团掀起的千团大战，则一下子提高的软件开发、测试的薪资水平，此后虽然一地鸡毛，但是间接影响就是软件开发、测试高薪资对从业人员的高吸引 ......
前端js RSA jsrsasign加密、解密、加签、验签
jsrsasign（RSA-Sign JavaScript库）是一个免费的开源加密库，支持RSA / RSAPSS / ECDSA / DSA签名/验证，ASN.1，PKCS＃1/5/8私钥/公钥，X.509证书，纯JavaScript中的CRL，OCSP，CMS SignedData，TimeSt ......
前端设计模式——外观模式
外观模式（Facade Pattern）：它提供了一个简单的接口，用于访问复杂的系统或子系统。通过外观模式，客户端可以通过一个简单的接口来访问复杂的系统，而无需了解系统内部的具体实现细节。 在前端开发中，外观模式常常被用于封装一些常用的操作，以简化代码复杂度和提高代码可维护性。比如，一个用于处理数据 ......
怎样实现纯前端百万行数据秒级响应
前端表格控件SpreadJS 推出了新的功能集算表功能。集算表 （Table Sheet）是一个具备高性能渲染、数据绑定功能、公式计算能力的数据表格，通过全新构建的关系型数据管理器结合结构化公式，在高性能表格的基础上提供排序、筛选、样式、行列冻结、自动更新、单元格更新等功能。 什么是集算表（Tabl ......