【高端】几个关于SCSS中for循环的高级玩法 is a project mainly written in , based on the .简单版 @for $i from 1 through 6 {&:nth-of-type(#{$i}) img {transition-delay: calc(0.1 *#{$i}s);//逐次延时效果} } 进阶版 @for $i from 1 through length($数组) {$color: nth($数组, $i);...
设置VSCode终端命令行清除快捷键Ctrl+K或Ctrl+L is a project mainly written in , based on the . Ctrl+K Ctrl+S设置 终端:清除Ctrl+K 也可以 输入terminal.clear设置Ctrl+L(建议设置这个,避免和其他Ctrl+K组合键冲突) 接下来去验证下吧 Ctrl+J打开终端命令行窗口,输入一些乱七八糟命令然后Ctrl+K或Ctrl+L是否清除了呀~~...
设置VSCode代码编辑器右侧的Minimap代码缩略图滚动条切换显示、隐藏的快捷键Alt+M is a project mainly written in , based on the . ...
❤比较两种模糊特效❤filter: blur(10px)和backdrop-filter: blur(10px)的区别 is a project mainly written in , based on the .请先忽略背景图,遮罩位置是随便放的,我们主要关注下面的代码↓
【进阶版九宫格背景图片】如何仅仅依靠background的几个属性组合搭配出酷炫的背景图片效果,并自适应任何宽高效果? is a project mainly written in , based on the .如果你要有透明度效果的背景图请移步https://blog.csdn.net/qq_37860634/article/details/119591991 这是我们最终想要达到的效果,并且支持任意宽高缩放不变形。 有些UI设计师(说的就是我)喜欢搞这种带有一丝丝机械、科技、未来感的线框,兼职前端开发的我真的很讨厌酱紫的设计...
设置VSCode显示聚焦到资源管理器NPM窗口快捷键Alt+N is a project mainly written in , based on the . ...
【持续加精】几种强哥墙裂推荐的缓冲效果,各有千秋、各取所需 is a project mainly written in , based on the .transition: .618s ease;//中庸(符合大部分年龄层次的人对动效的审美)transition: .2s ease-out;//城乡结合部动效(虽然low逼,但是实用)transition: .8s cubic-bezier(.075, .82, .165, 1);//快速+柔和结束(欧美范儿)transition:...
【透明版九宫格背景图片】仅依靠background的几个属性组合搭配出酷炫的透明背景卡片效果→适用于大数据可视化、数据大 is a project mainly written in , based on the . 这是我们最终想要达到的效果,并且支持任意宽高缩放不变形。注意哟这次不一样的是有透明度! 开始准备物料 第一步:切片,建议用九宫格的形式,切割有考究,主要是最大限度、最小尺寸囊括多个边界转角处的样式(亮蓝色是参考线,白色文字是描述区域规则,红色文字是宽高、分割输出的png图片文件名,正中的宫格就用1像素宽高png背景图拉伸...
Div渐变遮罩效果:纵向和水平反向渐变遮罩效果,让戛然而止的页面多一丝丝淡淡的过渡效果,温柔中透露着一缕缕优雅. is a project mainly written in , based on the . -webkit-mask-image: linear-gradient(transparent, white 20px, white calc(100% - 20px),transparent);//上下两端的渐变白色(兼容IOS) 左右水平渐变遮罩 -webkit-mask-image: li...
【坑爹】WebStorm编辑器突然回车不能换行了、回车不能使用、回车失效了!!! is a project mainly written in , based on the .首先试一试Alt+Enter和Shift+Enter能否换行,验证下是不是你键盘坏了[坏笑] 如果没问题可以换行那就Ctrl+Shift+S 重置下快捷键就可以了...
【汇总】细数VSCode中那些能够真正意义提升开发效率、鲜为人知的快捷键 is a project mainly written in , based on the . 自从用了这些快捷键,鼓励师也不需要了,代码开发效率蹭蹭提升!!! ctrl+shift+[折叠代码 (这个比ctrl+k ctrl+l、ctrl+k ctr+j不知道好用多少倍!) ctrl+shift+]展开代码 ctrl+shift+T打开手贱不小心关掉的窗口 【推荐】ctrl+shift+O打开当前文件...
CSS自定义鼠标样式。JS获取鼠标坐标,实现提示气泡框跟随鼠标移动 is a project mainly written in , based on the . cursor: url(//img.58cdn.com.cn/resource/xxzl/captcha/pencil.png), default; /*获取鼠标位置,让提示气泡框跟随鼠标*/ var sgTip=document.querySelector("#sgTip") document.addEv...
【记录】入选《开发工具领域内容榜》第6名 is a project mainly written in , based on the . ...
参考WebStorm设置VSCode“转到编辑器中的符号”快捷键为Shift双击(这是一个频繁使用的快捷键) is a project mainly written in , based on the .搜索workbench.action.gotoSymbol修改key为“shift shift” 这样就比默认的ctrl+shift+O好用了,也不容易误操作成别的快捷键! ...
只需三分钟!只需创建一个vuex.js文件,让你马上学会使用Vuex,尽管Vuex是个鸡肋!(扔掉store文件夹和里面的index、getters、a is a project mainly written in , based on the .前情提示:有一天,我要实现一个效果→点击某个按钮改变一个全局变量,并且要让绑定了该变量的所有位置异步渲染。我试过用一个全局的js文件存放该变量,该变量值虽然改变了,但是没有做到异步渲染。接着我用window.全局变量的方式,尼玛!还没打开页面给我报错"全局变量 of undefined",我才想起页面还没加载完的时候window全局...
【烦人的问题】有一天发现VSCode中自己的鼠标选择老是跨行选择多段代码,怎么都改不回来,而且用alt+shift+鼠标都无法切 is a project mainly written in , based on the .选择-去掉“列选择模式”前面的✔ ...
JS加法函数,用来得到精确的加法结果(说明:javascript的加法结果会有误差,在两个浮点数相加的时候会比较明显。这个� is a project mainly written in , based on the .//加法函数,用来得到精确的加法结果 //说明:javascript的加法结果会有误差,在两个浮点数相加的时候会比较明显。这个函数返回较为精确的加法结果。 //调用:accAdd(arg1,arg2) //返回值:arg1加上arg2的精确结果 function accAdd(arg1,arg2){var r1,r2,m;try{r1...
【sgTopo】强哥古法炮制、纯手工打造简单拓扑图、流程图、思维导图组件(完善中ing) is a project mainly written in , based on the .疯狂撸码中ing
实现组件效果
src/components/sgTopo.vue
【通用CSS模板】移动端H5页面统一样式.css is a project mainly written in , based on the ./*移动端H5页面统一样式----------------------------------------*/ @charset "UTF-8"; body, html, li, ul {margin: 0;padding: 0; }*:not([class*=layui-layer]), :before, :after, :visi...
Neumorphism.io一个神奇的网站,满足各种圆角矩形ICON图表立体化效果要求,这种样式的名称——新拟态 is a project mainly written in , based on the . 关于“新拟态”的自定义解释在我的早起博客中,传送门https://blog.csdn.net/qq_37860634/article/details/107034976 访问https://neumorphism.io 几种常用样式 : border-radius: 50px; background: #e0e...