uglifyjs input.js --compress --mangle -o output.js
--compress: 启用代码压缩选项,例如删除未使用的代码、简化常量等。
--mangle: 启用变量名简化选项,例如将变量名替换为更短的名称。
如果想直接压缩文件本身,不生成新文件,可以让 input.js 和 output.js 重名即可,即输出文件为源文件本身
在 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...
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 ]
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) {
//
});