- 博客(11)
- 收藏
- 关注
原创 常用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
原创 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
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人