- 博客(15)
- 收藏
- 关注
RSS订阅原创 CSS札记
用于设置背景图片的位置，其中，-125px表示图片在水平方向上向左移动125像素，0px表示图片在垂直方向上不移动。因此，这个属性值会将背景图片向左移动125像素，然后截取外层div盒子的大小作为div盒子的背景图片。* transform: skew(45deg) //倾斜45deg。//沿着Y轴倾斜45deg。
2023-07-27 11:33:56
81
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
125
1
原创 String的各种方法
String常用的方法有十几种，经常把截取字符串的方法记混，又或者在开发过程中不能把这些方法用到恰到好处，还是再罗列一下这些方法以及用途，加深记忆，也便于查询。先后顺序无分重要性，下面的排版顺序是鉴于工作中使用的频率，也方便我个人记忆。注意：字符串的这些方法都会返回一个新的变量，不会改变原本的字符串。两者的区别是，slice可以传入负数。
2023-07-05 09:59:52
66
1
原创 不会动态计算高度，重新学习一下DOM的各种距离
offsetLeft 元素相对于父级元素左侧边缘的距离，该父元素指离该元素最近的具有定位属性的元素；若没有已定位的父级元素，则是相对文档的根元素的距离。offsetHeight 元素高度+padding+border。offsetWidth 元素宽度+padding+border。（鼠标相对于当前文档的水平坐标 - 距离html页面最左边的距离）offsetTop 同offsetTop，垂直方向的距离。pageY 鼠标指针相对于文档顶部的垂直距离。
2023-07-04 09:25:45
68
转载 vue自定义指令实现拖拽1
原文链接：https://blog.csdn.net/u013217071/article/details/73465402。博主：「秋天1014童话」
2023-04-12 23:59:06
53
原创 [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
205
翻译 [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
157
原创 vuex 状态管理
vuex用来集中式管理vue组件中共用的数据vuex的五大核心： state: 对象类型，等同于实例的data属性，用来存放数据的 getters: 对象类型，等同于实例的computed(计算属性)，对数据进行加工处理 mutations: 对象类型，等同于methods，但不能处理异步方法 actions:对象类型，等同于methods，用来处理异步的请求 modules:对象类型，当项目中用到的共享数据比较多，建议分成小模块，每个小模块中都拥有自己的 sta
2022-11-26 20:34:53
174
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
753
翻译 点击按钮滚动跳转到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
273
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人