前端 路由 动态
js动态生成唯一id —— 三种方法
一. 引入时间戳，生成可控长度的随机数 随机数长度控制,定义一个长度变量（length），生成可控长度的随机数： Math.random().toString(36).substr(3,length) 引入时间戳： Date.now().toString(36) 合在一起最终办法： genID(le ......
软件测试|测试平台开发-Flask入门：Flask动态路由
前言 之前我们介绍了flask发送http请求，以及flaskURL的详解，我们使用的路由都是固定的，一个路径和一个视图函数绑定，当访问这条路径时会触发相应的处理函数。但是当我们要处理更为复杂的情况时，比如我们有多个用户，我们要访问这几个用户的个人信息，我们不可能为每一个用户设计一个固定的路由，这样 ......
Vue监听路由的变化
方式一：watch监听 通过watch监听，当路由发生变化的时候执行 watch:{ $route(to,from){ console.log(to.path); } }, // 或者 watch: { $route: { handler: function(val, oldVal){ consol ......
Skywalking APM监控系列(二、Mysql、Linux服务器与前端JS接入Skywalking监听)
前言 上篇我们介绍了Skywalking的基本概念与如何接入.Net Core项目,感兴趣可以去看看: Skywalking APM监控系列(一丶.NET5.0+接入Skywalking监听) 本篇我们主要讲解一下Skywalking如何接入mysql数据库监听与Linux服务器的监听 其实从Sky ......
Django中关于路由匹配的源码分析
1: 关于路由 # django中， 路由的写法有很多，从最早一点几版本的 url(xxxxx) 的形式到后面re_path(xxxx) ,以及参考flask的 path(xxxx) 的格式。 # 无论是哪种 ，实现的功能本质上就是，匹配url和对应的额视图函数，换言之，就是，找到用户访问的url对 ......
动态词云图已经get！！！
1、结果呈现（虽然并不好看） 2、使用spring+echarts实现（向前端传递list数据，前端改成json数据进行获取） 前端html代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>EChart ......
【Unity3D】动态路径特效
1 前言 本文通过导航系统（NavMeshAgent）和线段渲染器（LineRenderer）实现了角色走迷宫和绘制路径功能，同时实现动态路径特效。 导航系统的介绍详见博客：导航系统、分离路面导航、动态路障导航。线段渲染器的介绍详见博客：线段渲染器LineRenderer。 动态路径特效 ......
动态规划十解--教你从入门到熟悉
动态规划 题解来源 模板 核心思想 先遍历背包和先遍历物品的区别 - 先遍历背包求出来的是排列数，一个背包容量对n个物品做了扫描，有k种可能的存放方式，所以为排列数 - 先遍历物品求出来的是组合数，物品依次放入可容纳的背包中，1种存放方式，所以为组合数 先遍历物品时对遍历背包顺序的要求 - 先遍历物 ......
动态的中国地图代码--json+echarts实现
动态获取后台数据(list类型)的那种--终于会啦~~~~~~~ <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>ECharts</title> <!-- 引入 echarts.js --> <script ......
动态计算平均值
\[weight=0 \\ mean = \frac {meam*weight+curVal}{weight+1} \]int weight = 0; Vec3i pixel = {0,0,0}; for(size_t index=0; index < singlePairFish->fishImg ......
前端开发工具
前端开发工具 开发环境 Node.js 开启了前端啥都想写一点的时代 😁😀 npm nodeJs自带的包管理器 cnpm 淘宝网提供的npm的国内镜像加速工具 pnpm 采用集中式的依赖存储,极大节省硬盘空间. 唉, 主流语言的依赖地狱都是个问题. 依然可以使用淘宝提供的镜像 git 开发工具 ......
手把手教你写一个JSON在线解析的前端网站1
前言 作为一名Android开发，经常要跟后端同事联调接口，那么总避免不了要格式化接口返回值，将其转换为清晰直观高亮的UI样式以及折叠部分内容，方便我们查看定位关键的信息。 一直以来都是打开Google 搜索json格式化关键字，然后选择Google推荐的前三名的网址，比如 bejson网站: ht ......
树上的最大权连通块：一种换根动态规划与贪心算法的结合
树上的最大权连通块：一种换根动态规划与贪心算法的结合 在计算机科学中，树是一种非常特殊的数据结构，不仅因为它们在存储数据时的效率，还因为它们提供了一种非常直观且强大的方式来解决各种问题。今天，我们将探讨一种特殊类型的问题，即在一棵树中找到一个特殊的子集或连通块，该子集中的节点至多只能有一个度数大于k ......
动态规划——树形DP 学习笔记
动态规划——树形DP 学习笔记 引入 前置知识：树基础。 树形 DP，即在树上进行的 DP，最常见的状态表示为 \(f_{u,\cdots}\)，表示以 \(u\) 为根的子树的某个东东。 本文将讲解一些经典题目（树的子树个数、树的最大独立集、树的最小点覆盖、树的最小支配集、树的直径、树的重心、树的 ......
【前端css】全局修改css让网页置灰，去掉色彩
html { filter: grayscale(100%);//IE浏览器 -webkit-filter: grayscale(100%);//谷歌浏览器 -moz-filter: grayscale(100%);//火狐 -ms-filter: grayscale(100%); -o-filte ......
后端数据改变后，前端实时获取改变的数据
前端要实时获取到后端变化的数据，可以使用websocket（实现双向通讯的协议）或者SSE用于从服务器向客户端的单向实时事件流。 两种方法的实现方式： 使用WebSocket： 1、创建WebSocket连接：在前端使用WebSocket API来创建WebSocket连接到后端服务器。 // 建立 ......
mybatis 动态sql
动态sql练习 所用工具：sts 小皮 sql数据库 导入的包： 配置文件 ： 实体类：emp cn.lexed.dao 包下的接口和映射文件： 工具类untils： 测试类test： ......
【leaflet】动态轨迹
使用插件：leaflet.motion https://github.com/Igor-Vladyka/leaflet.motion // 执行轨迹回放 doShowTraces(latLngs) { latLngs = [ [39.123595, 110.561176], [39.123041, ......
【前端小技巧】如何使用 Eolink Apilkit 调用 Mock ？
在开发过程中，进度比较赶的情况下，前端人员当页面写完时，后台的接口还没写完，等要交付的时候后端才把接口给你，这个时候就很尴尬。 这个时候 Mock 就可以很好的解决这个问题，前端团队可以在 API 还没开发完成的情况下，借助 Mock API 实现预对接，加速开发进程。测试团队可以通过 Mock A ......
项目中前端如何实现无感刷新 token！
1、问题 上用户在使用的时候，偶尔会出现突然跳转到登录页面，需要重新登录的现象。 2、原因 突然跳转到登录页面，是由于当前的 token 过期，导致请求失败；在 axios 的响应拦截axiosInstance.interceptors.response.use中处理失败请求返回的状态码 401，此 ......
动态规划的状态设计 | bot 讲课の补题
sto james1badcreeper orz. 好厉害的题，但是怎么有人补了三天才补完呢？ CF1810G The Maximum Prefix 线性 dp，怎么有 bot 说题目难度在 *2400~*2800 之间结果开场就是 *3200 啊 /youl 尝试直接正着做，发现要记 \(f_{i ......
frida动态插桩初探
前言 近期碰到了分析app的需求，就学习了一下 frida的动态插桩技术。frida是一款轻量级HOOK框架，可用于多平台上，例如android、windows、ios等。frida分为两部分，服务端运行在目标机上，通过注入进程的方式来实现劫持应用函数，另一部分运行在我们自己的控制机上。frida上 ......
动态规划习题
DP习题 Melon的难题【01背包问题中“装满背包的最少物品数问题】 注意初始化问题，第一行除了第一个都要赋值最大值！！！ import java.util.Scanner; import java.util.*; // 注意类名必须为 Main, 不要有任何 package xxx 信息 pub ......
c# 简单的动态执行字符串
在 C# 中，可以使用 `CSharpCodeProvider` 类动态执行 C# 代码。以下是一个示例，演示了如何动态执行 C# 命令： ```csharpusing System;using Microsoft.CSharp;using System.CodeDom.Compiler;using ......
Dash 2.14版本开始支持动态回调注册！
本文示例代码已上传至我的Github仓库https://github.com/CNFeffery/dash-master 大家好我是费老师，就在昨晚，Dash框架发布了其2.14.0新版本，新增的功能中，有一项非常令人兴奋，那就是其针对回调函数这一Dash中的核心概念，新增了动态回调函数注册的支持� ......
前端请求代理配置
前端请求代理配置，解决跨域问题，适用于React、Vue项目
1. 优点：可以配置多个代理，可以灵活控制请求是否走代理。
2. 缺点：配置繁琐，前端请求资源时必须带上前缀。 ......
vue动态引入组件
vue动态引入组件，正常情况是页面渲染时动态加载该页面组件，还能进行细化动态加载情况，比如弹窗组件 动态导入：除了路由懒加载，你还可以在其他地方使用动态导入来按需加载组件。例如，在某个按钮的点击事件中异步加载一个组件： import('./components/MyComponent.vue').t ......
前端划词选中实现
1、需求 如上图，鼠标划词选中标签，选中的词自动填入到输入框中 2、实现 <div class="tag-words" @mouseup="startSelectWord"> <div class="tag-word" v-for="(item, index) in tagWords" :key=" ......
3.web前端开发(Axios,前端工程化,Element,路由)
web前端开发(Axios,前端工程化,Element,路由) Axios Axios官网：https://www.axios-http.cn/ 定义: 引入Axios的js文件； <script src="js.axios-0.18.0.js"></script> 使用Axios发送请求，并获取响 ......
2.前端框架(Vue)
前端框架(Vue) Vue 概念; vue是一套前端框架，免除原生JavaScript中的DOM操作，简化书写； 基于MVVM(Model-View-ViewModel)思想，实现数据的双向绑定，将编程的关注点放在数据上； 官网：https://v2.vuejs.org/ 框架：是一个半成品软件，是 ......