前端代码质量第12页

前端性能优化-CSS性能优化

文章目录一、内联首屏关键CSS二、异步加载CSS异步加载的几种方式1.js动态创建样式表link元素，并插入到DOM中。2.设置media属性3.设置rel属性4.rel="preload"三、文件压缩四、去除无用CSS五、有选择地使用选择器六、减少使用昂贵的属性七、优化重排与重绘1.减少重排2.避免不必要的重绘八、让元素及其内容尽可能独立于文档树的其余部分九、避免使用@import十、开启GPU

LYFlied·2024-08-31 16:46

vue3 路由的使用

在如今工程化模式下的前端开发，像Vue工程，可以轻松实现只用一个HTML文件，却能够完成多个站内页面渲染、跳转的功能，这就是路由。

前端不加班·2024-08-31 16:45

前端-JS进阶-API/WebAPI/DOM

文章目录1.API与WebAPI2.DOM1.DOM树2.获取元素3.事件基础4.常见鼠标事件3.改变文本内容/元素属性1.改变文本内容2.改变元素属性4.改变表单属性5.改变CSS样式属性6.排他思想（算法）7.获取/修改/删除属性内容1.获取属性的值2.设置属性的值3.移除属性8.H5自定义属性9.节点操作1.父子节点2.兄弟节点3.创建/添加节点4.删除节点5.复制节点6.创建元素10.DO

知恩️·2024-08-31 16:14

谈谈nvm、nrm、pnpm的理解

nvm一般我们在公司开发，公司一般可能会有多个项目，可能有新项目也有老项目，不同的前端工程可能依赖的node版本不一样。

段子君·2024-08-31 14:32

洛杉矶出差第17天

我是一个小小的外贸人，主要做服装类别，前端开发和设计刚刚开始，因此海外出差比较多；继去年117天的纽约常驻之后，今年我又来到了洛杉矶这个城市，今天是第17天的生活了，送走了日夜相处的同事，从今天开始，我便一个人要生活了

Bruce_9043·2024-08-31 14:59

axios jquery.ajax fetch 区别

从XHR->Jqueryajax()->fetch->axios现在来分别看一下这三个东西Jqueryajax它是对原生XHR的封装，支持JsonP，是MVC编程的一种请求方式，已经逐渐的不适应前端的MVVM

大大大石頭·2024-08-31 14:58

Promise的Finally方法

示例一：基础用法示例二：错误处理示例三：清理资源示例四：与`async/await`结合使用示例五：模拟Canvas操作使用技巧与最佳实践在前端开发中，我们经常遇到异步操作的需求。

DTcode7·2024-08-31 12:49

文章上传漏洞绕过方式(以php语言为例)

二，文件上传漏洞绕过方式前端验证绕过前端认证最容易绕过，我们将验证代码部份删除，或者将js函数返回值设为1

HMX404·2024-08-31 12:19

个人网站搭建1-域名及虚机

前情提要由于本人的初衷不是做网站，只是想搭建后台，为前端提供服务，所以网站放在国外服务器上。国内服务器上搭建网站，需要备案，备案需要准备材料，大概耗费一个月时间。

一条西瓜皮·2024-08-31 10:18

从面向对象(OOP)到面向切面(AOP)：编程范式的演变

在前端开发中，AOP可以用于处理日志记录、性能监控、错误处理等。想象一下，你在一家餐厅工作，每次有顾客点餐时，你都需要记录订单，然后在厨房和顾客之间传递信息。

妍思码匠·2024-08-31 08:53

JavaWeb——前端工程化

一、前端工程化1.什么是前端工程化:前端工程化是使用软件工程的方法来单独解决前端的开发流程中模块化、组件化、规范化、自动化的问题，以提高效率和降低成本。

A_Tai2333333·2024-08-31 08:21

Vue搭建前端监控，采集用户行为的 N 种姿势

Vue搭建前端监控，采集用户行为的N种姿势最近我在3A平台购买了服务器。在一个产品中，用户最基本的行为就是切换页面。用户使用了哪些功能，也能从切换页面中体现出来。

奋斗的工程师·2024-08-31 06:39

BCrypt.checkpw()报错java.lang.IllegalArgumentException: Invalid salt

先看一下方法参数，放两个String第一个参数是明文（一般是前端传过来的值），第二个是密文（从数据库取出来的值），各位大聪明们是不是把参数放反了

玩物丧志汪某人·2024-08-31 06:39

前端性能监控、异常监控的一些记录

文章目录常见异常类型常用的一些异常监控的方法window.errorwindow.addEventListener('error')window.addEventListener('load')window.addEventListener('DOMContentLoaded')window.performancenavigator.sendBeacon1*1像素gifaxios请求/响应拦截器V

一只小白菜~·2024-08-31 06:09

前端监控之白屏异常

一、意义：这里和测速的白屏不同，测速的白屏是指：导航页面开始到TTFB之间的时间称之为白屏时间。白屏异常是指：用户看到的一直是白屏，页面没有任何内容。比如渲染函数报错、Vue或React路由页面没有内容、网页加载很慢很慢以至规定的时间范围内一直没内容。监控白屏异常能发现一些遗漏的bug并及时修复。二、捕获方法：页面加载后2秒或进入页面后12秒（兼容一些特殊页面不会触发load事件）检查

github_35780652·2024-08-31 06:07

Spring Boot + Mybatis + Shiro 后台权限管理系统

所有前端后台代码封装过后十分精简易上手，出错概率低。同时支持移动客户端访问。系统会陆续更新一些实用功能。性别男，若依是给还没有出生女儿取的名字（寓意：你若不离不弃，我必生死相依）若

chuxia_vlog·2024-08-31 06:38

前端速通面经八股系列(六）—— Vue(下)

接上ueueVue下篇四、路由1.Vue-Router的懒加载如何实现2.路由的hash和history模式的区别1.hash模式2.history模式3.两种模式对比3.如何获取页面的hash变化4.`$route和$router`的区别5.如何定义动态路由？如何获取传过来的动态参数？6.Vue-router路由钩子在生命周期的体现7.Vue-router跳转和location.href有什么区

真的很上进·2024-08-31 06:34

uniapp开发中遇到的兼容性问题（待续）

参考文献进阶之路-前端：ios对newDate()的兼容问题2、输入框click事件

呆呆papa·2024-08-31 03:17

提交保存，要做重复请求拦截，避免出现重复保存的问题

**问题：**前端ajax提交数据的时候，当频繁点击的时候，或者两个账号以相同数据创建的时候，会出现问题。

niceLiuSir·2024-08-31 01:31

使用 Shell 脚本管理 RocketMQ 服务：启动、停止与状态检查

安装可以查看这篇博客RocketMQ实战：在macOS上安装与前端访问全流程指南1.脚本概述这个脚本将涵盖以下

heromps·2024-08-31 00:57

马云谈未来暴利行业：高省APP，让你走在赚钱的最前端！

随着科技的飞速发展，互联网经济的日益成熟，越来越多的人开始关注未来的赚钱行业。在众多行业中，电商导购平台因其独特的商业模式和广阔的市场前景，吸引了众多投资者的目光。其中，高省APP作为2021年推出的平台，以其0投资、0风险、高佣金的特点，成为了电商导购行业的一匹黑马。高省APP，是一个自用省钱佣金高，分享推广赚钱多的平台。运行三年以来，稳定可靠，吸引了百万终端用户。注册送2皇冠会员，送万元推广大

高省APP·2024-08-30 22:39

2019-03-21

SPA:单页应用https://baike.baidu.com/item/SPA/175363131.场景（1）中后台管理系统（2）H5前端开发（3）跨端APP开发2.技术栈（1）SpringBootvue-cliIDEnpmElementUI

蜜思1013·2024-08-30 22:08

Web前端

网页开发学习内容:htmlcssJavaScript两个框架:VUE.jsElementUIUI->userinterface用户界面html(HyperTextMarkupLanguage):超文本标记语言文本:文字字符超文本:网页内容标记:标签标识例如商品上的标签,介绍了商品的信息html语言就是一种标记语言,提供许多的标签,不同的标签功能不同,网页就是通过这些标签描述出来的,最终通过浏览器解

2301_78085386·2024-08-30 22:13

Chapter 06 axios使用指南

文章目录前言一、导入二、发送GET请求三、发送POST请求四、处理响应前言在现代前端开发中，与后端API进行数据交互是至关重要的。

Heaven645·2024-08-30 22:42

前端播放RTSP视频流，使用FLV请求RTSP视频流播放（Vue项目，在Vue中使用插件flv.js请求RTSP视频流播放）

简述：在浏览器中请求RTSP视频流并进行播放时，直接使用原生的浏览器API是行不通的，因为它们不支持RTSP协议。为了解决这个问题，开发者通常会选择使用像flv.js这样的库，它专为在浏览器中播放FLV和其他流媒体格式设计。然而，flv.js本身并不直接支持RTSP，这意味着我们需要一个额外的步骤来桥接RTSP和flv.js。这里来记录一下详细介绍：在Vue中使用flv.js插件播放RTSP视频流

北城笑笑·2024-08-30 20:34

前端vue播放m3u8、flv、mp4视频的方法_vue mp4(1)

//this.db.src([//{//src:“https://e-sign.dms.t.cn-np.com/files/m3u8_file/c4b94118-3c8d-4410-9987-985c2b44c278/c4b94118-3c8d-4410-9987-985c2b44c278.m3u8”,//地址//type:“application/x-mpegURL”,//告诉videojs,这

2401_84437982·2024-08-30 20:01

【渗透测试】利用hook技术破解前端JS加解密 - JS-Forward

前言在做渗透测试项目时，尤其是金融方面，经常会遇到前端JS加解密技术，看着一堆堆密密麻麻的密文，会给人一种无力感。

Hello_Brian·2024-08-30 19:55

前端数据库——WebSQL和IndexedDB

一、WebSQLWebSQL是前端的一个独立模块，是web存储方式的一种，我们调试的时候会经常看到，只是一般很少使用。并且，当前只有谷歌支持，ie和火狐均不支持。

凡凡的小web·2024-08-30 19:38

WebGL入门（019）：WebGLSync 简介、使用方法、示例代码

还是大剑师兰特：曾是美国某知名大学计算机专业研究生，现为航空航海领域高级前端工程师；CSDN知名博主，GIS领域优质创作者，深耕openlayers、leaflet、mapbox、cesium，canvas

还是大剑师兰特·2024-08-30 17:44

【学习笔记】用Mac自学虚幻4

文章目录前言学习过程总结前言首先，我是大学自学的前端，之后实习做的是前端是Webgl可视化工作，从实习到转正再到离职大概一年时间，辞职以后我考虑了目前比较火的UE引擎，于是重新学习了一遍C++和数据结构后

左上方的天空&roc·2024-08-30 17:10

nginx部署前端vue项目完整详细讲解

前言：在使用Nginx部署前端Vue项目时，确保项目的生产环境版本已经打包，并且Nginx已经安装并配置在服务器上。以下是详细的步骤，包括打包Vue项目、配置Nginx、部署和测试项目。

程序员小羊！·2024-08-30 17:40

基于SpringBoot的流浪猫狗救援网站

超级无敌暴龙战士塔塔开·2024-08-30 15:29

React-Router 安装及使用

from'react-router-dom'BrowserRouter:localhost:xxxx/user/liuna服务器可知所有请求细节HashRouter:localhost:xxxx/#/user/liuna使用#瞄点纯前端跳转

书生丶·2024-08-30 15:16

面向未来的前端构建工具 Vite

写在开头前两天在知乎看到过一篇文章，大致意思是讲：字节跳动已经开始“弃用Webpack”，尝试在自研构建工具中使用类似Vite的ESmodule构建方式。引起下方一大片焦虑：Webpack是不是要被取代了？现在学Vite就行了吧Webpack还没学会，就又来新的了！甚至有人搬出了去年尤大所发的一个动态：再也回不去Webpack了。PS：最近的vite比较火，而且发布了2.0版本，vue的作者尤雨溪

码民的飘柔·2024-08-30 12:42

关于 Vue/React 的 cli 中运用 webpack 打包的原理简单解析

webpack、webpack-cli的打包关于webpack对前端工程中进行资源文件进行打包处理的过程中，运用到的核心插件主要是webpack和webpack-cli，在react和vue对于打包各自工程中的

F-125·2024-08-30 12:41

2024React前端面试题

1.Diff算法Diff算法比较过程第一步：patch函数中对新老节点进行比较如果新节点不存在就销毁老节点如果老节点不存在，直接创建新的节点当两个节点是相同节点的时候，进入patctVnode的过程，比较两个节点的内部第二步：patchVnode函数比较两个虚拟节点内部如果两个虚拟节点完全相同，返回当前vnode的children不是textNode，再分成三种情况-有新children，没有旧c

司宁·2024-08-30 12:41

Vue3 + Axios双Token刷新解决方案

在现代前端开发中，使用API进行数据交互时，我们常常会遇到身份认证的问题。为了提高安全性，许多应用采用了Token机制，如JWT（JSONWebToken）来管理用户的身份状态。

洛*璃·2024-08-30 12:10

【前端面试题】前端工程化、Webpack、Vite、Git项目管理相关问题

目录关于前端工程化关于Webpack关于Vite关于Git项目管理综合性问题关于前端工程化1.前端工程化的定义和好处问题：什么是前端工程化？它的主要好处是什么？

快乐点吧·2024-08-30 12:39

【面试题】2024前端面试真题_中国电信前端面试(1)

字节跳动一面（过了）手写代码实现一个reactmemo效果，react.meno第二个参数是什么pureComponent手写代码实现一个有状态的倒计时浏览器强缓存，cacle-control有哪些字段浏览器缓存原理微信原生小程序性能指标有没有看过qiankun的底层原理webpack5缓存有哪几种方式强缓存和协商缓存的状态码是多少HTTP2.0相当于1.X有哪些优势webpack是利用什么机制分

2401_84437604·2024-08-30 12:05

前端面试题-Vite的打包速度为什么比Webpack快?

今天继续为大家分享一道面试题大家都知道,Vite和Webpack是前端开发中用来构建项目的两个框架,Webpack是针对Vue2的,而Vite则是为vue3量身定制的,他们有哪些区别呢?

爱学英语的程序媛·2024-08-30 12:04

ArkTS基础快速入门学习

鸿蒙开发ArkTS基础快速学习说明阅读本篇文章，适合一些了解过前端开发以及掌握前端框架的读者。ArkTS介绍ArkTS语言在TS语言基础上扩展了声明式UI，组件化，状态管理等功能。

苏九黎·2024-08-30 11:33

项目搭建使用qiankun（乾坤），入门篇，以及遇到的坑与解决

微前端架构具备以下几个核心价值：技术栈无关主框架不限制接入应用的技术栈，微应用具备完全自主权独立开发、独立部署微应用仓库独立，前后端可独立开发，部署完成后主框架自动完成同步更新增量升级在面对各种复杂场景时

喂！大掌柜·2024-08-30 11:02

Spring Boot 和 React 文件上传与下载教程

在本教程中，你将学习如何使用SpringBoot构建文件上传和下载的后端功能，以及使用React实现前端界面。示例中还包括文件预览的功能。

DZSpace·2024-08-30 09:19

“飞毛腿”小汽车

我家新买的小汽车穿着，“绿色的衣服”，肚子鼓鼓的，车头和车尾扁扁的，车头前端还瞪着一双“大眼睛”——车灯。虽然它貌不惊人，但跑起来可快了。

1e739302728d·2024-08-30 08:03

SpringBoot+Vue疫苗接种管理系统预约接种疫苗管理系统疫苗接种查询系统Java

作者主页：计算机毕业设计老哥有问题可以主页问我一、开发介绍1.1开发环境开发语言：Java数据库：MySQL系统架构：B/S后端：SpringBoot(Spring+SpringMVC+Mybatis)前端

计算机程序老哥·2024-08-30 08:49

Flask+LayUI开发手记（五）：树型表格实现数据展示与编辑

Layui提供的树型表格TreeTable，实际是对表格的一个扩展类，把树和表格合在一起，前端配置

hbrown·2024-08-30 08:39

vite打包工具的简单使用

vite打包工具的简单使用Vite是一个由Vue.js核心团队开发的现代前端构建工具，它专注于提供更快的开发体验和高效的构建性能。

Software攻城狮·2024-08-30 04:20

【面试题】JavaScript 中 try

地址：前端面试题库web前端面试题库VSjava后端面试题库大全作为一位Web前端工程师，JavaScript中的try...catch是我们常用的特性之一。

2401_84438488·2024-08-30 04:46

前端实现奥运五环图标

htmlDocumentcssbody{display:flex;justify-content:center;height:100vh;align-items:center;transform-style:preserve-3d;}.olympic-rings{width:800px;height:400px;display:flex;flex-wrap:wrap;justify-content

小刘|·2024-08-30 03:43

django中HttpResponse render redirect 使用和区别

django中HttpResponserenderredirect使用和区别在django的views模块中把业务逻辑发送前端（有转发和重定向）1.要想使用他们先导入HttpResponse：它返回到前台传入一个字符串

Hou_Monkey·2024-08-30 03:10

推荐频道

前端代码质量