-
前端开发
-
npm打包electron10.1.3安装依赖包时从github下载缓慢/超时
开发electron项目时下载压缩包时超时，此时需要换国内镜像源如下换成国内源npm config set registry https://registry.npm.taobao.org如果出现下载压缩包时请求到github，下载很慢的情况再执行下面操作np -
phpstorm配置编译scss
软件安装下载ruby https://rubyinstaller.org/downloads/安装必要的包，先设置国内安装源，再安装sass 和compassgem sources --remove https://rubygems.org/gem& -
js主动触发vue中的v-model更新数据
vue和jquery混合使用时遇到这么个情况，要使用daterangepicker组件，它是依赖jquery的， 但是vue渲染表单时使用了v-model绑定数据。组件选择日期后想主动触发v-model更新到对应的变量中如下var obj=$('#datetime');obj.daterangepicker(options, & -
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-
查看更多
