node-sass 安装失败 win32-x64-57_binding.node
用这行命令: node -p "[process.platform, process.arch, process.versions.modules].join('-')" 复制输出的结果,去 Release 列表 找到对应的版本,Ctrl+F 粘贴,找到那个文件,下载(必要的时候挂代理,浏览器下载通常都比 node 下载更快更稳定),然后文件存到一个稳定的路径,并复制路径 设置sass路径 <span class="token keyword">set</span> <span class="token constant">SASS_BINARY_PATH</span><span class="token operator">...
Flex 布局教程:语法篇
作者: 阮一峰 日期: 2015年7月10日 网页布局(layout)是 CSS 的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使用这项功能。 Flex 布局将成为未来布局的首选方案。本文介绍它的语法,下一篇文章给出常见布局的 Flex 写法。...
分享一个CSS3边框旋转特效
效果如下: <style>.bb, .bb::before, .bb::after { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius:100%; } .bb { width: 100px; height: 100px; margin: auto; background: url("img/Button-White-Large.png") no-repeat 50%/70% rgba(0, 0, 0, 0.1); color: #69ca62; box-shadow: inset 0 0 0 1px rgba(105, 202, 9...
Angular http.get 404
Angular2 http.get(url)正在返回404的有效网址 - 而不是CORS问题(Angular2 http.get(url) is returning 404 on a valid url - not a CORS issue) 问题是使用InMemoryWebApiModule,解决方案是对我的app.module.ts文件进行以下配置修改: + InMemoryWebApiModule.forRoot(InMemoryDataService,{passThruUnknownUrl:true}),
CSS布局奇淫技巧之–各种居中
一种使用绝对定位来居中的方法 此法同样只适用于那些我们已经知道它们的宽度或高度的元素,并且遗憾的是它只支持IE9+,谷歌,火狐等符合w3c标准的现代浏览器。 下面用一段代码来了解这种方法: 运行效果: 这里如果不定义元素的宽和高的话,那么他的宽就会由left,right的值来决定,高会由top,bottom的值来决定,所以必须要设置元素的高和宽。同时如果改变left,right , top , bottom的值还能让元素向某个方向偏移,大家可以自己去尝试。
小程序动画实现旋转
.question .desc .image-rotate { position: absolute; z-index: 2; margin-left: 20rpx; margin-top: 20rpx; height: 280rpx; width: 280rpx; border-radius: 140rpx; animation: headRotate 6s linear infinite } /* 头像旋转效果 */ @keyframes headRotate{ 0% {transform: rotate(0deg);} 50% {transform: rotate(180deg);} 100% {transform: rotate(360deg);} }
js数组排序
Array.prototype.sortBy = function (attr, rev) { return this.sort(sortByKey(attr, rev)); } var sortByKey = function (attr, rev) { //第二个参数没有传递 默认升序排列 if (rev == undefined) { rev = 1; } else { rev = (rev) ? 1 : -1; } return function (a, b) { a = a[attr].toLowerCase(); b = b[attr].toLowerCase(); if (a < b) { return rev * -1; } if (a > b) { r...
JQuery如何监听DIV内容变化
JQuery如何监听DIV内容变化 $("#wb_follow_btn").bind('DOMNodeInserted', function(e){ alert('element now contains: '+ $(e.target).html()); }); //可以检测title变化 $("title").bind('DOMNodeInserted', function(e) { document.title='Web Skype'; });
老教授从console.log说起(上)
console.log,作为一个前端开发者,可能每天都会用它来分析调试,但这个简单函数背后不简单那一面,你未必知道…… 基础 首先,简单科普这个函数的作用。前端开发者可以在js代码的任何部分调用console.log,然后你就可以在浏览器的开发者控制台里,看到这个函数调用的那一瞬间你指定的变量或表达式的值。 最基本的调用方法: 1 2 3 4 5 6 7 8 9 10 console.log('123'); // 123 console.log('1', '2', '3'); // 1 2 3 console.log('1\n2\n3\n'); // 1 // 2 // 3 我们可以通过上面的方式进行...
微信小程序之scroll-view的坑
1.水平滑动的scroll-view 水平滑动的scroll-view,需要给scroll-view一个固定的宽度,设置属性scroll-x,并且设置样式white-space:nowrap;(这个很重要,不设置这个样式,无法完成scroll-view的效果,我的坑也是遇在这了,三个条件缺一不可) 2.竖直滑动的scroll-view 竖直滑动的scroll-view,需要给scroll-view一个固定的高度,设置属性scroll-y,并且设置样式white-space:nowrap;(三个条件缺一不可)