前端学习整理第2页

前端性能优化

要做性能优化，首先我们得知道用户从开始访问站点到看结果的这一段时间到底后花在了哪些地方。这就设计到一个经典问题。在游览器输入地址按下回车键之后到用户看到结果经历了哪些过程，这里简单说一下大的几个过程。（假设是输入的一个域名而非IP）1.通过DNS解析获得网址的对应IP地址2.浏览器拿到IP地址与远程web服务器通过TCP三次握手协商来建立一个TCP/IP连接3.浏览器通过HTTP接发送请求4.服务

EdmundChen·2024-09-15 00:16

前端页面实现table可拖动改变列宽

此处实现页面的table表格可以自由拖动列宽，拖动时表格内文字不换行，超出部分以...代替，实现步骤如下：1.首先引入jQuery和colResizable的js文件，colResizable支持表格拖动改变列宽，但基于jQuery，（1）colResizable可以去：http://www.bacubacu.com/colresizable/#rangeSlider下载（2）引入文件：2.编写j

牧码人·2024-09-15 00:12

基于HTML+JS+CSS+Echarts实现的设备环境监测可视化平台前端整套模板

效果图基于HTML+JS+CSS+Echarts实现的设备环境监测可视化平台前端整套模板。可用过修改源码快速完成需求。源码结构下载地址

abments·2024-09-15 00:09

前端入门：JavaScript基础介绍

一、JavaScript介绍Netscape在最初将其脚本语言命名为LiveScript，后来Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发而开始设计的，目的之一就是“看上去像Java”，因此语法上有类似之处，一些名称和命名规范也借自Java。JavaScript与Java名称上的近似，是当时Netscape为了营销考虑与Sun微系统达成协

虞锦雯·2024-09-15 00:28

Web开发详解

Web开发的流程有前端、后端、数据库、API，以及其他的工具和技术来共同组成。别担心，听起来复杂，但我会给你讲得生动有趣，让你感受到Web开发的美妙。

你可以自己看·2024-09-15 00:07

智能合约系统DAPP开发

智能合约系统DAPP（去中心化应用）的开发是一个复杂且综合性的过程，它结合了区块链技术、智能合约编程、前端开发以及安全性等多方面的知识和技能。

I592O929783·2024-09-14 23:30

【前端】解决element-ui两层dialog嵌套，遮罩层消失的问题。

背景总觉得element-uidialog的遮罩层逻辑有点晦涩，当一个dialog内嵌另一个dialog时，它的遮罩层却始终只有一个，也就是下方class="v-modal"的div。可以看到，v-modal的层级总是比dialog低一层。问题当两层dialog为直接父子关系时，我们可以简单的使用其属性append-to-body,modal-append-to-body来解决问题：如，第二层di

道着无为法自然·2024-09-14 22:27

论文分享系列（二）——论微服务架构及其应用

系统以SpringCloud微服务框架开发，分为前端Web服务、平台保障服务、业务服务三部分。前端Web服务由负载均衡与服务器集群结合，实现高并发的前台界面；平台保障服务以Eureka为中心

马斯洛金字塔下的小灵猴儿·2024-09-14 22:25

React 前端应用结合 Nginx 部署指南及常见错误排查

在现代Web开发中，React已成为构建用户界面的流行选择，而Nginx则是一个高性能的Web服务器，广泛用于静态文件的托管和负载均衡。在本篇博客中，我们将详细介绍如何将一个React应用部署到Nginx上，并探讨在部署过程中可能遇到的常见错误及其解决方案。部署步骤1.准备React应用首先，确保你已经创建了一个React应用。如果还没有，可以使用CreateReactApp快速生成一个基础项目：

蜗牛去旅行吧·2024-09-14 22:54

JS 获取数组对象中某个属性的最大值或最小值

最近的开发中经常会遇到前端自己生成唯一id，然后在数组中增加删除插入对象，这样一来就要的要当前使用的id的最大值。

qq_36437172·2024-09-14 20:36

前端同学必备：教你如何安装、使用Chrome的vue-devtools插件

I.介绍vue-devtools插件Vue-devtools是一个Chrome浏览器插件，它是一个浏览器调试工具，用于开发Vue.js应用程序。它可以用于Vue.js应用程序的调试，可以更好地了解应用程序的结构和状态，以及帮助快速修复代码错误。Vue-devtools插件的作用和优势如下：1.调试Vue.js应用程序：Vue-devtools是一个强大的调试工具，可以帮助开发人员正确地调试应用程序

界忆·2024-09-14 19:33

基于nodejs+vue的美妆彩妆网站的设计与实现(源码+LW+调试文档+讲解等)

目录：博主介绍：完整视频演示：系统技术介绍：后端Java介绍前端框架Vue介绍具体功能截图：部分代码参考：Mysql表设计参考：项目测试：项目论文：为什么选择我：源码获取：博主介绍：博主：程序员gelei

程序员gelei·2024-09-14 19:03

项目内部调用的远程接口开发

这样的远程接口专门用于服务之间的调用，而不是直接暴露给外部用户或前端。

cyt涛·2024-09-14 18:55

前端发布 CDN缓存

公司给服务器加了CDN，导致有时前端代码上传打包后，正式环境页面效果却不更新。

跳动的世界线·2024-09-14 15:36

刷刷前端手写题

闭包用途闭包闭包让你可以在一个内层函数中访问到其外层函数的作用域防抖描述前面所有触发都被取消，最后一次执行，在规定时间之后才会触发，也就是说如果连续快速的触发，用户操作频繁，但只会执行一次。常用场景：输入框输入代码实现1、lodash的debounce函数2、当用户点击按钮时，debounce包装的getBtnValue函数会延迟3000毫秒执行。如果在这3000毫秒内用户再次点击按钮，那么之前的

・T・T・·2024-09-14 14:32

用前端的语言写后端——Node.js之Express

ExpressExpress是一种流行的模型视图控制器(MVC)Node.js框架，具有快速、极简和灵活的优点，为Web和移动应用程序开发提供了强大的功能集合。最受欢迎的Node.js框架！文章目录Express安装ExpressHelloWorld路由中间件全局中间件应用中间件开放跨域请求几种常用的Express内置中间件函数1.JSON格式数据中间件函数2.静态文件中间件函数3.路由中间件函数

tabzzz·2024-09-14 13:57

前端技能树，面试复习第 29 天—— 简述 Babel 的原理 | Webpack 构建流程 | Webpack 热更新原理 | Git 常用命令

31b3479814f74acbb70b9f63f2e80012.gif"width=“100%”>⭐️本文首发自前端修罗场(点击加入社区，参与学习打卡，获取奖励)，是一个由资深开发者独立运行的专业技术社区

编程轨迹_·2024-09-14 13:51

前端开发深入了解webpack

什么是webpackWebpack是一个现代JavaScript应用程序的模块打包工具。它主要用于将各种资源（如JavaScript、CSS、图片等）打包成一个或多个文件，以优化Web应用的加载性能。Webpack的核心功能包括：模块化：支持将代码拆分为模块，便于管理和重用。打包：将多个模块和资源打包成一个或多个文件，减少HTTP请求。加载器（Loaders）：处理不同类型的文件（如转换ES6到E

史努比的大头·2024-09-14 12:49

【Webpack】了解Webpack

Sam9029的CSDN博客主页:Sam9029的博客_CSDN博客-前端领域博主‍若此文你认为写的不错，不要吝啬你的赞扬，求收藏，求评论，求一个大大的赞！

Sam9029·2024-09-14 12:19

最好用的e2e框架，使用 Cypress 让产品持续稳定交付

背景ApacheAPISIXDashboard的设计是为了让用户通过前端界面尽可能方便地操作ApacheAPISIX。从项目初始化到现在，已经有552commits、发布了10个版本。

Node全栈·2024-09-14 11:10

生成一个完整的App代码通常不会仅仅通过单一的文件或几种语言的简单组合来完成，因为App的开发涉及前端用户界面、后端逻辑处理、数据库管理以及可能的第三方服务集成等多个方面。不过，我可以为你提供一个概念

前端(用户界面)yinanjinying.comHTML/CSS/JavaScript(原生Web开发)对于简单的WebApp，你可以直接使用HTML来构建页面结构，CSS来设置样式，JavaScript

NewmanEdwarda2·2024-09-14 11:40

由于直接在回答中完整展示一个复杂如游戏商城的代码系统并不现实（会超出限制且难以维护），我将为你概述一个简化的游戏商城系统的架构，并提供关键部分的示例代码，这些代码将涵盖几种不同的编程语言。

架构概述pzswcc.cn前端：用于展示商品、处理用户交互（如查看商品详情、添加到购物车、结账等）。后端：处理业务逻辑（如商品库存管理、订单处理、用户认证等），与数据库交互。

NewmanEdwarda2·2024-09-14 10:37

解锁网页交互利器：深入浅出 AJAX，用 JavaScript 与后端服务器对话，局部请求刷新数据

前端开发者编写好HTML和CSS

微特尔普拉斯·2024-09-14 10:34

写一个图片裁剪的js，JavaScript图片裁剪插件PlusCropper

在前端开发中，图片裁剪是一个常见的需求。本文将深入解析一个功能完善的JavaScript图片裁剪插件——PlusCropper，带你一步步了解其实现原理和使用方法。

微特尔普拉斯·2024-09-14 10:34

数据库datetime时间前端显示格式化

后台查询数据库返回的这种时间格式2019-04-24T02:30:00.000+0000第一种方法:vartime="2019-11-04T08:04:52.000+0000";vard=newDate(time);vartimes=d.getFullYear()+'-'+(d.getMonth()+1)+'-'+d.getDate()+''+d.getHours()+':'+d.getMinut

微特尔普拉斯·2024-09-14 10:04

Vue项目中实现AES加密解密

在前端开发中，保护用户数据的安全性至关重要。AES（高级加密标准）作为一种广泛使用的对称加密算法，因其高效性和安全性而受到青睐。

小金子J·2024-09-14 09:30

uni-app开发微信小程序

uni-app是一个使用Vue.js开发所有前端应用的框架，它支持编译到iOS、Android、H5、以及各种小程序（微信/支付宝/百度/字节跳动/QQ/京东等）平台。

hong161688·2024-09-14 09:59

微信小程序集成前端日志库

在微信小程序内接入日志库的记录在开发微信小程序时，为了更好地调试和维护代码，通常需要记录日志信息。我尝试了多种日志库，包括Winston、pion和loglevel，并最终选择了loglevel作为日志库，并实现了日志上传到服务器的功能。本文详细记录了这一过程，以供参考。使用Winston失败最初，我尝试在微信小程序中使用Winston日志库。然而，Winston依赖Node.js的部分核心模块（

人工智能的苟富贵·2024-09-14 07:50

vue前端根据接口返回的url 下载图片

downloadPicture(imgSrc,name){constimage=newImage();//解决跨域Canvas污染问题image.setAttribute("crossOrigin","anonymous");image.src=imgSrc;image.onload=()=>{constcanvas=document.createElement("canvas");canvas.

爱心觉罗晓宇·2024-09-14 04:27

前端学习之三种css样式写法

选择器/*内嵌式样式书写*/-->，不使用-->后代选择器标签选择器标签选择器标签选择器

MissPSTime·2024-09-14 03:08

【前端】Vue服务器端渲染之Nuxt

1.什么是服务器端渲染后端先调用数据库，获得数据之后，将数据和页面元素进行拼装，组合成完整的html页面，再直接返回给浏览器，以便用户浏览。总结：数据填充在服务器端进行，就是服务器端渲染什么是客户端渲染数据由浏览器通过ajax动态获得，再通过js将数据填充到dom元素上最终展示到网页中，这样的过程叫做客户端渲染。总结：数据填充在客户端进行，就是客户端渲染服务器端渲染vs客户端渲染服务器端渲染需要消

irenb·2024-09-14 02:55

2019年面试遇到的笔试题

前端面试，肯定是少不了笔试题，果然，今天去面试就遇到的笔试题，慌了一批。回来赶紧整理了一下一、css3的常用的新特性？flex布局和传统布局有什么区别？

程序猿阿峰·2024-09-14 02:08

一个正经的前端学习开源仓库(第1天）

低调务实优秀中国好青年(简介)&&附加答案https://github.com/webVueBlog/Leetcode√-“三十年河东，三十年河西，莫欺少年穷”一个☝️正经的前端学习开源仓库，启发来自淘宝大佬

掘金-我是哪吒·2024-09-14 02:40

web前端达到什么水平，才能找到工作？

一、前端是什么？前端即网站前台部分，也叫前端开发，运行在PC端，移动端等浏览器上展现给用户浏览的网页。

cj瑾瑜·2024-09-14 01:05

第 12 章 Spring MVC 扩展和 SSM 框架整合

在前端页面和后台交互的过程中，需要一种格式清晰、高效且两端都可以轻松使用的数据格式做交互的媒介，JSON正可以满足这一需求。

HUNAG-DA-PAO·2024-09-14 01:35

Interceptor拦截器+JWT令牌实现登陆验证

一、背景与过滤器的作用类似，不过拦截器是spring中的组件，只能拦截进入spring的请求；过滤器则可以拦截所有从前端页面发送来的请求。

wy08success·2024-09-14 01:03

JavaScript 中 xml 的解析（dom4j 解析器），web前端开发规范手册

创建元素：Elementschool=DocumentHelper.createElement(“school”);创建文本：school.addText(“光明小学”);指定位置添加：list.add(1,school);回写xml：和在末尾添加一样7、获取属性值attributeValue()：获取属性值publicstaticvoidmain(String[]args)throwsDocum

2401_84094868·2024-09-14 00:55

前端技术简介

“前端开发”是从“网页制作”演变而来的。从2005年开始，互联网进入web2.0时代，由单一的文字和图片组成的静态网页已经不能满足用户的需求，用户需要更好的体验。

2401_83916204·2024-09-14 00:54

前后端分离，Asp.net core webapi 如何配置跨域

前言可以说，前后端分离已经成为当今信息系统项目开发的主流软件架构模式，微服务的出现，让前后端分离发展更是迅速，大量优秀的前端框架如vue.js、react的出现，也让前后端分离趋势加快。

代码掌控者·2024-09-13 23:53

前端大文件上传

大文件上传是需要前端和后端同时参与才可以实现的。

没资格抱怨·2024-09-13 23:22

前端文件上传总结

第一种：经典的form和input上传。设置form的aciton为后端页面，enctype="multipart/form-data"，type=‘post’提交使用input选择文件，设置好其他input的值，点击提交，将文件数据及签名等认证信息发送到form设置的action对应的页面，浏览器也会跳转到该页面。触发form表单提交数据的方式有2种，一种是在页面上点击button按钮或按钮触发

小小小小小小拉松·2024-09-13 23:52

前端有关文件上传下载操作

搭载传输（二进制blob传输）转为base64直接传输(简便，但是后端需要解码，时间长)，通过fileReader搭载相关对象：files（blob的一个子类）：通过input标签读取过来的文件对象（属于前端的方法

发呆小天才yy·2024-09-13 22:16

springmvc 前后端日期格式的转换

1.后台Date类型返回前端String类型@JsonFormat(pattern="yyyy-MM-ddHH:mm:ss",timezone="GMT+8")它的作用是，出参时，自动把Date型对象数据转化成格式化后的字符串输出

owlets_ju·2024-09-13 22:16

前后端时间转换的那些常见问题及处理方法

前端和后端对时间的处理方式不同，可能会导致时间在传递过程中出现问题，比如时区不同步、格式不一致等。

繁依Fanyi·2024-09-13 21:13

Ros2_学习整理_7_Launch文件编写（赵虚左老师）

Ros2_Launch文件编写简化节点的配置与启动，提高程序的启动效率。1、Launch的基本使用流程1-1.C++实现1.编写Launch文件python格式launch文件XML格式Launch文件YAML格式Launch文件2.编辑配置文件在CMakeList.txt中添加语句：intall(DIRECTORYlaunchDESTINATIONshare/${PROJECT_NAME})3.

干掉乔治的猪·2024-09-13 20:06

记一次生产环境大面积404问题！

经过排查，发现前端调用后端接口时，部分接口出现404的现象。今天，我到公司比较晚，肯定是哪个小伙伴昨晚下班，走出办公室前没有祈祷服务器不要出问题。要把这个人揪出来，吊在服务器上——祭天！

冰河团队·2024-09-13 20:59

2019最值得投资的餐饮品类为什么是“它”！

最近餐饮品类有一单品，独树一帜，走在潮流前端，被众多网友可尽的玩弄了一把！从最初火遍全球的具象产物小黄鸭，到如今摸不到的流行话语，“鸭”是真的火了！

輕描淡寫_3722·2024-09-13 20:49

使用Spring Boot开发一个准妈妈交流平台

系统设计：设计系统架构，包括前端、后端、数据库和可能的第三方服务集成。2.技术选型前端：可以选择React、Vue或Angular等现代JavaScript框架。

BABA8891·2024-09-13 19:34

Rust：重塑编程世界的利器，对前端开发的深远影响

它不仅在后端领域展现出强大的实力，更在前端领域带来了颠覆性的变革。本文将带你深入了解Rust的魅力，探讨其独特的优势，以及Rust如何影响前端开发，并通过案例分析展示Rust在前端应用的实力。

大鱼前端·2024-09-13 19:30

Rust 编程语言构建出跨平台应用开源框架 Dioxus

它支持多种平台的应用开发，包括网页前端、桌面应用、静态网站、移动端应用和TUI程序等。Dioxus的核心特点之一是其声明式编程风格，类似于React框架，但提供了更高效的性能和更好的开发者体验。

百态老人·2024-09-13 19:59

推荐频道

前端学习整理