Java
vue+html2canvas生成寄几想要的海报
需求: 点击弹出一个弹窗,其中是某个作品内容的海报,需要呈现作品的内容+二维码 思路: 获取作品内容渲染到弹窗中,生成包含分享链接的二维码,将整个界面转为图片,用户可以长按保存,并扫描识别。 方案及步骤: 1.引入html2canvas实现生成图片的功能 npm install --save html2canvas 2.引入vue-qrcode实现生成二维
echarts柱状图不同颜色设置
可以通过设置每人柱子的颜色来实现echarts在状图每人柱颜色不一样的效果。具体方法是在series中设置itemtyle属性,然后在itemStvle中设置color属性,将每个柱子的颜色设置为不同的值即可。 series: [{ type: 'bar' data: [10,20]. itemStyle: ( color: function(params) {
1494. 并行课程 II
给你一个整数 n 表示某所大学里课程的数目,编号为 1 到 n ,数组 relations 中, relations[i] = [xi, yi] 表示一个先修课的关系,也就是课程 xi 必须在课程 yi 之前上。同时你还有一个整数 k 。
前端vue单个文件上传支持图片,压缩包以及文件 , 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13066
前端vue单个文件上传支持图片,压缩包以及文件 , 下载完整代码请访问uni-app插件市场址:https://ext.dcloud.net.cn/plugin?id=13066 效果图如下: 使用方法 HTML代码部分 JS代码 (引入组件 填充数据) CSS
javascript,js,node.js,vue.js等之间的区别
javascrip简称为js,是一门语言。 node.js是一个平台,也是javascript运行时环境。 vue.js是前端javascript框架。 Node.js 是一个 JavaScript 运行时,可以在服务器端运行 JavaScript 代码。 Vue.js 是一个前端 JavaScript 框架,主要用于构建用户界面。它可以用于构建单页面应用程序(SPA)或与后端框架(如 Node.
web worker进程和线程的区别,Chrome 中有哪些常⻅进程,如果我有⼀个耗时很⻓的同步计算任务,如何让 JS 代码达到多线程并发执⾏的效果
进程(Process)和线程(Thread)都是操作系统中用于多任务处理的概念。简单地说,一个进程就是一个程序的执行空间,而一个线程则是在执行空间内独立运行的执行路径。 区别: 进程是系统分配资源的最小单位,线程是操作系统调度的最小单位。 各个进程之间是独立的,各个线程之间共享一些资源。 创建或销毁进程时,会涉及到比较多的系统资源,开销比较大,而线程的创建和销毁的开销相对较小。 进程与进程之间会
99 new 比较的是地址;直接赋值 比较的是字符串内容;
原因是new 是开辟了一个新的空间 package com.fqs.demo001; public class Compare { public static void main(String[] args) { String s1=("a,b,c"); String s2=("a,b,c"); //a,b,c
Presto-JDBC使用
一、简介 PrestoConnection并不能提供一个持久的Socket连接,而是创建一个OkHttpClient与Presto按照HTTP1.1协议进行通信,并且PrestoConnection仅保存一些基本信息(catalog、schema等) 二、使用方式 1、建立连接 和传统的JDBC方式类似,建立PrestoConnection”连接“,并且通过unwrap方法将connection转
Docsify on VPS,搭建最简个人博客
前一段VPS到期了,续费重启之后发现我的Ghost博客系统起不来了,想升级到最新5.0,一看还需要配套升级Nodejs和MySQL。 我是一个特别怕麻烦的人,想着干脆看看有没有新的方案,更轻量级的,让知识记录和分享更没有负担的方案。网上搜了一圈,感觉拿Docsify做个博客网站不错,静态页面,没有数据库依赖,可以最小化维护成本。 Docsify自己定位是一个文档网站系统,不过,用来做一个简单的博客
对象存储?CRUD Boy实现对文件的增删改查
大家好!我是sum墨,一个一线的底层码农,平时喜欢研究和思考一些技术相关的问题并整理成文,限于本人水平,如果文章和代码有表述不当之处,还请不吝赐教。 以下是正文! 对象存储是什么? 对象存储是一种数据存储方式,它将数据分割成不同的对象,并为每个对象分配一个唯一的标识符,用于访问和操作数据。这些对象被存储在多个服务器上,以确保数据的可靠性和可用性。对象存储适合存储大量数据,具有可扩展性、低成本和高
Docker openjdk-alpine 无法使用字体控件(fontconfig)的坑
问题分析 因为Java服务现在都是用openjdk:8-jdk-alpine为基础镜像进行构建的,再通过看具体错误和经过一些google,可以确定两个问题: 1.openjdk不包括sum.awt的字体控件 2.alpine linux的基础镜像也未安装有fontconfig和ttf-dejavu字体。 解决 将openjdk:8-jdk-alpine更换成oraclejdk或者使用openjd
前端新手学习入门路径推荐
背景目的 方便新手学习前端技术,整理了一些资源和教程帮助大家更好的入门。 基础知识了解一遍有个印象即可,不懂暂时不必深究,在后续实践中会融会贯通。 大家重点关注 “训战结合” 的部分,动手练习并解决问题进步最有效。 Vue 学习顺序 https://zhuanlan.zhihu.com/p/23134551 起步 1. 扎实的 JavaScript / HTML / CSS 基本功
如何将扁平的数组处理成树形结构
突然觉得好像挺常用的,记下来方便以后抄。 初始数组: 最终结构: [ { "id": "1", "pid": "", "second": [ { "id": "2", "pid": "1",
vue中使用mqtt实现实时通信
简介 MQTT(Message Queuing Telemetry Transport,消息队列遥测传输协议),是一种基于发布/订阅(publish/subscribe)模式的"轻量级"通讯协议,是 TCP/IP 的再封装,由 IBM 在 1999 年发布。MQTT 最大优点在于,地开销,少流量实现网络通信 协议 mqtt 协议中分为客户端和服务端。服务端一般由消息 broker 实现,MQTT
如何有效管理爬虫流量?
本文分享自天翼云开发者社区《如何有效管理爬虫流量?》,作者:刘****海 据国际知名金融广告服务平台提供商Dianomi的报告《2018 Robot traffic report》的数据,在互联网上人类流量仅仅占了48.2%,也就是说,一个页面的10000个点击里面,大约5100个来自机器人。在航旅票务等行业,热门数据接口中甚至有超过95% 的流量是来自爬虫。如何有效管理爬虫流量,是
如何将树形结构的数组处理成扁平数组
一个简单的递归,记下来方便以后直接抄。 // 树形数组扁平化 const extractTree = (data: TagsParams[]) => { if (!data.length) return []; const list: TagsParams[] = []; const getObj = (arr: TagsParams[]) =
ginx开启Gzip压缩
一、为什么要开启Gzip压缩启用Gzip压缩功能, 可以使网站的css、js 、xml、html 等静态资源在传输时进行压缩,经过Gzip压缩后资源可以变为原来的30%甚至更小,尽管这样会消耗一定的cpu资源,但是会节约大量的出口带宽来提高访问速度 Gzip 的压缩页面需要浏览器和服务器双方都支持,实际上就是服务器端压缩,传到浏览器后解压并解析。浏览器那里不需要我们担心,因为目前的大多数浏览器都支
IIS 开启Gzip压缩功能
文章目录 IIS 开启Gzip压缩功能 1、配置windows功能 2、IIS配置 3、配置压缩首选项 4、重启IIS IIS 开启Gzip压缩功能 1、配置windows功能 勾选 动态内容压缩,静态内容压缩 如下图 2、IIS配置 进入IIS面板->选择压缩->勾选 动态内容压缩,静态内容压缩 如下图 3、配置压
IIS7配置Gzip压缩
IIS7配置Gzip压缩 项目 2021/10/20 反馈 本文来自Kevin Yang博客 作者:Kevin Yang 开启配置HTTP压缩(GZip) 在IIS7中配置Gzip压缩相比IIS6来说实在容易了许多,而且默认情况下就是启用GZip压缩的。如果没有,则可以再功能视图下找到“压缩”项,进入之后就会看到“静态内容压缩”和“动态内容压缩”两个选项,勾上即可。
Java Agent
前言 当我们使用java命令执行一个java程序时,可以添加一个参数 -javaagent,如下图: 概念 Java Agent 直译为 Java 代理,也常常被称为 Java 探针技术。 Java Agent 是在 JDK1.5 引入的一种可以动态修改 Java 字节码的技术。Java 中的类编译后形成字节码被 JVM 执行。Java Agent在 JVM 在执行这些字节码之前获取这些字节码
淘宝/天猫api接口数据采集获取sku详细信息源代码
淘宝SKU详情接口是指,获取指定商品的SKU(Stock Keeping Unit,即库存量单位)的详细信息。SKU是指提供不同的商品参数组合的一个机制,通过不同的SKU来标识商品的不同组合形式,如颜色、尺寸等。SKU详情接口可以帮助开发者获取指定商品的SKU列表,以及每个SKU的属性、库存和价格等详细信息,方便开发者进行商业应用的开发。 具体来说,淘宝SKU详情接
vue+vant实现浮动导航栏点击定位到模块,且选中效果随滚动切换
1.主页面中导入浮动导航栏(使用vant的粘性布局sticky组件,使首屏下方的导航栏随页面滚动浮动在想要的位置): <template> <div class="app-container"> <!-- 浮动导航 --> <van-sticky style=" z-index: 1; po
dubbo的简介及使用
Dubbo是一款高性能、轻量级的开源Java RPC框架,它提供了三大核心能力:面向接口的远程方法调用,智能容错和负载均衡,以及服务自动注册和发现。 参考: https://baike.baidu.com/item/Dubbo/18907815?fr=aladdin
uniapp Android 离线打包
参考文档:https://nativesupport.dcloud.net.cn/AppDocs/usesdk/android.html# 1. 按要求下载安装 Android Studio,下载 sdk 2. sdk解压,Android Studio导入HBuilder-Integrate-AS工程,直接运行simpleDemo项目即可
springboot-Quartz定时任务并持久化
新建项目,添加依赖 新建一个springboot项目,勾选下springboot,以及quartz依赖 或者我们可以直接在pom.xml文件中直接添加依赖 添加完成依赖运行下项目我们就可以看到quartz已经加载进来了 此时我们还没有进行持久化到数据库,所以看到的任务调度是放在内存中的 创建具体执行类接下来新建一个工作类QuartzSchedulerJob.
接口限流-使用Redis实现接口限流
代码案列 配置Redis @Slf4j @Configuration @EnableCaching // 开启缓存支持 public class RedisConfiguration extends CachingConfigurerSupport { /** * RedisTemplate配置 */ @Bean public Redis