将一个文件夹中所有的sass文件批量转换为scss

sass-convert -R my_sass_dir --from sass --to scss 其中: -R 表示递归 my_sass_dir 的所有子文件夹 --from sass --to scss 表示从 sass 转换为 scss 文件
2022-05-17 02:11 | 阅读 1146 次 | 评论 0 条

node安装后的设置(node_global和node_cache)

npm config set prefix "D:\gs412\nodejs\node_global" npm config set cache "D:\gs412\nodejs\node_cache"
2022-04-23 11:23 | 阅读 1078 次 | 评论 0 条

vscode 关闭烦人的 参数提示(不是智能提示)

如下图这种提示,没多大作用,很干扰视线 关闭它只需要在settings.json加入如下一行: "editor.parameterHints.enabled": false,
2022-04-04 10:48 | 阅读 874 次 | 评论 0 条

libsass的Windows安装包

来自非官方发行包: http://libsass.ocbnet.ch/installer/
2021-04-22 20:42 | 阅读 1218 次 | 评论 0 条

firefox使用正则表达式的零宽断言排除指定的网络请求

应用场景:我需要在firefox的开发者工具中查看网络请求情况,但是有一个每秒一次的ajax请求大量出现,影响查看其他请求。如图: 解决办法:在过滤器中用正则表达式的零宽断言排除掉这个请求地址,比如排除掉ajax_get_balance这个请求地址就用 regexp:^(?!.*ajax_get_balance).*$ ,如图:
2020-07-02 11:31 | 阅读 2458 次 | 评论 0 条

复制一段代码也没什么丢人的

多年前编程圈流行一个段子:“以代码重用为荣,以复制粘贴为耻”,这个段子应该加一个限制:“仅限于后端”,就算后端也不能100%的执行这个原则,否则可能会把自己框死。 前端,过度的注重重用,会让代码变得很抽象,用抽象的代码实现直观的界面,就像用筷子夹鸡蛋,何必跟自己过不去。前端该复制时就复制,该粘贴时就粘贴,做前端,产品思维比技术思维更重要
2019-10-19 12:52 | 阅读 2420 次 | 评论 3 条

一个1x1px大小Data/Base64数据的gif透明图片

<!---黑--> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs="> <!---灰---> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAMLCwgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw=="> <!---透明---> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABA...
2018-08-29 11:05 | 阅读 2320 次 | 评论 0 条

今天刚发现outline这个css属性,结合border可实现双边框效果

只需要给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,大框套小框。真是...
2018-03-25 01:00 | 阅读 2065 次 | 评论 1 条

ECMAScript6(es6)实现并集(union)、交集(intersection)、差集(difference)

并集(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...
2018-03-15 12:47 | 阅读 2688 次 | 评论 1 条

语法高亮插件prism.js不错,下一个项目就用它了

做个记号....................
2018-01-15 00:44 | 阅读 1636 次 | 评论 0 条

javascript读取网页图片(验证码)然后发送到服务器

挺简单的 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...
2017-08-02 17:38 | 阅读 2294 次 | 评论 0 条

收集一个语法高亮插件prismjs

http://prismjs.com/
2016-11-12 18:16 | 阅读 2470 次 | 评论 0 条

jquery实现滚动新闻播报,超简短

太短了,我都佩服我自己了。原理就是不停的把第一条放到最后,然后向前滚动一条。 <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...
2016-08-09 20:26 | 阅读 4100 次 | 评论 0 条

jquery的幻灯片插件RoyalSlider

可以支持手机触屏滑动幻灯片,使用简单,定制性强。 http://dimsemenov.com/plugins/royal-slider/
2016-05-19 10:37 | 阅读 19180 次 | 评论 0 条

jquery的图像剪裁插件Jcrop

很好用 http://jcrop.org/
2016-05-19 10:34 | 阅读 18776 次 | 评论 0 条

jquery无缝隙连续滚动代码【走马灯效果】

通常我们在做网页布局的时候,客户为要求在某个地方实现图片滚动或文字滚动的展示,这就是所谓的跑马灯效果,在以前蓝叶用html标签marquee来做跑马灯效果,marquee不是很完美,如果一个层的宽度或高度过长,那么中间会用空隙显得很不美观;现在蓝叶用jquery无缝隙连续滚动代码来实现跑马灯效果,这段jquery无缝隙连续滚动代码可以自由设置,向左、向右、向上、向下的滚动效果,如果你需要就把以下代码复制到你需要的地方,稍微进行修改即可使用了,这是一段jquery代码,需要jquery库的支持才行。 //以下代码复制到JS文件中调用 $.fn.imgscro...
2016-05-16 17:20 | 阅读 22271 次 | 评论 0 条

在移动端(比如手机)使用jquery获得触摸事件

不要用click,click是手指离开屏幕时才触发,显得反应不灵敏,用touchstart。示例代码如下: $('div.dom').on('touchstart', function (evt) { // });
2016-05-12 15:48 | 阅读 15956 次 | 评论 0 条

Jquery动态构建form

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...
2015-11-13 16:32 | 阅读 4142 次 | 评论 0 条

几行js代码实现前端支持rails的data-remote="true"

rails的data-remote="true"很方便,链接加上这个属性点击链接即可在前端运行链接所指向的服务端返回的js代码。前端只需要下面几行代码 $(document).ready(function () { $("a[data-remote=true]").click(function(e){ e.preventDefault(); $.getScript($(this).attr('href')); }); });
2015-07-14 09:59 | 阅读 4240 次 | 评论 0 条

用jquery实现post请求(非ajax)

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...
2015-05-09 10:32 | 阅读 3598 次 | 评论 1 条
浏览2617268次
文章归档
最新评论