- 博客(13)
- 收藏
- 关注
RSS订阅原创 2021-05-09
左右反转.someone{ direction: rtl; direction: ltr; }上下反转.someone{ transform:rotateX(180deg); -ms-transform:rotateX(180deg); /* IE 9 */ -webkit-transform:rotateX(180deg); /* Safari and Chrome */}
2021-05-09 22:50:38
77
原创 滚轴样子
background-clip: content-box !important; .pc-track-line::-webkit-scrollbar-thumb { background-clip: content-box !important; border: 4px solid transparent; border-radius: 100px; background-color: $lightenGreya; } .pc-track-line::-we
2021-05-09 22:43:06
85
原创 判断当月天数
getDurationOfCurrentMonth () { let _now = new Date().getFullYear() + '-' + ( String(new Date().getMonth()).length == 1 ? '0' + (new Date().getMonth() + 1) : (new Date().getMonth() + 1) ) + '-' + ( String(new Date().getDa...
2021-05-07 16:16:17
94
原创 JS老司机
let eat = hungry == true ? 'yes' : 'no';let s = num + ""; // 数字转字符串let n = +s; // 字符串转数字let arr = new Array(arraysize).fill(null).map(()=> ({n : 1})); // 初始化数组// arr.fill(value, start, end) 数组填充默认值let dynamic = "小明"; let homelander= { [dyna
2021-04-13 18:59:56
196
原创 inline-block左右间隙问题
<div></div> // <- 祸根：这里的空格被识别了<div></div>.inline-block { font-size: 0; word-spacing: 0; display: table;}
2021-02-22 20:15:11
120
原创 Nuxt.js 框架
组件// 在src > components文件下准备好MyHeader.vue// 无需像Vue.js那样去main.js里注册，直接在首页写下方代码// 自动import并命名，命名自动转 'aB' 为 'a-b'<my-header/>
2021-01-15 12:40:44
155
原创 css动效集合
<!DOCTYPE html><html><style> .box { margin: 30vh auto 0 auto; width: 200px; height: 200px; background: #eee; display: flex; align-items: center; justify-content: center; transition: .5s; } .box:hover h2 { opacity: .1
2020-12-30 10:45:54
250
原创 Vue 脚手架搭建
1.下载 vue.js文件（交货时，换成vue.min.js）2.CDN3.Vue CLI快速搭建大型单页应用，提供开箱借用的构建工具配置，现代化的前端开发流程npm i -g @vue/cli // 全局安装vue-cli，用于反复创建相同结构、包含核心代码的项目 vue create my-project // 新建项目my-projectcd my-project // 切入.
2020-12-28 17:50:16
80
1原创 Vuex
安装npm install --save vuex使用{{ this.$store.state.username }}{{ $store.state.username }}{{ $store.state.gender ? '男' : '女' }}{{ $store.state.obj.username }}<p v-for="(item,key) in $store.state.arr" :key="key"> 商品名称：{{ item.p
2020-12-22 15:37:26
147
原创 js原生获取margin padding
var ml = d1.currentStyle || window.getComputedStyle(d1)["margin-left"]
2020-12-14 19:38:18
1416
原创 数字时钟 js 代码
// <script></script>内 window.onload = function(){ ( function(){ var h = document.getElementsByClassName('hotsell-l-hour')[0]; var m = document.getElementsByClas...
2020-12-14 13:06:06
226
原创 Javascript获取div真实高度
第一种情况就是宽高都写在样式表里，就比如#div1{width:120px;}。这中情况通过#div1.style.width拿不到宽度，而通过#div1.offsetWidth才可以获取到宽度。第二种情况就是宽和高是写在行内中，比如style=“width:120px;”，这中情况通过上述2个方法都能拿到宽度。（什么是行内，就是直接在html标签上写样式）小结，因为id.offsetWidth和id.offsetHeight无视样式写在样式表还是行内，所以我们获取元素宽和高的时候最好用这2个属性。注意
2020-12-12 16:53:55
8327
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人