前端
关注
分享
扫一扫
总结和展示各种前端技术
IT瓜哥-杨得朝
多年JavaWeb开发，K8S,大数据开发10+年经验，具有多个大型项目实战经验。擅长分布式系统，微服务系统架构与设计，尤其对海量日志收集和存储非常熟悉，熟悉大数据云计算相关技术，参与过docker,mesos,marathon，elasticsearch、rbbitMq,springCloud,hadoop,spark,hibv,hase等相关技术系统开发和架构设计，此外对分布式对象存储ceph等相关数据有所涉猎。
展开
-
javascprit模块化整理笔记
前言 各位好，js模块是一个项目人员对代码进行规范和优化非常重要的一点，在可视化平台开发中，由于很多组件需要自定义开发，在整个代码编程过程中发现将代码进行模块化管理是很重要的事情，否则越到后面代码越来越难以维护，代码逻辑也比较凌乱，所以今天通过学习和整理对js模块化进行了相关的整理。 模块化的理解 一、什么是模块? * 将一个复杂的程序依据一定的规则(规范)封装成几个块(文件), 并进行组合在一起 * 块的内部数据/实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信 二、一个模..原创 2020-12-19 19:15:12 · 327 阅读 · 1 评论 -
javascript中offsetWidth,clientWidth,width的区别
说明 在做可视化平台过程中，由于要各种echarts组件要通过拖拽实现在画布中的布局和大小的缩放，所以用到了js中获取各种宽高相关的内容。通过整理网上内容和自己试验，最终整理以下。 //offsetWidth //返回元素的宽度（包括元素宽度、内边距和边框，不包括外边距） //offsetHeight //返回元素的高度（包括元素高度、内边距和边框，不包括外边距） //clientWidth //返回元素的宽度（包括元素宽度、内边距，不包括边框和外边距） //client...原创 2020-12-01 11:25:17 · 318 阅读 · 0 评论 -
数据可视化中CSS实现四个边角特效实现
在数据可视化大屏中，我们看到人家的到做的很炫酷，如下图，中div四个边角的特殊颜色边角是怎么实现的呢，下面本人通过两种方式进行实现。 方式一 <body> <h1 class="title">css实现矩形边角加粗</h1> <div class="main"> <span></span> <span></span> <span></span> &原创 2020-11-27 10:42:11 · 2487 阅读 · 0 评论 -
CSS实现tab页切换效果
说明 tab也切换在前端页面中是非常常见的一种效果。本人通过搜集资料大致实现有有下面三种写法。 利用:hover选择器 缺点：只有鼠标在元素上面的时候才有效果，无法实现选中和默认显示某一个的效果 利用a标签的锚点 + :target选择器 缺点：因为锚点会将选中的元素滚动到页面最上面，每次切换位置都要移动，体验极差。 利用label和radio的绑定关系和radio选中时的:checked来实现效果 radio控件和label控件绑定 只要指定label的"for"原创 2020-11-26 14:27:48 · 4351 阅读 · 0 评论