前端single-spa框架single
设计模式(二十九)----综合应用-自定义Spring框架-Spring IOC相关接口分析
1 BeanFactory解析 Spring中Bean的创建是典型的工厂模式，这一系列的Bean工厂，即IoC容器，为开发者管理对象之间的依赖关系提供了很多便利和基础服务，在Spring中有许多IoC容器的实现供用户选择，其相互关系如下图所示。 其中，BeanFactory作为最顶层的一个接口，定义 ......
前端用crypto-js来进行加密，php使用openssl_encrypt来进行解密
项目有个需求，需要对前端提交的密码进行加密传输，防止请求被拦截导致密码的泄露。 1、考虑到性能问题，不好太过的占用浏览器资源，我就直接采用了对称加密的方式（aes）来进行处理； 2、首先来看看前端加密的情况，我采用的是crypto-js来进行加密的，附上链接https://cdnjs.cloudfl ......
python不借助第三方异步框架如何做异步、定时、延时任务？
问题 python不借助第三方异步框架如何做异步、定时、延时任务？ 回答 在Python中，可以使用标准库中的asyncio模块来实现异步任务、定时任务和延时任务。 异步任务： 使用asyncio模块中的async关键字定义协程函数，使用await关键字调用异步函数，同时使用asyncio.run( ......
推荐一个前后端分离.NetCore+Angular快速开发框架
今天给大家推荐一个开源项目，基于.NetCore开发的、前后端分离、前端有Vue、Angular、MVC多个版本的快速开发框架。 项目简介 这是一个基于.NetCore开发的快速开发框架，项目采用模块化架构、最新的技术栈、项目高度封装了依赖注入、日志（Log4net、Nlog）、缓存（Redis）、 ......
接口自动化测试框架-关于接口关联的封装+统一请求封装
一. 关于接口关联的封装 策略： 去掉全局变量，用ymal文件代替保存 ps：如果使用全局变量的话，就会出现在需要使用这个这个变量的地方就得去import类文件，相互引用的话python无法支持得。所以，把产生数据的地方直接存放数据在ymal文件中，在需要使用数据的地方读取ymal就可以了！ 需要了 ......
系统化学习前端之JavaScript（BOM）
前言 DOM 提供了 JavaScript 操作页面的 API，BOM 提供了 JavaScript 操作浏览器的 API。 BOM BOM 浏览器对象模型，BOM 的核心只有一个 window 对象。window 对象在 JavaScript 执行时作为其全局作用域使用，同时也保存着浏览器各种信息 ......
百度2020校招Web前端工程师笔试卷（第三批）（大题21~23）
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> body, ul, li,select { margin: 0; padding: 0; box-sizing: border-box; } ul,li {list-style: ......
前端-工厂模式
工厂模式大体分为三类： 简单工厂模式、 工厂方法模式、抽象工厂模式。三者之间的关系，也是渐进式的，抽象化的范围也是越来越高。 **简单工厂模式：**根据不同条件去生成不同对象（当数据量多时，简单工厂模式显而易见的的不适用） **工厂方法模式：**归类对象，对同一类型的对象进行归整（作用与同一类产品） ......
netty网络框架三
一、scheduledTaskQueue 在 Netty 中，定时任务使用 ScheduledFuture 和 ScheduledExecutorService 接口进行操作，其中 ScheduledExecutorService 负责管理定时任务队列。 在 ScheduledExecutorSer ......
前端 input 手机上传图片的坑-安卓手机微信环境input标签如何实现多照片上传
转:前端 input 手机上传图片的坑 input[type=file]标签 本地文件、拍照、录像 上传的兼容性问题 问题描述： 微信内置浏览器打开公司网页，去实现多张片上传，ios是没有问题，但是安卓，只能上传一张； <input type="file" accept="image/*" mult ......
智能电网中多时段多公司需求响应管理的博弈理论框架
智能电网中多时段多公司需求响应管理的博弈理论框架 利用博弈论建立了一个考虑公司和消费者之间相互作用的多时期多公司需求响应框架。 在Stackelberg博弈中建立了相互作用的模型，公司设定价格，而消费者选择他们的需求作为回应。 证明了潜在博弈具有一个独特的均衡，公司的收益最大化而消费者的效用最大化受 ......
若依框架-侧边栏、导航栏、面包屑样式修改
修改【若依框架】的侧边栏、导航栏、面包屑样式、修改全局页面样式 说明：只运行前端项目，只需要要下载官方项目http://www.ruoyi.vip/ 修改vue.config.js文件中的target: `http://localhost:8080`为： target: `http://vue.ru ......
springboot 整合各种框架
springboot 整合各种框架 整合web框架 controller 导入依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </ ......
前端下载文件时无法获取到header['Content-Disposition']
我们在做文件下载的功能时，往往需要后端将文件名称返回给前端，前端获取文件名称并从浏览器上下载文件。 一般情况下，后台会将文件名称加在请求的响应头的Content-Disposition中，前端只需要去获取该字段即可。 但是由于浏览器的限制，前端只能在network中看到Content-Disposi ......
前端vscode常用插件
运行html文件(open in browser) 运行快捷键： Alt+B px转rem(px2rem) 将括号变色，便于观察(Bracket Pair Colorizer) 改变对齐线颜色(Guides) ......
前端常见的十种布局
作为一个开发小白，也是第一次编写博客文章，若有错误请各位大牛大佬指正，轻喷！！！ 我在学校接触最多的就是前端，然后最近在学习新的前端知识，发现前端布局常见的有很多种，不同的应用场景有不同的布局方式，下面就来简单介绍一下吧。 静态布局 浮动布局 定位布局 栅格布局 table布局 弹性（flex）布局 ......
解决 前端 设置滚动条的宽度后 滚动条消失的问题（解决ie浏览器样式无效的问题）
.op { flex: 1; width: 90%; flex-direction: column; overflow: auto; height: 90%; padding-right: 5px; } .op::-webkit-scrollbar{ width: 5px; } .op::-webk ......
前端小程序生成二维码及分享功能
一、需求描述 小程序个人中心生成二维码，用户点击生成二维码功能即可生成二维码，生成的二维码可分享。用户通过扫码或者分享的链接可进入到小程序首页某个产品的详情页 js文件 data: { shareInfo:{}, productUuid:'' }, onLoad: function (options ......
前端设计模式——访问者模式
访问者模式（Visitor Pattern）是一种行为型设计模式，用于将操作与其所操作的对象分离开来。该模式的核心思想是将操作封装在一个访问者对象中，而不是分散在各个对象中。通过将操作与对象分离开来，访问者模式可以在不修改对象结构的情况下，添加新的操作。 在前端开发中，访问者模式通常用于处理DOM树 ......
前端传递Base64字符串，后端转流存入OSS
工具类 public static BufferedInputStream base64Convert(String base64) { // 解码 base64 = base64.split(",")[1]; try { byte[] buffer = Base64.getMimeDecoder( ......
前端性能精进（六）——网络
网络也是前端性能优化的重要一环，网页上的资源都要经过网络来传输。 优化网络性能除了缓存和压缩之外，还有就是协议和 CDN。 HTTP 协议已经历了多个版本，每个版本的出现其实就是为了解决已知的性能问题。 目前市面上，有许多成熟的商业 CDN 服务，采用这些服务的网页，在性能提升上也很可观。 一、缓存 ......
分布式任务调度框架之Elastic-Job
1、前言 1.1、什么是任务调度? 我们可以先思考一下下面业务场景的解决方案： 某电商系统需要在每天上午 10点，下午3点，晚上8点发放一批优惠券。 某银行系统需要在信用卡到期还款日的前三天进行短信提醒。 某财务系统需要在每天凌晨 0:10结算前一天的财务数据，统计汇总。 12306 会根据车次的不 ......
Single-spa 源码浅析
引言 前一段时间, 正好在做微前端的接入和微前端管理平台的相关事项。 而我们当前使用的微前端框架则是 qiankun, 他是这样介绍自己的: qiankun 是一个基于 single-spa 的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。 所以本文基于 single-s ......
7款前端性能分析工具，全都是神器
7款前端性能分析工具，全都是神器 测试开发技术 关注 7 人赞同了该文章 我们在使用网站过程中，经常会遇到慢的问题，为了找到原因，一般需要借助工具进行检测，通过工具，可以检测出前端站点加载资源的相关详细情况。今天，就给大家介绍几款前端性能测试分析工具，结合性能测试工具，实现通过量化的方式测试网站中 ......
前端设计模式——路由模式
路由模式（Router Pattern）：将页面的不同状态映射到不同的URL路径上，使得用户可以直接通过URL来访问页面的不同状态。 路由模式通常用于实现单页面应用（SPA）的页面导航和状态管理。具体来说，路由模式通过解析URL路径来确定应该显示哪个页面，并使用历史记录API来管理页面状态。 一般来 ......
百度2020校招Web前端工程师笔试卷（第二批）（20~23）
21. <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> .checkgroup .item{ height: 42px; line-height: 42px; padding: 0 10px; margin: 10px 0; ......
使用Netty框架完成客户端和服务端收发Protobuf消息
前言 本周继续学习尼恩编著的《Netty、Redis、ZooKeeper高并发实战》，一些资源也贴在这里，自己以后想看还可以找到，这个是在博客园的一个入口https://www.cnblogs.com/crazymakercircle/p/9904544.html。 这周主要学习了Netty客户端和 ......
前端设计模式——计算属性模式
计算属性模式（Computed Property Pattern）：在JavaScript中，可以使用Object.defineProperty()方法来实现计算属性模式，通过get和set方法来计算属性值。 计算属性模式用于将对象的某些属性值与其他属性值相关联。该模式常用于Vue.js等框架中。 ......
什么是前端开发领域中的 time to first byte 指标
在前端开发领域中，time to first byte（TTFB）指标是指浏览器发出请求后，服务器第一次返回数据所花费的时间，即从请求发送到收到第一个字节的时间。这个时间包括了浏览器发出请求到服务器接收到请求、处理请求并返回响应的时间。 TTFB 是一个重要的性能指标，因为它直接影响到用户的体验。较 ......
前端获取视频缩略图方式
代码示例： /** * 获取缩略图 * @param url 视频地址 * @param currentTime 缩略图取第几秒的图片 * @param width 截取的图片宽 * @param height 截取的图片高 * @returns {Promise<unknown>} */ expo ......