sass-convert -R my_sass_dir --from sass --to scss
其中:
-R 表示递归 my_sass_dir 的所有子文件夹
--from sass --to scss 表示从 sass 转换为 scss 文件
npm config set prefix "D:\gs412\nodejs\node_global"
npm config set cache "D:\gs412\nodejs\node_cache"
如下图这种提示,没多大作用,很干扰视线
关闭它只需要在settings.json加入如下一行:
"editor.parameterHints.enabled": false,
来自非官方发行包:
http://libsass.ocbnet.ch/installer/
应用场景:我需要在firefox的开发者工具中查看网络请求情况,但是有一个每秒一次的ajax请求大量出现,影响查看其他请求。如图:
解决办法:在过滤器中用正则表达式的零宽断言排除掉这个请求地址,比如排除掉ajax_get_balance这个请求地址就用 regexp:^(?!.*ajax_get_balance).*$ ,如图:
多年前编程圈流行一个段子:“以代码重用为荣,以复制粘贴为耻”,这个段子应该加一个限制:“仅限于后端”,就算后端也不能100%的执行这个原则,否则可能会把自己框死。
前端,过度的注重重用,会让代码变得很抽象,用抽象的代码实现直观的界面,就像用筷子夹鸡蛋,何必跟自己过不去。前端该复制时就复制,该粘贴时就粘贴,做前端,产品思维比技术思维更重要
<!---黑-->
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=">
<!---灰--->
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAMLCwgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==">
<!---透明--->
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABA...
只需要给div加入下面的css属性:
关键属性:background、border、outline
position: absolute;
top: 20px;
left: 50px;
width: 200px;
height: 200px;
background: green;
z-index: 1000;
border: 5px solid #fff;
outline: 5px solid green;
以前我都是用两个div,大框套小框。真是...
并集(union)
let a = new Set([1,2,3]);
let b = new Set([4,3,2]);
let union = new Set([...a, ...b]); // {1,2,3,4}
交集(intersection)
let a = new Set([1,2,3]);
let b = new Set([4,3,2]);
let intersection = new Set([...a].filter(x => b.has(x))); // {2,3}
差集(differen...
做个记号....................
挺简单的
var img_url = $input_verifycode.next('img').attr('src');
var r = new XMLHttpRequest();
r.open("GET", img_url);
r.responseType = "blob";
r.onload = function(e){
var data = new FormData();
data.append('image_data', this.response);
$.ajax({
url: 'http://localhost:8088/uploa...
http://prismjs.com/
太短了,我都佩服我自己了。原理就是不停的把第一条放到最后,然后向前滚动一条。
<style>
.container{position:relative; height:30px; width:200px; overflow:hidden; border:1px solid #333;}
.news{position:absolute; top:0; margin:0;}
.news li{line-height:30px;}
</style>
<div class="container">
<ul class="news">
<li><a hre...
可以支持手机触屏滑动幻灯片,使用简单,定制性强。
http://dimsemenov.com/plugins/royal-slider/
很好用 http://jcrop.org/
通常我们在做网页布局的时候,客户为要求在某个地方实现图片滚动或文字滚动的展示,这就是所谓的跑马灯效果,在以前蓝叶用html标签marquee来做跑马灯效果,marquee不是很完美,如果一个层的宽度或高度过长,那么中间会用空隙显得很不美观;现在蓝叶用jquery无缝隙连续滚动代码来实现跑马灯效果,这段jquery无缝隙连续滚动代码可以自由设置,向左、向右、向上、向下的滚动效果,如果你需要就把以下代码复制到你需要的地方,稍微进行修改即可使用了,这是一段jquery代码,需要jquery库的支持才行。
//以下代码复制到JS文件中调用
$.fn.imgscro...
不要用click,click是手指离开屏幕时才触发,显得反应不灵敏,用touchstart。示例代码如下:
$('div.dom').on('touchstart', function (evt) {
//
});
jQuery(function ($) {
$.extend({
form: function (url, data, method) {
if (method == null) method = 'POST';
if (data == null) data = {};
var form = $('<form>').attr({
method: method,
action: url
}).css({
display: 'none'
});
var addData = function (na...
rails的data-remote="true"很方便,链接加上这个属性点击链接即可在前端运行链接所指向的服务端返回的js代码。前端只需要下面几行代码
$(document).ready(function () {
$("a[data-remote=true]").click(function(e){
e.preventDefault();
$.getScript($(this).attr('href'));
});
});
jQuery(function ($) {
$.extend({
form: function (url, data, method) {
if (method == null) method = 'POST';
if (data == null) data = {};
var form = $('<form>').attr({
method: method,
action: url
}).css({
display: 'none'
});
var addData = funct...