-
前端设计
-
eslint缩进4个空格设置
修改两个文件.editorconfig和.eslintrc.jseditorconfig中修改下面为4.eslintrc.js中添加下面一行 -
scss遍历map的方法
遍历scss的map结构$themelist: ( theme1:(bg_color:#ccc),theme2:(bg_color:#ccc));@each $key,$item in $themelist { &nb -
js实现滚动到容器(div)底部
最简单的一句代码实现,比如有一个id为container的div，样式为over-flow:auto,里面内容很长出现啦上下滚动条var ele = document.getElementById('container');ele.scrollTop = ele.scrollHeight; -
js拖动报错cutimg.js:347 [Intervention] Ignored attempt to cancel a touchstart event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.
使用js做拖动效果时,谷歌浏览下拖动时没有效果,并且报错如下解决方法很简单，把事件绑定到这个元素的父元素就可以解决问题 -
flex-grow实现上下两栏自适应布局
chrome内核兼容性从我手边已有的版本测试结果兼容Chrome/39.0.2171.95-Chrome/74.0.3729.131上下自适应布局上一篇 flex实现水平自适应布局这里顺便记录下上下自适应布局如下<!DOCTYPE html><html  -
flex-grow布局子元素宽度过大撑开了父元素的解决方法,实现固定宽和自适应的布局
chrome内核兼容性从我手边已有的版本测试结果兼容Chrome/39.0.2171.95-Chrome/74.0.3729.131水平布局实现重要的概念先说一下 flex-grow 该属性用来设置当父元素的宽度大于所有子元素的宽度的和时（即父元素会有剩余空间），子元素如何分配父 -
原生js给页面添加一键滚动到顶部按钮
查看效果<!DOCTYPE html><html lang="en"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf- -
原生js实现滚动到顶部和底部,绑定快捷键
滚动到顶部/底部浏览网页时常看到一些一键返回顶部或到底部的代码，像这样的小功能如果再引入一个第三方库的话就有点多余啦，下面是一段js用两个函数实现啦功能,默认是绑定到window上面按下ctrl+up/ctrl+down实现对应的功能 (function() { &nb -
clipboard使用方法define.amd
先定义一个input元素，其它元素也可以<input value="3" class="jsinput" />绑定复制，点击后复制这个元素的值require(['clipboard', 'layer'], function(cp, layer) -
js取当天的日期时间戳
取当天23:59:59时间戳new Date(new Date(new Date().toLocaleDateString()).getTime()+24*60*60*1000-1)取当天到23:59:59剩余的时间戳(new Date(new Date(new Date().toLocaleDateString()).getTime()
查看更多
