1、loading动态图标网站:https://css-loaders.com/2、引导页的实现:https://driverjs.com/
原创
2024-05-22 11:11:20
74阅读
组件设计:无配置文件
组件自己不要带任何配置文件,组件所依赖的各种库也不带任何配置文件。 这个原则极为重要!!! 如果一个组件,自己定义了配置文件,无论是XML
,Properties
,还是其他的文件类型,内部的格式都是组件设计者自己定义的。我们假设一个中等的项目,会使用10
个组件,那么就会有10
个配置文件,这些配置文件的格式各不相同。那么我们的软件安装手册、维护手册就要仔
转载
2023-07-20 10:19:03
41阅读
Vue 炫酷 Echarts 图表 网址:https://www.makeapie.com/explore.html#sort=ranktimeframe=allauthor=all 上面的网址已经停服了,有几个网址更新一下子 https://www.makeapie.cn/ https://www
原创
2022-06-23 13:49:16
10000+阅读
事件起因这周接到一个任务是修改公司官网首页,之前的不太美观,要改的好看一点,不就是修改一个页面嘛,能复杂到哪里去,但是当我去蓝湖上查看UI的设计图时,瞬间愣住,这是修改?和之前的完全不一样啊,这是重构吧!果断评估了一下,至少得给我两三天的时间才能搞定,跟组长商量也同意了,那就开搞,首先就是顶部的轮播图,这个项目是vue的,UI框架用的是elemen-ui,所以我第一反应是用element-ui的跑
DataV介绍:组件库基于Vue 开发,主要用于构建大屏,数据展示页面即数据可视化边框:带有不同边框的容器装饰:增加视觉效果图表:图表组件基于Charts封装,轻量,易用其他:飞线图/水位图/轮播表等1.入门开始1.创建Vue项目1.安装Vue/Cli查看更多npm i -g @vue/cli2.使用命令,创建Vue项目vue create datav-demo创建成功3.打开
原创
2022-05-02 13:32:20
2406阅读
1.evanyou 效果-彩带的实现,效果如下注:这个主要用的是 Canvas 画布实现的,点击背景绘制新的图形,代码如下: /*Html代码:*/
<canvas id="evanyou" width="1920" height="934"></canvas>
/*CSS代码:*/
<style type="text/css">
#ev
转载
2024-01-26 09:05:21
204阅读
前言很多时候,我们的页面需要网络请求完毕再根据数据加载 UI,而在此过程中,用户等待时,一般会有一个加载中的提示。本文结合自定义 View/ViewGroup 以及属性动画相关知识,讲述较为炫酷的动画效果的 LoadingView,并在细节上优化了代码。1.LoadingView 效果分析1.1 最终实现的效果图如下1.2 效果分析LoadingView 有三个不同形状的 View 进行下落回弹并
转载
2023-07-24 13:55:04
334阅读
工作之余基于vue3+typescript写的一款轻量黑白炫酷组件库,感兴趣的大佬可以看看,提提建议或者意见哈
原创
2021-11-27 03:49:25
520阅读
一、IDE 集成开发环境(选择其中一个即可)WebStorm WebStorm 是JetBrains公司旗下一款JavaScript 开发工具。已经被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。官方下载地址(点击进入)Visual St
本节内容1.第三方库实现虚化2.添加输入框和按钮3.按钮状态4.键盘隐藏5.监听焦点改变的事件6.手臂旋转动画7.手掌和手臂动画Demo简介1.做一个炫酷登录的界面。当我们输入密码的时候,猫头鹰会捂住眼睛。点击其他地方后,它的手臂又会张开。登录按钮只有当用户名和密码都输入了之后,才会变成蓝色,否则就是灰色。一、第三方库实现虚化1.首先在gradle中添加一个依赖库,然后同步一下。implement
转载
2023-10-13 22:45:44
202阅读
Python凭借其简洁的代码,赢得了许多开发者的喜爱。因此也就促使了更多开发者用Python开发新的模块,从而形成良性循环,Python可以凭借更加简短的代码实现许多有趣的操作。下面我们来看看,我们用不超过10行代码能实现些什么有趣的功能。一、生成二维码二维码又称二维条码,常见的二维码为QR Code,QR全称Quick Response,是一个近几年来移动设备上超流行的一种编码方式,而生成一个二
转载
2023-06-09 00:39:59
398阅读
首先主要介绍几种常见的产品引导介绍方式。GuideView GuideView是一个遮罩式的导航页,能够快速为任何一个View创建一个遮罩层,支持单个页面,多个引导提示,支持为高亮区域设置不同的图形,支持引导动画,方便扩展。 项目地址:https://github.com/binIoter/GuideView 效果图: ShowcaseView 一个通过局部高亮达到突出重点,实现引导效果的控件。
matplotlib简介Matplotlib是一个Python工具箱,用于科学计算的数据可视化。借助它,Python可以绘制如Matlab和Octave多种多样的数据图形。通过Matplotlib中简单的接口可以快速的绘制2D图表。初识matplotlibmatplotlib可以做折线图、多折线图、柱状图、图例等。更多功能请看文档http://old.sebug.net/paper/books/s
原创
2021-01-04 17:38:46
791阅读
web前端系列课开讲啦,接下来将用三篇文章来讲解:1、上篇--讲解web前端基础语言知识2、中篇--讲解app和h5相关(后续更新)3、下篇--讲解前端和后台的架构(后续更新)一个web网页一般是由html、css、javascript、ajax四门技术实现出来的。html构成了网页的结构,css描述网页的样式,javascript完成事件逻辑比如点击、悬浮事件,ajax完成了前端和后台的通信。
源起公司项目用到一个进度条动画,需要自己绘制从0加载到100的情况,而且效果需要很酷炫。最后是采用了lottie动画+一部分自定义View来实现,拆分了出来。过后,觉得其实自己实现这样的一个效果也不难,便开始了以下的尝试。先看下效果分析1.分析下:最外层是一个由小圆点顺时针旋转的圆、第二层是直接一个圆、第三层有两层:内层是由矩形逆时针旋转的圆,外层是一个圆环、最后是文字展示。2.实现思路是这样:分
转载
2023-06-27 13:42:22
551阅读
PPT动画应用的好,可以做出电影级动态特效,islide将通过分享粒子动画制作教程,教会大家打造炫酷的PPT开场动画。 islidePPT素材 下面直接进入制作教程:第一步:插入一张星空背景图并调整图片大小,使其充满整个幻灯片页面;第二步:选中该图片,点击【动画】工具栏,找到并点击【放大/缩小】动画;第三步:在动画工具栏右侧,将动画参数设置为开始【与上一动画同时】,持续时间为15秒;第四步:点
转载
2023-09-05 10:25:45
253阅读
一、鼠标滑入文字逐个渐入效果图: 鼠标滑入文字逐个渐入
鼠标滑入按钮时,按钮中原本的文字从下方滑走,同时在原位置上,按钮文字单个挨个浮现。(原本文字和后面单个浮现的文本内容可不一致,可根据需要进行调整)。实现思路:用div模拟button按钮,并将按钮文本单个单个的放在其子元素span中,用于后面的单个显示。而鼠标没有触发时的静止状态文本则由div按钮的伪类::before来承担。在静态
转载
2024-04-19 14:44:34
203阅读
Linux作为一个开源操作系统,一直以来都备受人们的喜爱和赞誉。而在Linux系统中,红帽Linux更是备受关注,被誉为“炫酷的Linux”。
红帽Linux是由红帽公司开发的一种基于Linux内核的操作系统。它以其强大的稳定性、安全性和高度定制化而著称。与其他Linux发行版相比,红帽Linux拥有更好的技术支持和更新保障,因此被广泛应用于企业级服务器和大型数据中心。
红帽Linux的“炫酷
原创
2024-03-07 12:21:13
96阅读
今天分享一下,怎么通过用css写出一个酷炫的loading。 meta: html: css:
原创
2022-05-12 17:35:52
533阅读
对于可视化地图,Pyecharts是我以前用的最多的。还有应该就是一些网站了,现成的工具,不需要敲代码。 而对于Matplotlib,目前我还没有使用它绘制过地图。所以在查阅相关资料的时候,又发现了大佬造的轮子。Python+Selenium+Matplotlib,实现中国地图可视化。地图数据来源于民政部,真实可靠。项目地址:https://gitee.com/jixuanfan/Ma
转载
2023-06-19 21:15:05
333阅读