自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(9)
  • 收藏
  • 关注

原创 display:grid网格布局

grid-auto-columns属性和grid-auto-rows属性用来设置,浏览器自动创建的多余网格的列宽和行高。grid-template-columns属性定义每一列的列宽,grid-template-rows属性定义每一行的行高。有时候,一些项目的指定位置,在现有网格的外部。grid-row-gap属性设置行与行的间隔(行间距),grid-column-gap属性设置列与列的间隔(列间距)。grid-gap属性是grid-column-gap和grid-row-gap的合并简写形式,语法如下。

2023-05-26 16:59:31 8176

原创 前端数据可视化

数据可视化是将数据转化为可视化图表,以便更好地理解和分析数据的过程。随着数据时代的到来,数据可视化成为了越来越重要的技能。在本文中,我们将介绍前端数据可视化的基础知识、技术和实战案例,帮助读者了解和掌握前端数据可视化的基本技能。一、数据可视化基础知识数据可视化的定义和分类 数据可视化是将数据转化为可视化图表的过程,以便更好地理解和分析数据。数据可视化可以分为静态数据可视化和动态数据可视化两种类型。常见的数据可视化图表类型 常见的数据可视化图表类型包括柱状图、折线图、饼图、散点图、地图等。

2023-05-25 11:56:56 2333

原创 Turn.js实现翻书效果

trun.js的一份中文使用文档,相较于官方的文档,增加了一些自己理解的内容,文章中展示的更多是常用的,一些本人无法理解的内容做了删减。

2023-05-23 18:03:48 3107 1

原创 Filter css属性详解

CSSfilter属性将模糊或颜色偏移等图形效果应用于元素形成滤镜,滤镜通常用于调整图像,背景和边框的渲染。

2023-05-23 17:38:20 228

原创 SEO搜索引擎优化

介绍了SEO搜索引擎优化的常见方法,可以有效提高网站在百度中的排名

2023-05-16 16:58:52 300 2

原创 VUE--深度选择器的使用 >>> /deep/ ::v-deep

三个深度选择器:>>> :原生css 在没有less/scss时使用::v-deep :scss 如果使用了预处理器都可以使用这个(推荐)这里截图了官网的说法:能够穿透并影响子组件的样式。

2022-12-26 17:43:00 355 1

原创 JS面向对象的三大特性简述

介绍了javaScript面向对象编程的三大特性,面向对象的程序设计是代码的组织方式,合理点运用能很好的提升效率和代码的可读性。

2022-12-04 00:11:59 970 1

原创 layui给一个输入框绑定失去焦点事件和回车事件导致重复触发问题

多个绑定事件触发统一方法的解决方案

2022-10-31 13:38:18 4415 2

原创 浏览器常用图片格式

浏览器常用图片格式以及各种图片格式的优缺点 -- 面试题记录-01

2022-10-31 13:19:32 1769 1

vue 按钮可拖拽吸附侧边栏demo

vue 按钮可拖拽吸附侧边栏demo

2023-07-28

基于turn.js的将dom元素转换为动画书demo

使用turn.js 实现将dom转换为动画书的效果, Turn.js是一个JavaScript库,它集合了HTML5的所有优点,可以使我们的内容看起来像一本书 或杂志,有真实的翻阅的效果。 它使用HTML5和CSS3来执行效果,所以它可以在iOS设备(iPad,iPhone,iPod)和Android设备等触摸设备上很好地工作~ Turn.js具有比Flash内容拥有真实HTML内容的所有优势,除了感觉到本机内容(可选内容,没有第三方上下文菜单)之外,还可以添加广告代码,HTML5视频,工具提示,图像,地图,表单,跟踪每个页面并将它们与数百个精巧的库组合在一起用于网络。 trun.js 版本支持 需要 JQuery 1.7或更高版本 浏览器支持 Safari for iOS (iPad, iPhone, iPod) Safari 5 Chrome 11 Chrome for Android Firefox 9 IE 9 IE 8 (需要使用 turn.html4.js)

2023-05-23

基于vuedraggable制作的模块拖拽demo

支持三个区域之间相互拖拽 支持拖拽排序 左侧和右侧数据双击自动移动到另一侧区域的末尾 顶部区域双击移动到右侧区域的末尾, npm install vuedraggable即可安装 vuedraggable官方文档地址:https://www.itxst.com/vue-draggable/j6vzfv6r.html Draggable为基于Sortable.js的vue组件,用以实现拖拽功能。 关于Vue.Draggable详细信息可以查看Github地址 点击提交可以获取到三个区域中的数据

2023-05-16

layui离线文档-layui官网的离线文档

layui官网停止更新后,生成的离线文档,可以查找常用的组件以及方法等。

2022-12-07

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除