- 博客(15)
- 收藏
- 关注
原创 CSS札记
用于设置背景图片的位置,其中,-125px表示图片在水平方向上向左移动125像素,0px表示图片在垂直方向上不移动。因此,这个属性值会将背景图片向左移动125像素,然后截取外层div盒子的大小作为div盒子的背景图片。* transform: skew(45deg) //倾斜45deg。//沿着Y轴倾斜45deg。
2023-07-27 11:33:56
88
1
原创 地图热点 - 波纹动画效果
(2) timing-function: 速度曲线 , 所取的属性值主要有 ease/linear/linear/ease-out/steps。最后,你知道为什么这里的动画,是宽度和高度的变化,而不使用 transform:scale() 属性呢?使用CSS3动画实现地图热点,用box-shadow实现波纹的效果,首先,我们先回顾一下CSS3的动画,(6) animation-fill-mode: 主要设置动画是否停在最后一帧。是 CSS 动画属性之一,用于指定动画播放的方向。
2023-07-07 00:29:01
136
1
原创 String的各种方法
String常用的方法有十几种,经常把截取字符串的方法记混,又或者在开发过程中不能把这些方法用到恰到好处,还是再罗列一下这些方法以及用途,加深记忆,也便于查询。先后顺序无分重要性,下面的排版顺序是鉴于工作中使用的频率,也方便我个人记忆。注意:字符串的这些方法都会返回一个新的变量,不会改变原本的字符串。两者的区别是,slice可以传入负数。
2023-07-05 09:59:52
74
1
原创 不会动态计算高度,重新学习一下DOM的各种距离
offsetLeft 元素相对于父级元素左侧边缘的距离,该父元素指离该元素最近的具有定位属性的元素;若没有已定位的父级元素,则是相对文档的根元素的距离。offsetHeight 元素高度+padding+border。offsetWidth 元素宽度+padding+border。(鼠标相对于当前文档的水平坐标 - 距离html页面最左边的距离)offsetTop 同offsetTop,垂直方向的距离。pageY 鼠标指针相对于文档顶部的垂直距离。
2023-07-04 09:25:45
80
转载 vue自定义指令实现拖拽1
原文链接:https://blog.csdn.net/u013217071/article/details/73465402。博主:「秋天1014童话」
2023-04-12 23:59:06
61
原创 [vue-demo]实时时间转换 v-time
/转换为秒级时间戳。tip = Math.floor(timer/3600) + ’小时前’;tip = Math.ceil(timer/86400) + ’天前’;tip = Math.floor(timer/60) + ’分钟前’;// 获取今年1月1日0点0分0秒的时间戳。// 获取今天0点0分0秒的时间戳。tip = ’刚刚’;tip = ’刚刚’;// 获取当前时间戳。// 获取标准年月日。//自定义指令 v-time。
2023-03-23 19:51:14
214
翻译 [vue-demo]实时时间转换指令 v-time
/转换为秒级时间戳。tip = Math.floor(timer/3600) + ’小时前’;tip = Math.ceil(timer/86400) + ’天前’;tip = Math.floor(timer/60) + ’分钟前’;// 获取今年1月1日0点0分0秒的时间戳。// 获取今天0点0分0秒的时间戳。// 获取当前时间戳。// 获取标准年月日。//全局注册自定义指令。
2023-03-23 19:41:54
175
原创 vuex 状态管理
vuex用来集中式管理vue组件中共用的数据vuex的五大核心: state: 对象类型,等同于实例的data属性,用来存放数据的 getters: 对象类型,等同于实例的computed(计算属性),对数据进行加工处理 mutations: 对象类型,等同于methods,但不能处理异步方法 actions:对象类型,等同于methods,用来处理异步的请求 modules:对象类型,当项目中用到的共享数据比较多,建议分成小模块,每个小模块中都拥有自己的 sta
2022-11-26 20:34:53
182
1
原创 router-link默认样式
有时候我们已经给元素写好了的样式,这个时候需要路由跳转,但同时想用router-link实现跳转而非编程式路由,这时我们需要在元素外层套上<router-link>标签,这时候会引发样式混乱问题,那么怎么去掉router-link的默认样式呢: .router-link-active: { text-decoration: none } a { text-decoration: none
2022-11-26 16:32:45
845
翻译 点击按钮滚动跳转到DIV
需求:博客文章的目录,点击目录,滚动到对应的内容 <html> <div class="box"> <button>按钮</button> <ul> <li v-for="(item,index) in 100" :key="index"> aa{{item}}
2022-11-23 19:29:02
283
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人