前端header footer main
记一次前端npm报错“ error Command failed with exit code 1.”
记一次前端npm报错“ error Command failed with exit code 1.” 现象 报错日志如下 script returned exit code 1 [2023-07-07 23:12:06] + yarn --cwd /root/workspace build:tes ......
web前端 表单作业
作业要求： 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit ......
若依前端，菜单栏切换时刷新问题[页面菜单切换时，页面总是重新刷新，导致页面输入的查询参数重载清空]
### 前端页面菜单切换时，页面总是重新刷新，导致页面输入的查询参数重载清空  ### 这样切换时，页面就 ......
web前端 链接跳转作业
作业要求： 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ......
vue前端使用node-rsa公钥加密解密
const NodeRSA = require('node-rsa'); // 使用公钥加密 export function encrypt (msg,commonKey) { const key = new NodeRSA(` BEGIN PUBLIC KEY ${commonKey} END P ......
前端Chrome调试技巧汇总
Chrome浏览器调试工具的核心功能： 🥷🏻注：本文测试、截图均为Edge浏览器（内核是Chromium），浏览器内核可了解《有哪些浏览器/内核？》 00、基础操作汇总 操作类型快捷键/说明 切换浏览器标签 🔸 Ctrl+1到8切换到对应序号的浏览器标签 🔸 Ctrl+PgUp/PgDn标签 ......
10个适合后端程序员的前端框架
思维导航 前言 AdminLTE Gentelella layuimini Materialize vue-element-admin vue-admin-better Ant Design Vue vue-vben-admin ngx-admin react-admin DotNetGuide技术 ......
通过前端Ajax访问WebService形式的接口
WebService是早期提供Web服务的一种形式（现在最新的方式是WebApi），其无关于编程语言，有java形式的WebService,也有C#形式的WebService。 我们在项目中，需要和其他外部系统进行接口对接时，常使用WebService或WebApi，这取决于对方提供服务接口的使用的 ......
【19.0】 前端基础之HTTP协议
# 【19.0】 前端基础之HTTP协议 - http协议 ````text 1. 什么是请求头请求体，响应头响应体 2. URL地址包括什么 3. get请求和post请求到底是什么 4. Content-Type是什么 ```` ## 【一】简介 - HTTP协议是Hyper Text Tran ......
【20.0】 前端基础之URL编码
# 【20.0】 前端基础之URL编码 # 【一】URL 解码 / 编码详解 > 当 URL 路径或者查询参数中，带有中文或者特殊字符的时候，就需要对 URL 进行编码（采用十六进制[编码格式](https://so.csdn.net/so/search?q=编码格式&spm=1001.2101.3 ......
前端Vue组件之仿京东拼多多领取优惠券弹出框popup 可用于电商商品详情领券场景使用
#### 随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 ......
前端Vue自定义精美底部操作栏导航栏工具栏 可用于电商购物车底部导航
#### 随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 ......
web前端 第二天总结
案例1:元素显示模式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl ......
web前端 第一天总结
案例1：标准的html骨架 <!DOCTYPE html> <!--声明文档 html5 --> <html lang="en"> <head> <meta charset="utf-8"> <title>我是最棒的</title> </head> <body> 今天是第一天学习前端 </body> ......
chrome浏览器添加xff头插件-X-Forwarded-For Header
## 下面情况下使用的（管理员账号只允许本地登录!）  ## [X-Forwarded-For Head ......
redis的订阅发布功能中，前端如何监听到消息，并修改前端页面。
 { // 1 判断是否登录， let token= this.$cookies.get('token') if(token){ this.$axios.post(`${th ......
【18.0】前端框架Bootstrap
# 【18.0】前端框架Bootstrap > 该框架已经帮我们写好了很多页面样式，如果需要使用，只需要下载对应文件 > > 直接CV拷贝即可 > 在使用Bootstrap的时候，所有的页面样式只需要通过修改class属性来调节即可 # 【一】什么是Bootstrap - Bootstrap是一个开 ......
前端接收后端文件后乱码
前端可尝试 1 设置responseType为blob类型; 2 设置content-type: 为后端返回的类型如excel类型 其它可以不懂可以百度或者gpt ......
前端基础-js篇（一）
1.use strict （1）ES5 规范增加了新的语言特性并且修改了一些已经存在的特性。为了保证旧的功能还能够使用，大部分的修改是默认不生效的。 （2）需要一个特殊的指令 —— "use strict" 来明确地激活这些特性。 （3）当它处于脚本文件的顶部时，则整个脚本文件都将以“现代”模式进行 ......
前端使用protobuf进行传参
一.proto的理解 1.以.proto结尾的文件是protobuf文件，且.proto是一种传参规则的定义。 2.常用的请求传参方式是json或xml，因为在大多数的语言中这两种轻量型语言都能被其他语言识别到（java、python、javascript、c++等等）。 proto作为区别于前两者 ......
脱发秘籍：前端Chrome调试技巧汇总
脱发秘籍，快速了解前端Chrome调试工具，这里有你不知道的Chrome调试技巧：元素（Element）、控制台（Console）页、源代码（Sources）、网络（Network）、性能优化（Performance）... ......
【17.0】前端基础jQuery之jQuery补充
# 【17.0】前端基础jQuery之jQuery补充 # 【一】组织标签后续执行 - 方式一 ```html Title ``` - 方式二 ```html Title ``` # 【二】阻止事件冒泡 ```html Title div div>p div>p>span ``` # 【三】事件委托 ......
一套比较完整的字节面试题，包含计算机网络、操作系统、前端等
一、算法和数据结构 实现一个函数，判断两个给定的字符串是否为异构字符串。 异构字符串是指由相同字符但顺序不同的字符串。例如，“abb”和“bab”就是异构字符串。 答案： function isIsomorphic(str1, str2) { if (str1.length !== str2.len ......
【15.0】前端基础jQuery之进阶
# 【15.0】前端基础jQuery之进阶 # 【一】操作标签 ## 【1】操作类 #### （1）JS版本 ##### `classList.add()` 方法 - 用于向元素添加一个或多个类名。 - 如果指定的类名已存在，则不会添加。 - 示例： ```javascript element.cl ......
【16.0】前端基础jQuery之jQuery事件
# 【16.0】前端基础jQuery之jQuery事件 # 【一】jQuery绑定事件的两种方式 ## 【1】使用`.on()`方法： - 使用`.on()`方法可以绑定一个或多个事件处理程序到选择器匹配的元素上。该方法可以为动态添加的元素提供事件绑定。 ### 语法： - ```javascrip ......
前端打包的dist文件 怎么用nginx 在 Windows 部署
要在 Windows 上使用 Nginx 部署前端打包的 dist 文件，您可以按照以下步骤进行操作： 下载 Nginx：首先，您需要从 Nginx 官方网站（https://nginx.org/）下载适用于 Windows 的 Nginx 安装程序，并将其安装到您的计算机上。 配置 Nginx ......
前端打包的dist文件 怎么用nginx 在 Windows 部署
要在 Windows 上使用 Nginx 部署前端打包的 dist 文件，您可以按照以下步骤进行操作： 下载 Nginx：首先，您需要从 Nginx 官方网站（https://nginx.org/）下载适用于 Windows 的 Nginx 安装程序，并将其安装到您的计算机上。 配置 Nginx ......
前端必须知道的手机调试工具vConsole
一个轻量、可拓展、针对手机网页的前端开发者调试面板。
vConsole 是框架无关的，可以在 Vue、React 或其他任何框架中使用。
现在 vConsole 是微信小程序的官方调试工具。 ......