前端 路由 动态
【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 ......
js 动态加载脚本文件
//js 动态加载脚本文件//https://juejin.cn/post/7032680257710718984 url='https://hq.sinajs.cn/?list=sh000016'; url='https://quotes.sina.cn/cn/api/openapi.php/CN ......
web前端 第一天总结
案例1：标准的html骨架 <!DOCTYPE html> <!--声明文档 html5 --> <html lang="en"> <head> <meta charset="utf-8"> <title>我是最棒的</title> </head> <body> 今天是第一天学习前端 </body> ......
redis的订阅发布功能中，前端如何监听到消息，并修改前端页面。
 { // 1 判断是否登录， let token= this.$cookies.get('token') if(token){ this.$axios.post(`${th ......
动态规划之01背包-
什么是01背包问题？ 01背包问题是一种经典的组合优化问题，它的描述如下： 有n种物品和一个容量为C的背包，每种物品有一个重量w[i]和一个价值v[i]，其中i=1,2,…,n。问如何选择物品放入背包，使得背包内的物品总价值最大，且不超过背包的容量？ 这里的01表示每种物品只能选择放入或不放入，不能 ......
vue（七）路由 vue-router
安装和使用 通过vue-router路由管理页面之间的关系，是Vue.js的官方路由 1、安装路由 npm install --save vue-router 2、配置路由文件 route/index.js // 导入路由库 import {createRouter,createWebHashHis ......
Vue 通过vuex动态缓存 keep-alive
在需要组件缓存的页面路由添加keep-alive属性 为true [{ path: 'text', component: () => import('@/views/text/index'), name: 'text', meta: { title: 'text', needRole: true, ......
【18.0】前端框架Bootstrap
# 【18.0】前端框架Bootstrap > 该框架已经帮我们写好了很多页面样式，如果需要使用，只需要下载对应文件 > > 直接CV拷贝即可 > 在使用Bootstrap的时候，所有的页面样式只需要通过修改class属性来调节即可 # 【一】什么是Bootstrap - Bootstrap是一个开 ......
前端接收后端文件后乱码
前端可尝试 1 设置responseType为blob类型; 2 设置content-type: 为后端返回的类型如excel类型 其它可以不懂可以百度或者gpt ......
Vue router 路由
#路由 ##跳转页面和路由模式 ###vue的路由 1. 路由的文档 https://v3.router.vuejs.org/zh/api/ 2. 路由是干什么的 ==》 就是来负责跳转页面...反正是和页面打交道的 3. vue + router是单页面应用（SPA） 解释一下“什么是”单页面 ： ......
vue3 + elementplus tab组件动态切换，组件保存校验为空获取不到数据bug
需求是这样的，根据第一个tab里面的准入模式，如果是专业版，上面tab显示6个，如果是简易版，6个tab要隐藏后面两个，每个页面可以保存。 这里tab切换用的是elementplus组件就不多说了，然后每个组件里面嵌套的是对应的小组件，component动态切换，默认打开当前页面的时候，会通过接口统 ......
前端基础-js篇（一）
1.use strict （1）ES5 规范增加了新的语言特性并且修改了一些已经存在的特性。为了保证旧的功能还能够使用，大部分的修改是默认不生效的。 （2）需要一个特殊的指令 —— "use strict" 来明确地激活这些特性。 （3）当它处于脚本文件的顶部时，则整个脚本文件都将以“现代”模式进行 ......
css动态生成多个class样式
在纯CSS中，无法动态生成多个类样式。CSS是一种静态样式表语言，它主要用于描述网页上元素的外观和布局，而不能在运行时动态生成类样式。 然而，你可以通过使用CSS预处理器（如Sass、Less等）或CSS-in-JS工具（如Styled Components、Emotion等）来在一定程度上实现动态 ......
前端使用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 ......
4.vue Router路由设置
router=>index.js 设置路由信息 1.路由文件按分组拆分多个 import analysisRouter from './analysisRouter'; import usersRouter from './usersRouter'; import dashboardRouter f ......
21.路由跳转
1. 路由跳转的4种方法： 方式一：router-link //步骤一：设置路由（文件：/src/router/index.js） import Home from "@/components/Detail"; const routes = [ { path: "/detail", name: "d ......
19.路由懒加载的3种方法
原因：若没有使用路由懒加载，在webpack打包后，打包后的文件会非常大，影响首页加载速度，可能会出现白页。 而运用路由懒加载，当路由被访问的时候才加载对应组件，达到了按需加载，减少了首页的加载时间。 方式一：import按需加载（常用） export default new Router({ ro ......
【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 ......
Linux下路由配置梳理
转自 散尽浮华 在日常运维作业中，经常会碰到路由表的操作。下面就linux运维中的路由操作做一梳理： 先说一些关于路由的基础知识：1）路由概念路由： 跨越从源主机到目标主机的一个互联网络来转发数据包的过程路由器：能够将数据包转发到正确的目的地，并在转发过程中选择最佳路径的设备路由表：在路由器中维护的 ......
【动态规划】子串、子序列问题
[TOC] # 应用 ## 应用1：Leetcode 647. 回文子串 ### 题目 [647. 回文子串](https://leetcode.cn/problems/palindromic-substrings/) ### 解题思路 #### 动态规划 设 $dp[i][j]$ 表示子串 $s[ ......