- 博客(11)
- 收藏
- 关注
RSS订阅原创 基于react webRtc和nestJs实现屏幕多人共享
WebRtc一直是作为实时通信的一个重要手段，无论是语音还是视频用WebRtc来实现效果都很不错，最近用到浏览器的屏幕共享功能发现也是返回的一个视频流，所以就想着尝试实现一下多人共享屏幕。
2024-08-18 22:42:14
308
原创 使用js实现图片色相变换算法
前阵子客户提了个要求，要求根据他自己能够自定义的改变某个图标的颜色，当场把ui弄懵，想着直接弄svg然后改变个颜色就算了，但是不巧，是个很复杂的绘制png图片，不能够简单的使用svg的currentColor改变颜色所以就尝试转出HSI空间后改变色相来改变颜色。
2024-06-02 22:33:32
272
2
原创 基于canvas实现的拖动缩放效果
前段时间要用到一个2D中国地图，本来想着直接用Echarts或者百度地图,高德地图Api就算了，但是。。由于种种原因，最终还是用图片+Canvas的方式先实现，标志，拖动平移，缩放、路径等特效这里主要还是先实现这个的拖动效果。
2024-05-07 22:06:27
356
原创 echarts折线图大数据量一次性展示卡顿的解决方案
echarts现在已经逐渐成为各类数据展示或者大屏开发的一个重要工具，你可能没有用过但是绝对考虑过最近在项目开发时遇到了一个问题，Echarts折线图展示近两天的秒级数据的时候会很卡，甚至页面有些时候每秒只有10帧，这是理所当然毕竟在图里画了接近20w的点，（每天86400*2天）那么要怎么处理呢，可以分为两个方法，第一个对echart图处理，第一个对数据进行处理。
2023-06-16 16:31:36
8949
原创 使用css实现字幕滚动效果
使用css实现字幕滚动效果最近业务需要，让电子屏上面的横幅能够自动的滚动，但是用js加requireanimation实现的话感觉有点浪费，转念想到了用css 的animation似乎也能够实现大致的效果。首先是动画的定义和样式的定义然后使用vue来做个模板完整代码<template> <div class="card_detail_box"> <div class="card_detail_box_container"> <slo
2022-03-24 16:36:41
5325
原创 2021-08-22 java.lang.ClassNotFoundException: com.fasterxml.jackson.databind.ObjectMapper
idea搭建SSM时候出现的小错误java.lang.ClassNotFoundException: com.fasterxml.jackson.databind.ObjectMapper1.明显可以看出是缺少包的原因，先在pom里加入依赖// <dependency> <groupId>com.fasterxml.jackson.core</groupId> <artifactId>jackson-d
2021-08-22 20:45:45
534
原创 前端学习----vue及其.vue文件的一些知识点及使用递归组件完成树形结构
前端学习----使用vue递归组件完成树形结构1.初步认知1.1MVVM和MVC1.2VUE的一些知识点递归组件展开效果1.初步认知近期整理以前杂乱的代码，发现有些还有点乱，就开始梳理并尝试用Vue来代替以前纯js和css制作导航栏之类树形结构，顺便梳理一下Vue的知识1.1MVVM和MVC首先讲一下相关的两个模式，一是MVVM相信很多旁友都有听过，简言之就是M（Model 模型层）可以理解为一堆数据，V（view视图层）也就是我们直观即毫无关键数据的界面，VM（ViewModel 逻辑层）即解
2020-06-04 00:11:51
409
原创 前端学习--使用canvas实现圆饼图
canvas实现圆饼图前言作法canvas圆饼制作前言最近，跟人讨论怎么在前端页面画圆饼图，想来想去，这难度不高，毕竟网上挺多的，像用伪元素伪装然后旋转出来部分等等，今天就来试试用canvas来话，试着弄了一下，效果图作法首先是有这么一组模拟数据，我根据数据来弄成一个饼图var can = [{ id: 'can-file-other', color: 'red', }, { id: 'can-file-img', color: 'blue',
2020-05-31 11:19:18
1662
原创 CSS3学习-实现正方体旋转
1.用CSS构造正方体简介1.用CSS构造正方体什么是正方体？这应该，没人不知道，它的结构分解如下所以很明确，我们需要用到6个div来构造，外加一个外型，共七个，1为正面先简单定义 <div class="cube"> <div>1</div> <div>2</div> <div>3</div> <div>4</div&
2020-05-25 16:49:24
883
原创 CSS3新特性之一学习笔记-----animation及其实现的翻页效果
CSS3新特性之一-----animation及其实现的翻页效果animation的初步认识频繁的使用setTimeout和setInterval来之后，在设置动画效果的时候，竟然一时半会忘了css3存在的这个属性，废话不多说，进入正文复习一下1.属性介绍平常我们也经常使用css来实现一下简单的动画，比如按钮，文本框等悬停或者点击时出现阴影，animation也能型似的设置动画，甚至提供了更多的选择，他有如下属性：名简介animatin-name绑定到选择器的关键帧的名称，
2020-05-24 11:11:01
2031
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人