使用Glup.JS优化JS、CSS、图片,压缩合并            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2015-12-01 10:37:05
                            
                                2047阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            Grunt的配置及使用(压缩合并js/css) 安装 前提是你已经安装了nodejs和npm。 你能够在 nodejs.org 下载安装包安装。也能够通过包管理器(比方在 Mac 上用 homebrew,同一时候推荐在 Mac 上用 homebrew)。 安装grunt CLI npm instal            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2017-08-08 17:45:00
                            
                                242阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            本文主要介绍如何通过CLI命令行(也就是终端或者cmd打开的那个shell窗口)实现 js和 css 的合并压缩。uglifyjs 合并压缩 js:1.安装node这一步就不多说了,下载node自行安装。 2.安装 uglifyjs全局安装:npm install -g uglify-js局部安装:npm install --save-dev uglify-js 3.在终端执行合并压缩命令ugli            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-05-04 22:26:19
                            
                                981阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            需要引入样式.black_overlay{  display: none;  position: absolute;  top: 0%;  left: 0%;  width: 100%;  height: 100%;  background-color: black;  z-index:1001;  -moz            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2015-05-21 13:58:20
                            
                                1075阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <!DOCTYPE HTML><html><head><meta charset="utf-8"><title>JS心型线</title><style>	div{	  position:absolute;	}	.xx-box{	  left:50% op:50%;	  margin-left:-250px;	  margin-top:-250px;	  width:500px;	  he            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-02-09 11:09:55
                            
                                44阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            日常工作中总会设计到超过1G以上文件的下载或者上传,由于单文件scp是有速度上限的,将其分卷压缩,然后再scp就简单快速多了。下面记录一下过程。分卷压缩举例:将10G大小的log文件2017.log打包压缩并分割成多个100m的文件# 分卷压缩gz
# tar zcf - 2017.log |split -d -b 100m - logs.tar.gz.
# 生成文件: logs.tar.gz.0            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-03-24 20:16:51
                            
                                362阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            css+js无限级菜单 无需要修改css,菜单个数在js的(x css+js无限级菜单-w3css.com            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2008-10-14 13:13:00
                            
                                111阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "://.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="://.w3.org/1999/xhtml"> <head>            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2009-07-20 19:34:00
                            
                                111阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            Apache Doris中的Compaction操作是存储引擎的核心后台任务,尤其在Merge-on-Write (MoW)模式下至关重要。Compaction通过合            
                
         
            
            
            
            引用:https://www.jianshu.com/p/08c7babdec65压缩 js 文件1、创建一个目录 名为grunt 目录.png2、在grunt目录下创建一个 src目录,存放我们要压缩、合并的js文件。 图片.png3、创建package.json文件 文件.pngpackage.json文件,包含了项目的一些信息,如项目的名称、描述、版本号            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2022-09-22 16:19:25
                            
                                110阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
              平常会做一些有意思的小案例练手,通常都会发到codepen上,但是codepen不能写分析。                 
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2018-11-02 16:32:00
                            
                                349阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            
                    转的.
[img]http://dl.iteye.com/upload/attachment/526631/b659f1cd-db37-3d1a-8a0b-83a7513f3108.png[/img]
<html>
<head>
	<style>
		.body{
			background-color:white;
	            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-05-19 11:52:44
                            
                                139阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            昨天同事发给我一个图表问CSS可以实现不 ,后来看了看,感觉可以实现,不过最后只实现了初步的样子
 
图片如下:
css代码如下:
 
<style>li{float:left;}ul,li{margin:0;padding:0;}ul{list-style:none; position:relative; height:200px; width:50            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2009-06-18 11:11:36
                            
                                894阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            原文地址:http://www.cnblogs.com/yes123/p/3944047.html纯css+js下拉菜单实例代码分享一个css+js下拉菜单代码,js+css实现的简单下拉菜单,兼容性不错。例子:<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN"> <head> <meta            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                            精选
                                                        
                            2014-08-29 06:04:01
                            
                                508阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            那么我们可以得到线的左边距是每一项的左边距加上一个值。这个值是每一项的宽度减去线的宽度的结果再除以二。使用css和js实现一个tab切换的效果。// 计算下划线位置。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-10-03 08:50:28
                            
                                2320阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            分享一个css结合js制作下拉菜单代码。<%@page pageEncoding="utf-8" 
contentType="text/html;charset=utf-8" %> 
<HTML> 
<HEAD> 
<title>js下拉菜单_www.yuju100.com</titl            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                            精选
                                                        
                            2014-09-05 06:10:33
                            
                                507阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            预览地址:[url]http://www.zcool.com.cn/preview/code/css/34/01/[/url] 预览地址:[url]http://www.zcool.com.cn/preview/code/css/34/02/[/url] 预览地址:[url]http://www.zcool.com.cn/preview/code/css/34/03/[/url] 预览地址:[ur            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                            精选
                                                        
                            2008-11-10 11:07:30
                            
                                650阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta htt...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2010-07-08 17:40:00
                            
                                85阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            (目录)
实现效果
使用css和js实现一个tab切换的效果
原理解析
如上图
红色框框代表盒子,总宽度记作 totalWidth
绿色框框代表每一项,宽度记作itemWidth
深蓝色框框代表的是下划线,宽度记作activeWitdh
那么我们可以得到线的左边距是每一项的左边距加上一个值
这个值是每一项的宽度减去线的宽度的结果再除以二
即
// index是当前点击的item索引,从0            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-09-17 09:53:43
                            
                                1608阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            目录ØJavaScript 31.HTML对象获取问题 32.const问题 33.event.x与event.y问题 34.window.location.href问题 35.frame问题 36.模态和非模态窗口问题 37.firefox与IE的父元素(parentElement)的区别 38.document.for            
                
                    
                        
                                                            
                                                                        
                                                                                        翻译
                                                                                    
                            2022-02-28 10:03:19
                            
                                221阅读