gulp 压缩图片 压缩 图片文件可降低文件大小,提高图片加载速度. 找到规律转换为 gulp 代码 规律 找到 images/ 目录下的所有文件,压缩它们,将压缩后的文件存放在 dist/images/ 目录下. gulp 代码 一.安装 gulp-imagemin 模块 提示:你需要使用命令行的 cd 切换至对应目录再进行安装操作和 gulp 启动操作. 在命令行输入 npm install gulp-imagemin 安装成功后你会看到如下信息:(安装时间可能会比较长取决于网络) npm…

gulp 压缩css 一.安装 gulp-minify-css 模块 提示:你需要使用命令行的 cd 切换到对应目录后进行安装操作. 在命令行输入 npm install gulp-minify-css 安装成功后你会看到如下信息:(安装时间可能会比较长取决于网络) D:\wamp\www\BootsDataTable>npm install gulp-minify-cssnpm WARN deprecated gulp-minify-css@1.2.4: Please use gulp-cle…

这是我的文件目录结构图  下面是我gulpfile.js的配置 'use strict' var gulp=require('gulp'); var gutil=require('gulp-util'); var uglify=require('gulp-uglify'); var watchPath=require('gulp-watch-path'); var combiner=require('stream-combiner2'); var sourcemaps=require('gulp…

mongodb 基本操作(续)--聚合.索引.游标及mapReduce 目录 聚合操作 MapReduce 游标 索引 聚合操作 像大多关系数据库一样,Mongodb也提供了聚合操作,这里仅列取常见到的几个聚合操作: Count计数 就像db.collection.find()操作能返回满足条件的记录一样,db.collection.count()返回满足条件的记录数,如下: db.blog.count({"title":"mongo"}) 此命令返回blog集合中…

使用 gulp 编译 Sass Sass 是一种 CSS 的开发工具,提供了许多便利的写法,大大节省了开发者的时间,使得 CSS 的开发,变得简单和可维护. 安装 npm install gulp-sass (--save-dev) 括号中的可选 基本用法 Something like this will compile your Sass files: 'use strict'; var gulp = require('gulp');var sass = require('gulp-sass'…

mongodb 基本操作 目录 mongodb安装 mongod启动 mongo shell启动 mongod 停止 mongodb基本操作:CRUD 数据插入 数据查询 数据更新 数据删除 集合删除 mongodb安装 下载tgz文件,直接tar -zxv -f 解压,放到/usr/local目录下,这个可以根据需要决定目录位置. 然后再单独设置个数据及日志目录,例如:/var/mongodb,这个也根据需要自己设置. 之所以把安装目录和数据目录,是为了保持各自的清晰性.因为使用同一个mong…

mongodb部署--主备.副本及数据分片 主备复制 副本集 数据分片 主备复制 主备复制是最基本的一种多点部署方案,在读写分离.热备份.数据恢复等方面具有重要作用. 在真实的生产环境,主备库肯定需要部署在不同的服务器中,但鉴于学习测试,这里以一台机器的不同端口进行模拟. 准备工作: 安装Mongodb的二进制程序安装步骤 假设已经安装在/usr/local/mongodb/目录 为主库及备库创建数据目录: 主库目录:/var/mongodb_master/data/ /var/mongodb_…

Joomla - 优化(时区.google字体.压缩图片.压缩自定义代码) 一.时区 发布文章是往往会发现发布时间和当前时间对不上,原因是 Joomla 用的是国际标准时间,和中国时区大约相差8小时,想要解决此问题,只要在后台全局配置中修改时区即可 改为亚洲的时区 二.google字体 Joomla 加载页面较慢的问题一般出在 加载 google 字体,由于国内加载 google 字体比较困难(科学上网问题),页面渲染要等字体加载成功或加载失败后才进行,所以如果半天加载不到字体,就会感觉半天打不…

本节实现图片压缩,在实现压缩前,先配置images任务,设置源目录和输出目录. 在系列(二)代码的基础上,再进行扩展. 1.找到gulp->config.js,对images进行源目录(src->img)和输出目录(build->img)的配置: 2.gulp->tasks里新建images任务,如下图: 3.同时在default任务序列里添加images任务: gulp.task('default', ['less', 'images', 'watch']); 4.最后在watc…

前提需要安装nodejs 一. 全局安装Gulp npm install -g gulp 二.新建一个 gulpfile.js 文件 chapter2└── gulpfile.js 三.在 gulpfile.js 中编写代码 // 获取 gulpvar gulp = require('gulp')require() 是 node (CommonJS)中获取模块的语法. 在 gulp 中你只需要理解 require() 可以获取模块. 四.获取 gulp-uglify 组件 // 获取 uglif…

目前做代码压缩合并的工具有很多,诸如gulp,webpack,grunt等等,可以说这些项目构建工具的功能非常之强大:图片压缩.图片转base64.css和js的压缩以及合并,文件的md5重命名 --.本人之前也是在项目中没具体使用过,闲来无事,查查资料,自己写了一个用gulp工具的小demo,有很多不足之处,欢迎指点. 第一步:安装node和npm 不用说,要用gulp,得先安装node和npm(安装完node后,自带有npm) Node官网下载地址:https://nodejs.org/en…

请务必理解如下章节后阅读此章节: 安装 Node 和 gulp 使用 gulp 压缩 JS 压缩 图片文件可降低文件大小,提高图片加载速度. 找到规律转换为 gulp 代码 规律 找到 images/ 目录下的所有文件,压缩它们,将压缩后的文件存放在 dist/images/ 目录下. gulp 代码 一.安装 gulp-imagemin 模块 提示:你需要使用命令行的 cd 切换至对应目录再进行安装操作和 gulp 启动操作. 在命令行输入 npm install gulp-imagemin…

Membership 三步曲之入门篇 - Membership基础示例 Membership三步曲之入门篇 -  Membership基础示例 Membership三步曲之进阶篇 -  深入剖析Provider model Membership三步曲之高级篇 -  从Membership 到 .NET 4.5 之 AspNet.Identity Membership是ASP.NET为我们提供的一套验证和存储用户凭证的框架.它可以帮助我们快速的开发用户登录.管理以及权限验证相关的模块,很多人可能会…

本文转自:http://www.cnblogs.com/jesse2013/p/membership.html Membership三步曲之入门篇 - Membership基础示例   Membership 三步曲之入门篇 - Membership基础示例 Membership三步曲之入门篇 -  Membership基础示例 Membership三步曲之进阶篇 -  深入剖析Provider model Membership三步曲之高级篇 -  从Membership 到 .NET 4.5 之…

git和github新手安装使用教程(三步入门) 对于新手来说,每次更换设备时,github的安装和配置都会耗费大量时间.主要原因是每次安装时都只关心了[怎么做],而忘记了记住[为什么].本文从操作的原因入手,将github的安装和配置分为了三个步骤,再细分成各个小步骤,方便大家形成形象记忆,早日脱离该教程的帮助. 使用github只需要简单的三步: 一:初始化本地仓库git 二:将自己的电脑与指定github账户关联 三:将自己的仓库与github上的某个项目关联 一:初始化本地仓库git 1…

Membership 三步曲 ASP.NET 安全系列 Membership三步曲之入门篇 ASP.NET 安全系列 Membership三步曲之进阶篇 ASP.NET 安全系列 Membership三步曲之高级篇 Membership是ASP.NET为我们提供的一套验证和存储用户凭证的框架.它可以帮助我们快速的开发用户登录.管理以及权限验证相关的模块,很多人可能会说Membership开发起来确实很快,但是总是和需求有那么一点不匹配,那我们就要用到Membership的自定义扩展功能了,如果真…

前两天要对一张图片进行处理,其实很简单,就是在图片上加上字符串,一个图片而已,但是自己如同得了短暂性失忆似的,图片操作的函数一个都想不起来.所以就抽空整理了一下图片操作函数. 1. 创建画布 从文件中创建一个新图像 imagecreatefromgif($filename) imagecreatefromjpeg($filename) imagecreatefrompng($filename) 上面几个函数区别在于图片格式,知道了图片的格式就能选对函数. $type_arr = array(1=…

接上一篇 Newbe.Claptrap 框架入门,第二步 —— 简单业务,清空购物车 ,我们继续要了解一下如何使用 Newbe.Claptrap 框架开发业务.通过本篇阅读,您便可以开始学会添加一个全新的 Claptrap. Newbe.Claptrap 是一个用于轻松应对并发问题的分布式开发框架.如果您是首次阅读本系列文章.建议可以先从本文末尾的入门文章开始了解. 开篇摘要 本篇,我通过实现 “管理库存” 的需求来了解一下如何在已有的项目样例中定义一个 Claptrap. 结合前一篇的基本步骤…

Gulp新手入门教程 原文  http://w3ctrain.com/2015/12/22/gulp-for-beginners/ Gulp 是一个自动化工具,前端开发者可以使用它来处理常见任务: 搭建web服务器 文件保存时自动重载浏览器 使用预处理器如Sass.LESS 优化资源,比如压缩CSS.JavaScript.压缩图片 当然Gulp能做的远不止这些.如果你够疯狂,你甚至可以使用它搭建一个静态页面生成器.Gulp真的足够强大,但你必须学会驾驭它. 这是这篇文章的主要目的.帮助你了解Gu…

Gulp 是一个自动化工具,前端开发者可以使用它来处理常见任务: 搭建web服务器 文件保存时自动重载浏览器 使用预处理器如Sass.LESS 优化资源,比如压缩CSS.JavaScript.压缩图片 当然Gulp能做的远不止这些.如果你够疯狂,你甚至可以使用它搭建一个静态页面生成器.Gulp真的足够强大,但你必须学会驾驭它. 这是这篇文章的主要目的.帮助你了解Gulp的基础用法,助你早日完成一统天下的大业. 在我们深入了解之前,我们先来说说为什么是Gulp. 为什么是Gulp? 类似Gulp的…

前言 新人使用gulp的一个记录. 首先对于第一个新事物,我会问gulp这是什么? 答:gulp是一个自动化构建工具,它可以做一些自动化的任务,比如: 检查Javascript 编译Sass(或Less之类的)文件 合并Javascript 压缩并重命名合并后的Javascript 变更静态资源 给静态资源添加 md5 合并雪碧图 自动刷新浏览器 ... 以前为了提高网站的访问速度,这些都是人工做的,现在gulp可以很好的完成他们,因为它们是流程化的,程序员就是极客,这种能用程序做的当然不用人来…

本文链接:http://www.ydcss.com/archives/18 gulp详细入门教程 简介: gulp是前端开发过程中对代码进行构建的工具,是自动化项目的构建利器:她不仅能对网站资源进行优化,而且在开发过程中很多重复的任务能够使用正确的工具自动完成:使用她,我们不仅可以很愉快的编写代码,而且大大提高我们的工作效率. gulp是基于Nodejs的自动任务运行器, 她能自动化地完成 javascript/coffee/sass/less/html/image/css 等文件的的测试.检查…

今天刚入职了一家新公司,结果明天就要开始项目了.上级说要用gulp来打包代码,所以今晚花了一晚来看这个gulp, 可以说已经入门了.所以做一个小小的总结 : 首先全局安装gulp npm install gulp -g   然后我在F:/盘新建一个gulpDemo路径, 进入到这里面,在本地再次安装一次gulp,我也不知道为什么本地还要安装.你就装吧,哈哈 不过,在安装之前,确保 gulpDemo 这个文件夹里有package.json 这个文件 这个文件如下: /package.json {…

根据2015年的数据统计情况,并结合<苹果应用商店审核指南>,互娱 iOS 预审组通过细分将预审工作划为3大模块:客户端资源检查.应用内容检查和提审资源检查. 在上一篇文章中,Bugly 重点为大家介绍了客户端资源检查的内容,今天我们要为大家介绍的是关于应用内容检查和提审资源检查的部分. 第二步:应用内容篇 对应用的内容进行审查,是确认无涉及色情.庸俗.暴力.枪支等内容:并对公告文字等筛查,无苹果禁止的字眼等:应用内不包含cdkey兑换,好友邀请及炫耀等苹果最新禁止的内容. 1. 文字内容检查…

前言 一句话先 gulp 是一个可以简单和自动化"管理"前端文件的构建工具 先说我以前的主要工作,我主要是做游戏服务端的,用c++/python,所以我对东西的概念理解难免要套到自己做过的技术上,所以有时候有些技术说法对不上,还请看到这篇文章的人指正指正. gulp快速入门&初体验 [toc] 干嘛的 简单的说 前段构建工具 自动化 管理前端代码 gulp 的作用就是帮你处理前端文件, 什么 js 什么 html 什么css 还有json等等前端文件. 麻溜的!自动的!把本该由…

day11 JSP入门   1 JSP概述 1.1 什么是JSP JSP(Java Server Pages)是JavaWeb服务器端的动态资源.它与html页面的作用是相同的,显示数据和获取数据.   1.2 JSP的组成 JSP = html + Java脚本(代码片段) + JSP动态标签   2 JSP语法   2.1 JSP脚本 JSP脚本就是Java代码片段,它分为三种: <%...%>:Java语句: <%=-%>:Java表达式: <%!...%>:Ja…

静觅 » Python爬虫入门三之Urllib库的基本使用 1.分分钟扒一个网页下来 怎样扒网页呢?其实就是根据URL来获取它的网页信息,虽然我们在浏览器中看到的是一幅幅优美的画面,但是其实是由浏览器解释才呈现出来的,实质它是一段HTML代码,加 JS.CSS,如果把网页比作一个人,那么HTML便是他的骨架,JS便是他的肌肉,CSS便是它的衣服.所以最重要的部分是存在于HTML中的,下面我们就写个例子来扒一个网页下来. import urllib2 response = urllib2.urlo…

本文原创并首发于公众号[Python猫],未经授权,请勿转载. 原文地址:https://mp.weixin.qq.com/s/5hpFDgjCpfb0O1Jg-ycACw 熟悉 "Python猫" 的读者应该知道,猫哥我发布的所有文章都使用了极具特色的配图--原创文章使用猫图,转载文章使用狗图,极少例外. 这几天,我在用 Github page + hexo 搭建个人网站,为了延续风格,就想把配图与文章一起迁移过去.这时候就出现了一个难题:我所用的图片都是高清大图,放到网站上就严重拖…

一.在组件包下新建compressImage.js // 压缩图片 // eslint-disable-next-line no-unused-vars export function compressImage (file, config) { // eslint-disable-next-line no-unused-vars let src // eslint-disable-next-line no-unused-vars let files // let fileSize = pars…

Membership 三步曲之进阶篇 - 深入剖析Provider Model 本文的目标是让每一个人都知道Provider Model 是什么,并且能灵活的在自己的项目中使用它. Membership三步曲之入门篇 - Membership 基础示例 Membership三步曲之进阶篇 - 深入剖析Provider Model Membership三步曲之高级篇 -  从Membership 到 .NET 4.5 之 AspNet.Identity 在入门篇中我们已经从0开始将Membersh…