前端 路由 动态

Router 路由

路由组件显示占位符 <router-view></router-view> 使用路径path 或 name 在标签中导航 <RouterLink to="ClassTest">Class</RouterLink>| <RouterLink :to="{name:'TypeTest'}">TypeTe ......
路由 Router

代码随想录算法训练营Day49 动态规划

#代码随想录算法训练营 代码随想录算法训练营Day49 动态规划| 121. 买卖股票的最佳时机 122.买卖股票的最佳时机II 121. 买卖股票的最佳时机 题目链接: 121. 买卖股票的最佳时机 给定一个数组 prices ,它的第 i 个元素 prices[i] 表示一支给定股票第 i 天的 ......
随想录 训练营 随想 算法 代码

SpringBoot2动态设置日志级别

SpringBoot使用Logback作为日志框架,项目中一般在application.properties中指定日志级别,比如以下设置分别指定了不同的包使用不同的日志级别: logging.level.org.springframework=WARN logging.level.com.compa ......
SpringBoot2 SpringBoot 级别 动态 日志

web-lottie 前端动画效果

资源 http://airbnb.io/lottie/#/web lottie 官网 动画的实现逻辑借用官网的一句话 Lottie is a library for Android, iOS, Web, and Windows that parses Adobe After Effects anim ......
前端 web-lottie 效果 动画 lottie

Servlet——加载动态资源

执行流程: 1、浏览器访问 http://localhost:8080/webdemo/myServlet 2、通过浏览器访问的路径找到映射的servlet <?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w ......
Servlet 动态 资源

配置4个路由器实验

一、实验拓扑 二、实验步骤 2.1 配置2个pc的ip地址 2.2 配置几个路由器 #配置第一个路由器接口ip Router>en Router#confi Router# Router# Router#config t Enter configuration commands, one per l ......
路由 路由器

前端已死?后端已亡?弯弯绕绕,几分真几分假

前端已死,我认为更多的是一种焦虑情绪的表达,市场确实不太好,但这并不是针对前端,是整个互联网行业衰败的表现而已,对此持不同意见的怕是只剩培训机构了吧!毕竟唱衰的永远是打工人,唱兴的都是培训班。打心底讲!如果一个前端,工作3年,只会Vue2/React,看不懂框架报错、看不懂请求异常、连给浏览器打断点... ......
前端

前端vue获取后端返回的富文本内容不是标签是转义字符解决方法

新手的我就直接上代码 template部分(UI框架用的vant) <template> <div class="common-bg"> <van-nav-bar title="消息中心" left-arrow :fixed="true" :placeholder="true" @click-lef ......
转义 前端 字符 文本 标签

前端导出表格方法

exportMyReport(){ let userInfo = JSON.parse(this.user) let data = new FormData();//接口参数格式 data.append('userid',userInfo.userId); data.append('roleid', ......
前端 表格 方法

vue3+ts初学之安装路由(router)

一、安装路由 1.安装vue-router vue3需要安装4.0以上版本 vue2最好安装4.0以下版本 安装命令: npm install vue-router@next --save // 安装最新版本router // 如需按版本安装,需将命令行中 next 改成相应的版本。如下: // n ......
路由 router vue3 vue ts

《前端serverless 面向全栈的无服务器架构实战》读书笔记

第1章 什么是severless 什么是NoOps 利用自动化运维代替手工运维模式 什么是severless 开发者无需关注服务器资源配置情况、部署情况、操作系统以及依赖软件等在内等所有细节,这一切都由平台完成,开发者只需要专注于业务实现。 serverless是指在应用的构建环节或应用环节都无需对 ......
前端 serverless 架构 实战 服务器

动态规划(17)、337. 打家劫舍III

题目连接:337. 打家劫舍 III - 力扣(LeetCode) 题目分析: 二叉树的后续遍历,dp[root] 表示 root节点的最大收益 dp[root] = max(dp[root.left] + dp[root.right], root.val + dp[root.left.left] ......
打家劫舍 动态 337 III

算法总结--动态规划

声明(~~叠甲~~):鄙人水平有限,本文为作者的学习总结,仅供参考。 ##1.动态规划介绍 动态规划,英文:Dynamic Programming,简称DP,如果某一问题有很多重叠子问题,使用动态规划是最有效的。其中每一个状态一定是由上一个状态推导出来,这是DP的一个重要标志。 ##2.DP大法的使 ......
算法 动态

前端常见的十种布局

前端布局可以说是每个前端工程师必须掌握的知识,不同的布局能够给用户带来不一样的体验,好的更是能瞬间吸引用户。小白大佬都请进! ......
前端 布局 常见

前端安全问题——暴破登录

暴力破解登录是一种常见的前端安全问题,攻击者尝试使用不同的用户名和密码组合来登录到受害者的账户,直到找到正确的用户名和密码组合为止。攻击者可以使用自动化工具,如字典攻击、暴力攻击等来加快攻击速度。 ......
前端 问题

阿里云OSS前端直传+net core后端签名

OSS前端直传+后端签名 一、服务端签名后前端直传 首先安装阿里云SDK Aliyun.OSS.SDK.NetCore public static string accessKeyId = "你的accessKeyId"; public static string accessKeySecret = ......
前端 core OSS net

Ocelot使用与设置路由Routing

一、安装Ocelot 在程序包管理器控制台输入以下命令安装Ocelot Install-Package Ocelot 二、新建两个项目 我们新建两个.Net Core WebAPI项目如下: 直接就是最初始化的项目,只是我们在ExternalGateway项目中安装Ocelot,并且添加一个ocel ......
路由 Routing Ocelot

在Vue3+TypeScript 前端项目中使用事件总线Mitt

事件总线Mitt使用非常简单,本篇随笔介绍在Vue3+TypeScript 前端项目中使用的一些场景和思路。我们在Vue 的项目中,经常会通过emits 触发事件来通知组件或者页面进行相应的处理,不过我们使用事件总线Mitt来操作一些事件的处理,也是非常方便的。 ......
前端 总线 TypeScript 事件 项目

前端性能精进之浏览器(五)——JavaScript

JavaScript 是一种通过解释执行的高级编程语言,同时也是一门动态、弱类型的直译脚本语言,适合面向对象(基于原型)和函数式的编程风格。 直译语言可以直接在解释器中运行,而与直译语言相对应的编译语言(例如 C++),要先将代码编译为机器码,然后才能运行。 不过直译语言有一个弱点,就是如果有一条不 ......
前端 JavaScript 浏览器 性能

前端设计模式——模板方法模式

模板方法模式(Template Method Pattern):定义一个行为的骨架,而将一些步骤延迟到子类中。模板方法使得子类可以不改变一个行为的结构即可重定义该行为的某些特定步骤。 这些步骤被称为“具体操作”(Concrete Operations),而整个行为的结构和顺序则被称为“模板方法”(T ......
模式 设计模式 前端 模板 方法

前端设计模式——桥接模式

桥接模式(Bridge Pattern)是一种结构型设计模式,用于将一个大类或一系列紧密相关的类拆分为抽象和实现两个独立的层次结构,从而能够更好地组合和扩展这些类。 在前端开发中,桥接模式通常用于处理 UI 组件的复杂性,将组件的抽象与实现分离,使得它们能够独立地变化。通过桥接模式,我们可以让组件的 ......
模式 设计模式 前端

前端设计模式——过滤器模式

前端设计模式中的过滤器模式(Filter Pattern)是一种结构型设计模式,它允许我们使用不同的条件来过滤一组对象,并返回符合条件的对象列表。 在过滤器模式中,我们有一个包含多个对象的列表,需要根据一些条件来筛选出符合条件的对象。通常情况下,可以使用多个过滤器来实现这个功能。每个过滤器都是一个独 ......
模式 设计模式 前端 过滤器

刷爆 LeetCode 周赛 337,位掩码/回溯/同余/分桶/动态规划·打家劫舍/贪心

本文已收录到 AndroidFamily,技术和职场问题,请关注公众号 [彭旭锐] 提问。 大家好,我是小彭。 上周末是 LeetCode 第 337 场周赛,你参加了吗?这场周赛第三题有点放水,如果按照题目的数据量来说最多算 Easy 题,但如果按照动态规划来做可以算 Hard 题。 小彭的技术交 ......
打家劫舍 LeetCode 动态 337 183

在京东如何做好前端系统的可观测性

本文旨在从0到1的讲述一下我们团队在做系统可观测性过程中所沉淀下来的一整套解决方案,收效甚巨,不敢苟藏,当公之于众,共建吾辈光明之未来。 ......
前端 系统

在京东如何做好前端系统的可观测性

本文旨在从0到1的讲述一下我们团队在做系统可观测性过程中所沉淀下来的一整套解决方案,收效甚巨,不敢苟藏,当公之于众,共建吾辈光明之未来。 ......
前端 系统

万字血书Vue—路由

多个路由通过路由器进行管理。 前端路由的概念和原理 (编程中的)路由(router)就是一组key-value对应关系,分为:后端路由和前端路由 后端路由指的是:请求方式、请求地址和function处理函数之间的对应关系 在SPA程序中,所有组件的展示和切换都在这唯一的一个页面内完成,此时,不同组件 ......
血书 路由 Vue

详解uniapp和vue在路由方面的不同和联系

Uniapp 和 Vue 在路由方面有相似之处,因为 Uniapp 是基于 Vue 的。Uniapp 的路由系统是通过 Vue Router 实现的,因此两者有许多相同的概念和 API。 相同点: 都支持基于 URL 的路由; 都可以使用嵌套路由来管理多个页面之间的关系; 都支持路由参数和查询参数的 ......
路由 方面 uniapp vue

简单三步走搞定动态规划难题,记好这三板斧,动态规划就不难

最近实在是被动态规划伤透了脑筋,今天看到这篇文章感觉醍醐灌顶一般的突然就茅塞顿开,记好这三步,动态规划就不难了,这里开篇文章记录一下,我是如何用这个方法来刷剑指offer的动态规划题的;当然每个题都有更好的解决方法,但是我们的思路是先用陈咬金的三板斧解决了问题再来进行优化,下面简述一下思路: 第一步... ......
动态 三板 三板斧 三步走 难题

从0搭建Vue3组件库(六):前端流程化控制工具gulp的使用

前言 随着前端诸如webpack,rollup,vite的发展,gulp感觉似乎好像被取代了。其实并没有,只不过它从台前退居到了幕后。我们仍然可以在很多项目中看到它的身影,比如elementplus、vant等。现在gulp更多的是做流程化的控制。 比如我们要把一个大象放进冰箱里就需要 打开冰箱门- ......
前端 组件 流程 工具 Vue3

前端性能优化——启用文本压缩

前端性能优化——启用文本压缩 一、发现性能问题 1、通过 Google Chrome 打开需要进行性能优化的站点 2、打开 Chrome 开发者工具 Lighthouse 面板: 3、在 Lighthouse 面板中根据自己的需求自定义分析项和分析配置,点击”分析网页加载情况“对页面进行性能等方面的 ......
前端 文本 性能