uglifyjs 压缩js代码常用命令

uglifyjs input.js --compress --mangle -o output.js --compress: 启用代码压缩选项,例如删除未使用的代码、简化常量等。 --mangle: 启用变量名简化选项,例如将变量名替换为更短的名称。 如果想直接压缩文件本身,不生成新文件,可以让 input.js 和 output.js 重名即可,即输出文件为源文件本身
2023-07-22 21:31 | 阅读 772 次 | 评论 0 条

给 layer.tips 加上 offset 功能

在 layer.js 文件最下面加上补丁代码: (function () { old_layer_tips = layer.tips layer.tips = function(content, follow, options) { old_success = options['success'] || function (the_tips, index) {} options['success'] = function(the_tips, index) { if ('offset' in options) { v...
2023-07-13 23:35 | 阅读 438 次 | 评论 0 条

javascript 删除数组中的 undefined

javascript用delete删除数组中的元素后,元素的位置会留下undefined,数组长度仍然不变。有时候很烦人,怎么去掉这些undefined元素呢?很简单,用.filter(e => e),比如: > data = [1, 2, 3, 4] [ 1, 2, 3, 4 ] > delete data[1] true > data [ 1, <1 empty item>, 3, 4 ] > data.filter(e => e) [ 1, 3, 4 ]
2023-06-14 22:09 | 阅读 615 次 | 评论 0 条

将一个文件夹中所有的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 | 阅读 1424 次 | 评论 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 | 阅读 1317 次 | 评论 0 条

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

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

libsass的Windows安装包

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

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

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

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

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

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

做个记号....................
2018-01-15 00:44 | 阅读 1779 次 | 评论 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 | 阅读 2462 次 | 评论 0 条

收集一个语法高亮插件prismjs

http://prismjs.com/
2016-11-12 18:16 | 阅读 2630 次 | 评论 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 | 阅读 4303 次 | 评论 0 条

jquery的幻灯片插件RoyalSlider

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

jquery的图像剪裁插件Jcrop

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

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

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

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

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