前端
快速认识，前端必学编程语言：JavaScript
JavaScript是构建Web应用必学的一门编程语言，也是最受开发者欢迎的热门语言之一。所以，如果您还不知道JavaScript的用处、特点的话，赶紧补充一下这块基础知识。 JavaScript 是一种高级、单线程、垃圾收集、解释或即时编译、基于原型、多范式、动态语言，具有非阻塞事件循环，因构建网 ......
前端优化之路：git commit 校验拦截
【前言】 前面在git分支规范那篇文章里，介绍了commit提交规范，如下图 但是想要做到高效落地执行，就需要做些别的功课，先展示下成果图 没错，对不符合规范的commit进行了拦截，符合才可以成功提交。 【前期准备】 需要了解git hooks，它是git的钩子，就像vue拥有自己的钩子一样 官方 ......
2023最新中级难度前端面试题,包含答案。刷题必备！记录一下。
好记性不如烂笔头 内容来自 面试宝典-中级难度前端面试题合集 问: 请详述 JavaScript 中的 async/await 用法？ async/await是ES2017引入的新特性，用于实现异步编程的同步化操作。 async表示函数是一个异步函数，它总是返回一个Promise对象；await用于 ......
2023最新初级难度前端面试题,包含答案。刷题必备！记录一下。
好记性不如烂笔头 内容来自 面试宝典-初级难度前端面试题合集 问: 请详细描述 HTML、CSS、JavaScript 的基本结构？ HTML、CSS、JavaScript 是 web 前端开发中最常用的三种技术，它们分别负责页面结构、表现形式和交互行为。 HTML（Hyper Text Marku ......
Vue前端+后端实现带进度条文件分片上传
传输参数对象 package com.deju.provider.upload.domain; import lombok.Data; import org.springframework.web.multipart.MultipartFile; @Data public class Multipa ......
TP接口 前端vue调用出现跨域
出现跨域的解决方式 1.当预处理请求options失败， 代码报错 会出现跨域cors，排查错误代码 2.设置路由跨域 Route::GET('search/list', 'Index/list')->allowCrossDomain(); ......
前端开发-视口（布局视口、视觉视口、理想视口）
首先必须要明白一点：（假设手机分辨率3200 * 1420），css中的1px不一定等于实际屏幕的1px（这里有1420px）,系统会自动匹配一个最合适的比例（假设这个比例为3.5），用屏幕的3.5px 去渲染css中的1px，也就是说，所有的显示屏幕，不管你的分辨率是多少，系统都会自动匹配一个最适 ......
第三阶段前端随手笔记
1.let细节 注意 直接输出x,会报错！ 在输出语句后面使用var定义变量x，会变量提升，输出undefined 2 Vue 笔记 1 控制台直接使用vm对象 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>v ......
前端优化之路：打包文件拆包、增加哈希值
【前言】 前面对项目打包做了优化处理，但是还不够完美，有两点可继续优化 生成的chunk-vendors文件过大，压缩后仍然超过1M 开发、测试环境生成的js文件，未带哈希值 问题1：如果在弱网环境下，会造成首次白屏时间过长 问题2：容易产生同名文件，造成浏览器缓存 出于以上两点考虑，故而需继续对项 ......
前端加密破解
前端加密破解 https://blog.csdn.net/qq_44159028/article/details/121780172 破解思路 先在F12中找到源文件，全局搜索(ctrl+shitf+f)查找aesKey，分析存在的文件，找到加密的思路。然后将加密部分放到下面工具中即可。 工具 js ......
springboot~构建webjars类型的前端jar包
webjars类型的前端jar包 我们可以将公用的js,css,html,vue,shtml打包成一个jar，然后在其他项目中引用，这样就不用每个项目都去引用一遍了，这样就可以实现前端的公用了。 1.创建一个maven项目，添加依赖和插件 <dependencies> <!-- 依赖webjars- ......
基础lucksheet实现前端导出excel文件
文章参考：https://blog.csdn.net/csdn_lsy/article/details/107179708 1.引入两个插件，其中exceljs负责将lucksheet的数据格式转化成excel的buffer流，file-saver负责将buffer转成blob文件流导出。 npm ......
记录--前端实习生的这个 bug 被用做了一道基础面试题
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 测试发现了一个问题，简单描述问题就是通过函数删除一个数组中多个元素，传入的参数是一个数组索引。 然后发现实际效果有时删除的不是想要的内容。 具体 Bug 代码实现: const arr = [1,2,3,4,5,6,7]; cons ......
给 Web 前端工程师看的用 Rust 开发 wasm 组件实战
本文先介绍了 wasm-pack 官方的教程，还有其他组件测试、发布等的流程先不在这里介绍了。以下用一个实际开发中的模块来说一下开发 wasm 组件过程中遇到的问题和解决方法。 ......
nginx 前端页面 403 解决
前段页面显示这样 解决方法 关闭安全策略 sudo setenforce 0，进行尝试，看是否是这个影响 如果生效了，能正常访问了，需要进行sudo setenforce 1,打开安全策略，如果关闭会导致系统不安全. 然后运行 sudo semanage fcontext -a -t httpd_s ......
前端导出后端返回的数据流为xlsx文件
后端返回格式为PK开头 exportMonitor({ids:idsList}).then((res:any)=>{ const link = document.createElement('a') let blob = new Blob([res], { type: 'application/vn ......
layui.table组件排序问题解决：前端排序、后端排序、保留筛选条件排序
layui.table组件排序问题解决：前端排序、后端排序、保留筛选条件排序 - 微构网络 (csweigou.com) 前端排序 table.render({ elem: '#table' /*其他参数......*/ ,autoSort: true ,initSort: { field:'id' ......
前端组件wolfTable的style格式文档
此文档记录的是wolf-table的style格式文档, 如果你找的是x-data-spreadsheet, 那么请查阅这个文档https://www.cnblogs.com/WilsonZhu/p/17858411.html wolf-table 的格式输入只有一个方式, 通过调用addStyle ......
前端后端传来的信息为 Object
在前端打印出后端传来的详细信息 直接打印 res 可能就只是显示：Object 可以使用 JSON.stringify(res, null, 2) 将 res 对象转换为 JSON 字符串，并以缩进的格式打印出来，以便更清楚地查看对象的内容 可以不用 console.log 里的字符串拼接，直接逗号 ......
前端可滚动分类商品List列表 可用于电商分类列表
前端可滚动分类商品List列表 可用于电商分类列表 引言 在电商应用中，一个高效、用户友好的分类列表是提高用户体验和转化率的关键。本文将探讨如何使用xg-list-item、uni-grid和xg-tab等组件创建一个可滚动的分类商品列表，并处理相关的用户交互事件，如分类标题点击和分类条目点击。 组 ......
前端技术探秘 - Nodejs 的 CommonJS 规范实现原理 | 京东物流技术团队
前端技术探秘 - Nodejs 的 CommonJS 规范实现原理 | 京东物流技术团队 京东云 已认证账号 关注 你经常看 TA 的内容 了解 Node.js Node.js 是一个基于 ChromeV8 引擎的 JavaScript 运行环境，使用了一个事件驱动、非阻塞式 I/O 模型，让 ......
setTimeout 函数在前端延迟搜索实现中的作用
看这段代码： SmartFilterBar.prototype._regularTriggerSearch = function (iDelay) { if (this.getSuppressSelection()) { return; } this._clearDelayedSearch(); t ......
什么是前端 Web 应用响应式页面布局里的 Breakpoint 概念
在 Web 前端开发中，响应式设计是一个非常重要的概念，它允许网页 UI 根据不同的设备屏幕大小进行适当的调整以优化用户体验。在这种设计中，breakpoint 是一个关键的概念。 我们可以把 breakpoint 理解为屏幕宽度的一种临界点，当屏幕宽度达到这个点时，我们会调整页面布局以适应这个新的 ......
前端学习-JavaScript学习-js基础-API02-轮播图案例
自己写的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docu ......
什么是前端开发中的 SVG Sprites 技术
SVG Sprites 在前端 Web UI 渲染中的应用 在前端Web应用开发中，图标的使用是非常常见的需求，而SVG（可缩放矢量图形）是一种灵活而强大的图形格式，常被用于在Web界面中呈现图标。SVG提供了可伸缩性、可定制性和清晰度，但当页面上包含大量图标时，每个图标都作为单独的HTTP请求加载 ......
记录--原来前端部署这么简单
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 有个朋友说前端技能大家大部分都会，就是部署项目这一块经验都比较稀缺，一直很想学一下。所以在这里写一篇简单的从零开始部署前端项目的全过程，感兴趣的掘友们或者想自己搭建项目部署的可以看一下这篇。 环境搭建 首先我们需要进行环境搭建主要就 ......
前端学习-JavaScript学习-js基础-API01
学习视频:黑马程序员视频链接 DOM简介 DOM简介 DOM树：将HTML文档标签以树状形式表现出来 DOM对象：每个标签都是DOM对象 DOM核心思想：将网页内容当作对象处理 DOM中最大的对象：document，其次是<html> <!DOCTYPE html> <html lang="en"> ......
前端优化之路：构建、打包速度提升
【前言】 《闻香识女人》中有句经典台词，“有些人一分钟过尽一生”，多少人在等待中浪费了生命的美好。同样，如果一个项目构建、热更新、打包速度过慢，中途需大把时间去等待，那么不免让人抓狂。 【效果展示】 优化前，构建速度 整整126秒，两分多钟过去后，项目才启动成功 优化后，构建速度 21秒运行完毕，仅 ......