![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端学习
文章平均质量分 69
MElon66
执着的勇气
展开
-
使用js实现图片色相变换算法
前阵子客户提了个要求,要求根据他自己能够自定义的改变某个图标的颜色,当场把ui弄懵,想着直接弄svg然后改变个颜色就算了,但是不巧,是个很复杂的绘制png图片,不能够简单的使用svg的currentColor改变颜色所以就尝试转出HSI空间后改变色相来改变颜色。原创 2024-06-02 22:33:32 · 196 阅读 · 2 评论 -
echarts折线图大数据量一次性展示卡顿的解决方案
echarts现在已经逐渐成为各类数据展示或者大屏开发的一个重要工具,你可能没有用过但是绝对考虑过最近在项目开发时遇到了一个问题,Echarts折线图展示近两天的秒级数据的时候会很卡,甚至页面有些时候每秒只有10帧,这是理所当然毕竟在图里画了接近20w的点,(每天86400*2天)那么要怎么处理呢,可以分为两个方法,第一个对echart图处理,第一个对数据进行处理。原创 2023-06-16 16:31:36 · 8338 阅读 · 0 评论 -
使用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 · 5260 阅读 · 0 评论 -
前端学习----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 · 294 阅读 · 0 评论 -
前端学习--使用canvas实现圆饼图
canvas实现圆饼图前言作法canvas圆饼制作前言最近,跟人讨论怎么在前端页面画圆饼图,想来想去,这难度不高,毕竟网上挺多的,像用伪元素伪装然后旋转出来部分等等,今天就来试试用canvas来话,试着弄了一下,效果图作法首先是有这么一组模拟数据,我根据数据来弄成一个饼图var can = [{ id: 'can-file-other', color: 'red', }, { id: 'can-file-img', color: 'blue',原创 2020-05-31 11:19:18 · 1619 阅读 · 0 评论 -
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 · 779 阅读 · 0 评论 -
CSS3新特性之一学习笔记-----animation及其实现的翻页效果
CSS3新特性之一-----animation及其实现的翻页效果animation的初步认识频繁的使用setTimeout和setInterval来之后,在设置动画效果的时候,竟然一时半会忘了css3存在的这个属性,废话不多说,进入正文复习一下1.属性介绍平常我们也经常使用css来实现一下简单的动画,比如按钮,文本框等悬停或者点击时出现阴影,animation也能型似的设置动画,甚至提供了更多的选择,他有如下属性:名简介animatin-name绑定到选择器的关键帧的名称,原创 2020-05-24 11:11:01 · 1921 阅读 · 0 评论