前端 路由 动态
Nginx环境搭建及前端部署教程(Windows版)
Nginx启动 启动方式一:双击nginx.exe,双击后你能看见一个小黑窗口一闪而过。 启动方式二:打开cmd命令窗口,切换到nginx解压目录下,输入命令 nginx.exe ,回车即可注意:如果安装目录是中文的情况,打开exe文件时会报错。打开浏览器:浏览器地址栏输入网址http://loca ......
前端笔记:React学习 1.1--配置环境
1.1 配置环境 React中文文档 React官网文档 安装Nodejs Nodejs官网 安装create-react-app 终端执行: npm i -g create-react-app 安装VSCode插件 Simple React Snippets Prettier - Code for ......
11.路由以及跨域
路由跨域 跨域限制 在进行前后端联调的时候,可能会遇到下面这个报错: 这个错误就是跨域问题,是发生在浏览器端的。浏览器中有一个同源策略,它是一个安全策略,用来限制源的交互。 同源策略:是一种约定,它是浏览器核心也最基本的安全功能,它会阻止一个域的 JS 脚本和另外一个域的内容进行交互,如果缺少了同源 ......
09.路由跳转
路由跳转 应用场景 场景: 假设在新增信息页面,完成新增操作之后需要跳转到展示页面。 展示页面是个动态页面,它的逻辑是,如果有参数,则展示相关参数的结果,如果没有参数,则展示所有的信息。 解决: 使用 url_for() 生成 url ,再使用 redirect() 方法完成路径的重定向。实现当完成 ......
【Java基础】数组的动态初始化
数组动态初始化:手动指定数组长度,系统为数组自动分配默认初始化值 格式:数据类型[] 数组名 = new 数据类型[长度]; 默认值的分类: 整数:0 小数:0.0 布尔:false 字符:'\u0000' (Unicode字符,常见的体现是空白字符) 引用数据类型(数组、类、接口):null ......
NEFU OJ Problem 1489 青蛙赶路 题解【动态规划DP】
Problem:G Time Limit:2000ms Memory Limit:65535K Description 有一只青蛙,每秒选择走1米或跳m米,青蛙体力不足,所以不能连续两秒都在跳。 青蛙将移动到[l,r]之间,它想知道有多少种不同的方式来实现其目标。 两种方式是不同的,当且仅当它们移动 ......
HCIA-VLAN间路由
前言 部署了Vlan的传统交换机无法实现不同Vlan之间的二层报文转发,因此必须引入路由技术来实现不同Vlan之间的通信。 Vlan间路由有两种方法: 一、通过二层交换机配合路由器来实现 二、可以通过三层交换机来实现。 Vlan间通讯限制 由于每个Vlan都是一个独立的广播域,不同的Vlan之间二层 ......
前端骨架HTML
HTML5 如果将网页比作机器人,那么HTML就是骨架,CSS就是是表现与展示效果,JavaScript就是功能与行为 简单介绍 超文本标记语言HTML(HyperText Markup Language) 一、配置HTML编译器 1. 安装vscode 下面是官网: vscode官网 2. 安装v ......
前端项目容器化(Docker)打包部署
前端项目容器化(Docker)打包部署 新建一个vue项目 增加容器配置 docker命令打包镜像,部署本机 BiliBili视频同步发布 新建vue项目 使用vue官方脚手架创建一个项目 下面的demo使用默认配置 安装依赖并运行 # 使用vue脚手架创建项目 npm create vue@lat ......
linux自定义网络路由
linux自定义网络路由 查看网络配置文件 [root@bogon ~]# cat /etc/sysconfig/network-scripts/ifcfg-eth0 DEVICE=eth0 TYPE=Ethernet UUID=3e6b66d4-10b3-46ae-be3c-e1c1fe32a7d ......
02.接口路由技术
接口路由技术 什么是路由 路由是将 URL 地址与应用程序中的函数相映射的过程。当用户在浏览器中输入特定的 URL 地址时,Flask 会调用与该地址相匹配的函数并返回相应的结果。 路由的应用场景 在 Web 应用程序都通过路由技术使用 URL 链接来控制网页显示的内容,只要知道 URL 链接,即使 ......
Spring Cloud Gateway路由加载过程
Spring Cloud 2021.0.5 相关类 先认识下相关的几个类 RoutePredicateFactory,断言工厂,用于创建具体的断言。 GatewayFilterFactory,过滤器工厂,用于创建具体的过滤器。 Predicate,断言接口。 GatewayFilter,过滤器接口。 ......
【动态规划】最优二叉搜索树
问题描述: 最优二叉搜索树的定义对给定的概率集合,期望搜索代价最小的二叉搜索树称为最优二叉搜索树 这里把概率用结点权值代替,只讨论成功结点的搜索期望。 给定 n 个有序的值,{k1,k2 ..... kn} ,其中 ki = i ; k1 到 kn 对应的权值分别为{ w1, w2 ..... wn ......
【动态规划】01背包问题
问题描述: 有物品A,B,C,D,每个物品大小和价值不相同,还有一个容量为8的背包,如何选择其中的物品放入背包,使得背包总价值最大。 定义dp[ i ][ j ]: 前 i 件商品,放入容量为 j 的背包所获得的最大价值。 物品的两种状态:放入和不放入。 思想:最后一步的决策问题,第 i 件物品放不 ......
路由简单入门
1 地址和视图函数的映射关系 urls.py 文件 # urlpatterns列表,列表内放了url函数的执行结果# 使用很简单,复制一行,改一下第一个参数(正则表达式),第二个参数是视图函数内存地址urlpatterns = [ url(r'^admin/', admin.site.urls), ......
创建顺序表(动态分配)
#include<stdio.h> #include<stdlib.h> #define InitSize 10//默认的最大长度 //定义结构体 typedef struct { int *data; //指示动态分配的指针 int MaxSize; //顺序表的最大容量 int length; ......
微信小程序动态生成表单来啦!你再也不需要手写表单了!
dc-vant-form 由于我们在小程序上涉及到数据采集业务,需要经常使用表单,微信小程序的表单使用起来非常麻烦,数据和表单是分离的,每个输入框都需要做数据处理才能实现响应式数据,所以我开发了dc-vant-form,针对原生微信小程序+vant组件构建的自定义表单,开发者可以通过表单配置项来快速 ......
Vue3 Element-Plus 一站式生成动态表单
数据接口设计 type TreeItem = { value: string label: string children?: TreeItem[] } export type FormListItem = { // 栅格占据的列数 colSpan?: number // 表单元素特有的属性 pro ......
前端页面部署之后刷新页面之后出现HTTP 错误 404.0 - Not Found错误问题解决
前端页面部署能正常访问,但是一旦刷新页面就报如下错误:404.0 - Not Found 解决办法:下载IIS URL重写模版,并安装。下面为安装地址: URL Rewrite : The Official Microsoft IIS Site 安装之后IIS中出现如下IIS重写模块: 点击进去添加 ......
Flutter 路由库fluro快速入门——从库自带的示例上手
Flutter 路由库fluro快速入门——从库自带的示例上手 笔者喜欢Flutter的一点就是其各种库的example读起来都很清晰、很好懂,在上手从来没用过的复杂三方库时基本上看看README+example就可以了。 最近笔者参与的大创项目要开始做App开发了,之前定的开发框架是flutter ......
【动态规划】最长公共子序列问题
问题描述: 字符串s1=BDCABC,字符串s2=ABCBDAB;求它们的最长公共子序列。 定义dp[ i ][ j ] :s1的前 i 个字符串和s2前 j 个字符串的最长公共子序列长度。 以下讨论三种情况: s1[ i ] == s2[ j ] s1的第 i 个字符等于s2的第 j 个字符 dp ......
【前端VUE】VUE环境安装
nodejs安装 nodejs教程 https://blog.csdn.net/muzidigbig/article/details/80493880 检查是否安装成功 VUE安装 npm install -g @vue/cli 创建VUE项目 vue create 项目名称 第一个和第一个是默认的 ......
基于 Angular Universal 引擎进行服务器端渲染的前端应用 State Transfer 故障排查案例
笔者之前这篇掘金文章一个 SAP 开发工程师的 2022 年终总结:四十不惑 提到,我目前的团队,负责开发一款基于 Angular 框架的电商 Storefront 应用。 这个 Storefront 是一个开源的、基于 Angular 和 Bootstrap 并为 SAP Commerce Clo ......
task0003前端项目准备的学习笔记(之前忘了发不好意思!)
2023-10-26 task0003前端学习笔记 JavaScript作用域学习笔记①:今天看了http://www.laruence.com/2009/05/28/863.html这位作者讲了js的作用域原理,让我豁然开朗,原来函数定义式与函数表达式的不同会导致作用域作用不一样比如:var na ......
矩阵连乘问题——动态规划(Dynamic Programming)
动态规划——矩阵连乘问题 问题描述 \(\{A_1,A_2\dots A_n\}\)n个矩阵相乘,最少需要进行多少次乘法运算? 解答思路 划分 假设三个矩阵连乘,结果可能为 \[\begin {array}{c|c} Result1&(A_1A_2)A_3\\ Result2&A_1(A_2A_3) ......
动态加载——懒加载实现
webpack 是一个现代 JavaScript 应用程序的静态模块打包器 (module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图 (dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。 前 ......
动态引入图片为什么要是require
动态的引入图片为什么要使用 require 因为动态添加 src 被当做静态资源处理了,没有进行编译,所以要加上 require 乍一看好像说的很有道理啊,但是仔细一看,这句话说的到底是个啥?针对上面的回答,不禁有如下几个疑问: 什么是静态资源? 为什么动态添加的 src 会被当做的静态的资源? 没 ......
前端页面的懒加载和预加载
前言 懒加载也就是延迟加载。当访问一个页面的时候,先把 img 元素或是其他元素的背景图片路径替换成一张大小为 1*1px 图片的路径(这样就只需请求一次,俗称占位图),只有当图片出现在浏览器的可视区域内时,才设置图片正真的路径,从而减轻服务器压力,避免用户等待时间过长(一般在网站图片很多的时候使用 ......