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
f5
d3
3g
原创 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 进行下落回弹并
工作之余基于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.实现思路是这样:分
PPT动画应用好,可以做出电影级动态特效,islide将通过分享粒子动画制作教程,教会大家打造PPT开场动画。 islidePPT素材   下面直接进入制作教程:第一步:插入一张星空背景图并调整图片大小,使其充满整个幻灯片页面;第二步:选中该图片,点击【动画】工具栏,找到并点击【放大/缩小】动画;第三步:在动画工具栏右侧,将动画参数设置为开始【与上一动画同时】,持续时间为15秒;第四步:点
转载 2023-09-05 10:25:45
253阅读
一、鼠标滑入文字逐个渐入效果图: 鼠标滑入文字逐个渐入 鼠标滑入按钮时,按钮中原本文字从下方滑走,同时在原位置上,按钮文字单个挨个浮现。(原本文字和后面单个浮现文本内容可不一致,可根据需要进行调整)。实现思路:用div模拟button按钮,并将按钮文本单个单个放在其子元素span中,用于后面的单个显示。而鼠标没有触发时静止状态文本则由div按钮伪类::before来承担。在静态
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
  • 1
  • 2
  • 3
  • 4
  • 5