自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue3 手写表格甘特图公用组件

如何用vue3+html+css 实现一个甘特图

2022-11-30 10:45:32 2365

原创 常用js方法记录 欢迎私信补充添加,相互学习

生成随机颜色const generateRandomHexColor = () =>\`#${Math.floor(Math.random() \* 0xffffff) .toString(16)}\`;滚动到顶部const scrollToTop = (element) =>element.scrollIntoView({ behavior: "smooth", block: "start" })数组乱序const shuffleArray = (arr) => arr

2022-04-26 10:53:05 93

原创 quill 富文本 使用

引入富文本 版本为 “quill”: “^1.3.6”,// 引入quill富文本相关文件import Quill from "quill";import "quill/dist/quill.core.css"; import "quill/dist/quill.snow.css";import "quill/dist/quill.bubble.css";注意如果要在其它地方复现富文本样式内容,需要导入此处样式,并添加 ql-editor class样式名 即可复现样式元素 &

2022-04-26 10:41:40 2118

原创 d3js v7版本 超简洁树形结构图实现

d3js v7版本 超简洁树形结构图实现

2021-12-02 17:08:34 1316 1

原创 vue实现楼层跳转的效果

vue实现楼层跳转的效果实现效果:当翻滚页面时,对应的选项卡也会进行相应的变化,点击选项卡也会直接跳转到对应的位置先是获取对应的dom元素,然后再监听滚动事件,判断符合条件的元素,进行改变对应的楼层选项卡位置。jump方法则是通过点击直接跳转到对应的位置。整个页面代码如下:<template> <div> <h1>这是楼层测试的页面</h1> <!-- 这是流程的目录 --> <div c

2020-11-03 15:30:26 3027 5

原创 VUE 简单转盘抽奖实现

VUE 简单转盘抽奖样式请大家忽略(自己调),主要看JS代码实现,点击按钮后调用start方法,判断是否在转动状态,如果没转动则调用go方法,go方法主要封装了一次性定时器,是个递归函数,调用go函数后即可实现抽奖转盘的效果了,详细代码如下:注释清晰哦<template> <div class="home"> <button @click="start">开始</button> <div class="grid"

2020-10-30 16:18:35 1555

原创 行内元素、块级元素、行内块元素特点

块级元素(block):独占一行,元素宽高、内外边距都可设置,如 div 、p、h1 等行内元素(inline):宽高不可改变,上下内外边距不可改变,左右内外边距可以改变,如 b 、a 、span 、i 等行内块元素(inline-block):可设置宽高、内外边距,但不会自动换行,如 input、img、button 等...

2020-03-13 20:24:38 423

原创 五大主流浏览器内核

IE : trident内核Firefox(火狐): gecko内核Safari: wekkit内核Opera: Blink内核Chrome: Blink内核

2020-03-13 20:12:17 256

原创 this的指向

1.全局作用域下的this指向window2.如果给元素的事件行为绑定函数,那么函数中的this指向当前被绑定的那个元素3. 函数中的this,要看函数执行前有没有 . , 有 . 的话,点前面是谁,this就指向谁,如果没有点,指向window4.自执行函数中的this永远指向window5. 定时器中函数的this指向window6.构造函数中的this指向当前的实例7.call、...

2020-03-13 20:07:16 74

原创 CSS 选择器优先级

不同级别:总结排序:!important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性1.属性后面加!import 会覆盖页面内任何位置定义的元素样式2.作为style属性写在元素内的样式3.id选择器4.类选择器5.标签选择器6.通配符选择器(*)7.浏览器自定义或继承同一级别:后写的会覆盖...

2020-03-13 20:00:05 95

原创 # vue生命周期详解

vue生命周期详解图,清晰明了,快速理解

2020-03-07 22:51:22 85

空空如也

空空如也

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

TA关注的人

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