使用gulp时常用的插件介绍及用法
可供使用的插件:
编译
gulp-sass
- 通过 libsass将Sass编译成 CSS
gulp-ruby-sass
- 通过 Ruby Sass将Sass编译成CSS
gulp-compass
- 通过 Ruby Sass和CompassSass编译成CSS
gulp-less
- Less编译成 CSS.
gulp-stylus
- Stylus 编译成 CSS.
gulp-postcss
- Pipe CSS 通过 PostCSS processors with a single parse.
gulp-coffee
- Coffeescript 编译成 JavaScript.
gulp-typescript
- TypeScript编译成JavaScript.
gulp-react
- Facebook React JSX 模板编译成JavaScript.
webpack-stream
- 将webpack集成在Gulp中使用。
gulp-babel
- ES6编译成ES5 通过 babel.
gulp-traceur
- ES6编译成ES5 通过 Traceur.
gulp-regenerator
- ES6编译成ES5 通过 Regenerator.
gulp-myth
- Myth - a polyfill for future versions of the CSS spec.
合并
gulp-concat
- 合并文件.
压缩
gulp-clean-css
- 压缩 CSS 通过 clean-css.
gulp-csso
- 压缩 CSS 通过 CSSO.
gulp-uglify
- 压缩 JavaScript 通过 UglifyJS2.
gulp-htmlmin
- 压缩 HTML 通过 html-minifier.
gulp-minify-html
- 压缩 HTML 通过 Minimize(包已被弃用,建议使用gulp-htmlmin)
gulp-imagemin
- 压缩 PNG, JPEG, GIF and SVG 图片 通过 imagemin.
gulp-svgmin
- 通过Gulp压缩 SVG 文件
优化
gulp-uncss
- 移除未使用的CSS选择器通过 UnCSS.
gulp-css-base64
- 将CSS文件中所有的资源(有url()声明的)变成base64-encoded 数据的URI字符串
gulp-svg2png
- 将SVGs转换成PNGs
gulp-responsive
- 生成不同尺寸的图片
gulp-svgstore
-将svg files 合并成一个通过 元素
gulp-iconfont
- 通过SVG icons创建 icon fonts
资源注入
gulp-useref
- 解析HTML文件中特殊标签里面的script或style标签,合并成一个script或css文件,并替换。
gulp-inject
- 将指定的css或js文件以标签的形式插入到HTML中的指定标志内。
wiredep
- 将Bower依赖自动注入HTML文件中。
模板
gulp-angular-templatecache
- 在$templateCache中联系并注册AngularJS模板
gulp-jade
- Jade 转换成 HTML.
gulp-handlebars
- Handlebars模板转换成 JavaScript.
gulp-hb
- Handlebars 模板转换成 HTML.
gulp-nunjucks
- Nunjucks模板转换成JavaScript.
gulp-dustjs
- Dust模板转换成JavaScript.
gulp-riot
- Riot模板转换成JavaScript.
gulp-markdown
- Markdown → HTML.
gulp-template
- Lodash 模板转换成JavaScript.
gulp-swig
- Swig模板转换成HTML.
gulp-remark
- Gulp plugin for [remark]的Gulp插件(https://github.com/wooorm/remark) 通过插件处理markdown
代码校验
gulp-csslint
- 通过CSSLint自动校验CSS.
gulp-htmlhint
- 通过HTMLHint校验HTML.
gulp-jshint
- 通过JSHint发现错误和潜在的问题.
gulp-jscs
- 通过jscs检查JavaScript代码风格.
gulp-coffeelint
- 一种用来保证CoffeeScript代码风格统一的检查。
gulp-tslint
- gulp的TypeScript代码校验插件.
gulp-eslint
- ECMAScript/JavaScript代码校验.
gulp-w3cjs
- 通过w3cjs检验HTML.
gulp-lesshint
- 通过lesshint校验LESS.
实时加载
browser-sync
- 保证多个浏览器或设备网页同步显示 (recipes).
gulp-livereload
- Gulp的实时加载插件.
缓存
gulp-changed
- 仅让发生改变的文件通过.
gulp-cached
- 一个简单的文件内存缓存.
gulp-remember
- 记忆并回收通过了的文件.
gulp-newer
- 只让新的源码通过.
流控制
merge-stream
- 合并多个流到一个插入的流.
streamqueue
- 逐渐输入队列的流.
run-sequence
- 按要求运行一些依赖的Gulptask.
gulp-if
- 按照条件运行task.
日志
gulp-notify
- Gulp的通知插件.
gulp-size
- 显示你的项目的大小.
gulp-debug
- 通过调试文件流来观察那些文件通过了你的Gulp管道.
测试
gulp-mocha
- 运行Mocha测试用例.
gulp-jasmine
- 在Node.js中运行Jasmine 2 测试用例.
gulp-protractor
- 为Protractor测试用例包裹Gulp.
gulp-coverage
- 为Node.js覆盖相对于运行的测试运行独立的报告.
gulp-karma
- 通过Gulp运行Karma测试用例.
gulp-ava
- 通过Gulp运行AVA 测试用例.
其他插件
gulp-util
- 包含一系列有用插件.
gulp-plumber
- 防止错误引起管道中断Prevent pipe breaking caused by errors.
gulp-load-plugins
- 自动加载Gulp插件.
main-bower-files
- 构建时自动获取bower库的文件.
autoprefixer
- 解析CSS且根据规则添加浏览器兼容性前缀.
gulp-sourcemaps
- 提供source map支持.
gulp-replace
- Gulp的一个字符串替换插件.
gulp-rename
- 轻松重命名文件.
gulp-rev
- 在静态文件名的后面添加hash值,如: unicorn.css → unicorn-d41d8cd98f.css.
del
- 使用globs删除文件/文件夹.
gulp-exec
- 运行一个shell命令.
gulp-strip-debug
- 除去javascript代码中的console,alert,debugger声明.
gulp-cssimport
- 解析CSS文件,找到imports,将连接文件替换成imort声明.
gulp-inline-css
- 将HTML中的css属性放到style标签中.
gulp-gh-pages
- 将内容发布到GiHub有页面.
gulp-ng-annotate
- 通过ng-annotate添加Angular依赖注入.
gulp-bump
- 通过Gulp Bump任何semvar JSON版本.
gulp-file-include
- 通过Gulp Include文件.
gulp-zip
- 以ZIP格式压缩文件.
gulp-git
- 通过Gulp运行git命令.
gulp-filter
- 使用globbing过滤文件.
gulp-preprocess
- 基于自定义内容或环境配置预处理文件.
常用插件用法介绍:
1、gulp: 测试、检查、合并、压缩、格式化、部署,监听,优化网页性能。
首先抛出一个问题:我们为什么用gulp?首先先问自己一个问题:平时用sass/less写css,用jade写/html代码,那么这些文件的的测试、检查、合并、压缩、格式化、部署,监听。应该怎么完成呢?就来压缩合并来讲,可以减少多个css,js文件请求,优化网页性能,这样的工作是否应该有一个很好的解决方案呢?—答案就是gulp
使用npm进行安装:
npm install gulp -g //全局安装gulp
npm install gulp --save //本地安装gulp
使用方法:
gulp有4个属性,即src,dest,watch,task:
gulp.task(name[, deps], fn)//定义一个使用 Orchestrator 实现的任务(task)。name:任务的名字,如果你需要在命令行中运行你的某些任务,那么,请不要在名字中使用空格。deps:类型: Array,一个包含任务列表的数组,这些任务会在你当前任务运行之前完成。fn:该函数定义任务所要执行的一些操作。gulp.src(globs[, options]) //输出(Emits)符合所提供的匹配模式(glob)或者匹配模式的数组(array of globs)的文件,globs类型: String 或 Array注意:
gulp.src('./src/css/*.css')中有第二个参数base,可以指定基础路径,如果不设置,则默认基础路径为 * 之前的路径。
base:'./src/css'
如果设置了 gulp.src('./src/css/*.css',{base:'./'})
则base是'./'
gulp.dest('./dist/css')传入的参数就是base路径
base:'./dist/css'
举个栗子来解释什么是替换
gulp.src('./src/css/*.css').pipe().pipe(gulp.dest('./dist/css'));
那么最后文件处理完成的最终路径是./dist/css/*.css
如果是gulp.src('./src/css/*.css',{base:'./'}).pipe().pipe(gulp.dest('./dist/css'));
那么最后文件处理完成的最终路径是./dist/css/src/css/*.cssgulp.dest(path[, options]) //能被 pipe 进来,并且将会写文件。并且重新输出(emits)所有数据,因此你可以将它 pipe 到多个文件夹。如果某文件夹不存在,将会自动创建它。path类型: String or Functiongulp.watch(glob[, opts], tasks)//监视文件,并且可以在文件发生改动时候做一些事情。glob:类型: String or Array,tasks:类型: Array
2、gulp-sass: 通过 libsass将Sass编译成 CSS
使用npm进行安装:
npm install gulp-sass --save-dev
使用方法:
1.编译sass文件夹下的scss类型的文件为css文件的写法:
'use strict';
var gulp = require('gulp');//引入gulp
var sass = require('gulp-sass');//引入gulp-sass
gulp.task('sass', function () { //创建sass任务名return gulp.src('./sass/**/*.scss') //读取"./sass/**/"目录下的所有scss类型文件.pipe(sass().on('error', sass.logError)) //调用sass方法编译成css文件并打印错误日志,sass()方法用于转换sass到css.pipe(gulp.dest('./css')); //将生成的css文件放到"./css"文件夹下
});
gulp.task('sass:watch', function () { //监听sass文件的变化gulp.watch('./sass/**/*.scss', ['sass']); //在sass任务执行之后,监听./sass/**/下的所有scss类型文件
});
2.同步编译转换的写法:
'use strict';
var gulp = require('gulp');
var sass = require('gulp-sass');
gulp.task('sass', function () {return gulp.src('./sass/**/*.scss').pipe(sass.sync().on('error', sass.logError)) //调用sass.sync方法同步编译成css文件并打印错误日志.pipe(gulp.dest('./css'));
});
gulp.task('sass:watch', function () {//监听sass文件的变化gulp.watch('./sass/**/*.scss', ['sass']);
});
3、gulp-less:Less编译成 CSS
使用gulp-less
插件将less文件编译成css,当有less文件发生改变自动编译less,并保证less语法错误或出现异常时能正常工作并提示错误信息。
使用npm进行安装:
npm install gulp-less --save-dev
使用方法:
1.编译less类型的文件为css文件的写法:
var gulp=require('gulp'),//引入gulp
var less=require('gulp-less');//引入gulp-less
gulp.task('testLess',function(){ //创建testLess任务名gulp.src('src/less/index.less') //读取"src/less/"目录下的所有index.less类型文件.pipe(less()) //调用less()将less文件转换成css文件.pipe(gulp.dest('src/css')); 将生成的css文件放到"src/css"文件夹下
});
2.编译多个less类型文件的写法:
var gulp=require('gulp'),
var less=require('gulp-less');
gulp.task('testLesslist',function(){gulp.src(['src/index.less','src/less/detail.less'])//多个文件以数组形式传入.pipe(less()).pipe(gulp.dest('src/css'));//将会在src/css下生成index.css以及detail.css
});
4、gulp-stylus: Stylus 编译成 CSS
使用npm进行安装:
npm install --save-dev gulp-stylus
使用方法:
1.基本写法:
var gulp = require('gulp');//引入gulp
var stylus = require('gulp-stylus');//引入gulp-stylus
gulp.task('one', function () {//创建one任务return gulp.src('./css/one.styl')//读取"./css/"文件夹下one.styl文件.pipe(stylus()) //调用stylus方法转换成css.pipe(gulp.dest('./css/build'));//css文件放到"./css/build"目录下
});
2.gulp-stylus
压缩生成的css
:
gulp.task('compress', function () {return gulp.src('./css/compressed.styl').pipe(stylus({compress: true //需要压缩})).pipe(gulp.dest('./css/build'));
});
5、gulp-clean-css:编译css后压缩,一般都要压缩,用gulp-clean-css 压缩 CSS
使用gulp-clean-css
压缩css文件,减小文件大小,并给引用url添加版本号避免缓存。(之前的有同样功能的gulp-minify-css
已被废弃)
使用npm进行安装:
npm install gulp-clean-css --save-dev
使用方法:
1.基本写法:
var gulp = require('gulp'), //引入gulp
var cssmin = require('gulp-clean-css'); //引入gulp-clean-css
gulp.task('testCssmin', function () { //创建testCssmin任务gulp.src('src/css/*.css') //读取"src/css/"文件夹下所有的css文件.pipe(cleanCSS()) //调用cleanCSS方法压缩css.pipe(gulp.dest('dist/css')); //压缩的css文件放到"dist/css"目录下
});
2.cssmin方法更多参数使用:
var gulp = require('gulp'),cssmin = require('gulp-clean-css');
gulp.task('testCssmin', function () {gulp.src('src/css/*.css').pipe(cleanCSS({advanced: false, //类型:Boolean 默认:true [是否开启高级优化(合并选择器等)]compatibility: 'ie7',//保留ie7及以下兼容写法 类型:String 默认:''or'*' [启用兼容模式; 'ie7':IE7兼容模式,'ie8':IE8兼容模式,'*':IE9+兼容模式]keepBreaks: true,//类型:Boolean 默认:false [是否保留换行]keepSpecialComments: '*'//保留所有特殊前缀 当你用autoprefixer生成的浏览器前缀,如果不加这个参数,有可能将会删除你的部分前缀})).pipe(gulp.dest('dist/css'));
});
6、gulp-csso: 压缩 CSS 通过 CSSO
使用npm进行安装:
npm install gulp-csso --save-dev
使用方法:
1.基本写法:
var gulp = require('gulp');//引入gulp
var csso = require('gulp-csso');//引入gulp-cssogulp.task('default', function () { //创建default任务return gulp.src('./main.css')//读取"./main.css"文件.pipe(csso())//调用csso方法压缩css.pipe(gulp.dest('./out'));//压缩的css文件放到"./out"目录下
});
7、gulp-coffee: Coffeescript 编译成 JavaScript
使用npm进行安装:
npm install --save-dev gulp-coffee
使用方法:
1.基本写法:
var gulp = require('gulp'); //引入gulp
var coffee = require('gulp-coffee');//引入gulp-coffee
gulp.task('coffee', function() { //创建coffee任务gulp.src('./src/*.coffee')//读取"./src"文件夹下所有的coffee文件.pipe(coffee())//调用coffee方法转换成js.pipe(gulp.dest('./public/'));//js文件放到"./public"目录下
});
8、gulp-typescript: typeScript编译成JavaScript
使用npm进行安装:
npm install --global gulp-cli
npm install gulp
npm install gulp-typescript typescript
使用方法:
1.基本写法:
var gulp = require('gulp');//引入gulp
var ts = require('gulp-typescript');//引入gulp-typescript
gulp.task('default', function () {//创建default任务return gulp.src('src/**/*.ts')//读取"src/**"文件夹下所有的ts文件.pipe(ts({noImplicitAny: true, outFile: 'output.js' //输出文件名为"output.js"})).pipe(gulp.dest('built/local'));//js文件放到"built/local"目录下
});
9、gulp-uglify: 通过 UglifyJS2压缩 JavaScript(一般js都要压缩)
使用gulp-uglify压缩javascript文件,减小文件大小。
使用npm进行安装:
npm install --save-dev gulp-uglify
使用方法:
1.基本写法:
var gulp=require('gulp'), //引入gulp
var uglify=require('gulp-uglify'); //引入gulp-uglify
gulp.task('jsmin',function(){ //创建jsmin任务gulp.src('src/js/index.js') //读取"src/js/index.js"文件.pipe(uglify()) //调用uglify压缩js文件.pipe(gulp.dest('dist/js')); //压缩后的文件放到"dist/js"文件夹下
});
2.压缩多个js文件
var gulp=require('gulp'),
var uglify=require('gulp-uglify');
gulp.task('jsmin',function(){ gulp.src(['src/js/index.js','src/js/detail.js'])//多个文件以数组形式传入 .pipe(uglify()) .pipe(gulp.dest('dist/js'));
});
3.带参数的使用
var gulp=require('gulp'), uglify=require('gulp-uglify');
gulp.task('jsmin',function(){ //压缩src/js目录下的所有js文件 //除了test1.js和test2.js(**匹配src/js的0个或多个子文件夹) gulp.src(['src/js/*.js','!src/js/**/{test1,test2}.js']) .pipe(uglify({ mangle:true,//类型:Boolean 默认:true 是否修改变量名 compress:true,//类型:Boolean 默认:true 是否完全压缩 preserveComments:'all'//保留所有注释 })) .pipe(gulp.dest('dist/js'));
});
10、gulp-babel:ES6编译成ES5 通过 babel
使用npm进行安装:
npm install --save-dev gulp-babel @babel/core @babel/preset-env
使用方法:
1.基本写法:
const gulp = require('gulp');
const babel = require('gulp-babel');gulp.task('default', () =>gulp.src('src/app.js') //读取"src/app.js"app.js文件.pipe(babel({presets: ['@babel/env']//presets字段设定转码规则})).pipe(gulp.dest('dist'))//js文件放到"dist"目录下
);
11、gulp-concat: 合并文件,用来减少网络请求。
使用npm进行安装:
npm install --save-dev gulp-concat
使用方法:
1.合并某个文件夹下的所有此类型的文件写法:
var gulp = require('gulp');//引用gulp
var concat = require('gulp-concat');//引入gulp-concat插件
gulp.task('scripts', function() {//创建名为“scripts”的taskreturn gulp.src('./lib/*.js') //读取lib文件夹下的所有js文件.pipe(concat('all.js')) //将读取的所有js文件合并到all.js文件中.pipe(gulp.dest('./dist/')); //将输出的all.js文件放到dist文件夹下,即“./dist/all.js”
});
2.合并特定文件的写法:
var concat = require('gulp-concat');
gulp.task('scripts', function() {return gulp.src(['./lib/file3.js', './lib/file1.js', './lib/file2.js'])//读取多个特定的文件合并.pipe(concat('all.js')).pipe(gulp.dest('./dist/'));
});
12、gulp-replace: gulp的一个字符串替换插件
使用npm进行安装:
npm install --save-dev gulp-replace
使用方法:
1.基本写法:
var gulp = require('gulp');//引用gulp
var replace = require('gulp-replace');//引入gulp-replace插件
gulp.task('templates', function(){gulp.src(['file.txt']) //读取file.txt文件.pipe(replace('bar', 'foo')) //用foo替换bar.pipe(gulp.dest('build/'));//将file.txt内容替换后放到"build/"文件夹
});
13、gulp-htmlmin: 压缩 HTML 通过 html-minifier
使用gulp-htmlmin压缩html,可以压缩页面javascript、css,去除页面空格、注释,删除多余属性等操作。
使用npm进行安装:
npm install gulp-htmlmin --save-dev
使用方法:
1.基本写法:
var gulp = require('gulp');//引用gulp
var htmlmin = require('gulp-htmlmin');//引入gulp-htmlmin插件
gulp.task('minify', function() {return gulp.src('src/*.html')//读取src下的所有html文件.pipe(htmlmin({collapseWhitespace: true})) collapseWhitespace: true,//压缩HTML.pipe(gulp.dest('dist'));//将输出文件放到dist文件夹下
});
2.多参数的用法:
var gulp = require('gulp'),htmlmin = require('gulp-htmlmin');
gulp.task('testHtmlmin', function () {var options = {removeComments: true,//清除HTML注释collapseWhitespace: true,//压缩HTMLcollapseBooleanAttributes: true,//省略布尔属性的值 <input checked="true"/> ==> <input />removeEmptyAttributes: true,//删除所有空格作属性值 <input id="" /> ==> <input />removeScriptTypeAttributes: true,//删除<script>的type="text/javascript"removeStyleLinkTypeAttributes: true,//删除<style>和<link>的type="text/css"minifyJS: true,//压缩页面JSminifyCSS: true//压缩页面CSS};gulp.src('src/html/*.html').pipe(htmlmin(options)).pipe(gulp.dest('dist/html'));//将输出文件放到dist/html文件夹下
});
14、gulp-imagemin:压缩 PNG, JPEG, GIF and SVG 图片 通过 imagemin
使用gulp-imagemin压缩图片文件(包括PNG、JPEG、GIF和SVG图片)
使用npm进行安装:
npm install gulp-imagemin --save-dev
使用方法:
1.基本写法:
var gulp = require('gulp'),//引用gulpimagemin = require('gulp-imagemin');//引入gulp-imagemin插件gulp.task('testImagemin', function () {gulp.src('src/img/*.{png,jpg,gif,ico}')//读取src/img下的所有png,jpg,gif,ico后缀名的文件.pipe(imagemin()) //调用imagemin方法压缩图片.pipe(gulp.dest('dist/img'));//将输出文件放到dist/img文件夹下
});
2.多参数的用法:
var gulp = require('gulp'),imagemin = require('gulp-imagemin');gulp.task('testImagemin', function () {gulp.src('src/img/*.{png,jpg,gif,ico}').pipe(imagemin({optimizationLevel: 5, //类型:Number 默认:3 取值范围:0-7(优化等级)progressive: true, //类型:Boolean 默认:false 无损压缩jpg图片interlaced: true, //类型:Boolean 默认:false 隔行扫描gif进行渲染multipass: true //类型:Boolean 默认:false 多次优化svg直到完全优化})).pipe(gulp.dest('dist/img'));
});
3.深度压缩图片:
var gulp = require('gulp'),imagemin = require('gulp-imagemin'),//确保本地已安装imagemin-pngquant [cnpm install imagemin-pngquant --save-dev]pngquant = require('imagemin-pngquant');
gulp.task('testImagemin', function () {gulp.src('src/img/*.{png,jpg,gif,ico}').pipe(imagemin({progressive: true,svgoPlugins: [{removeViewBox: false}],//不要移除svg的viewbox属性use: [pngquant()] //使用pngquant深度压缩png图片的imagemin插件})).pipe(gulp.dest('dist/img'));
});
4.只压缩修改的图片。压缩图片时比较耗时,在很多情况下我们只修改了某些图片,没有必要压缩所有图片,使用”gulp-cache”只压缩修改的图片,没有修改的图片直接从缓存文件读取(C:\Users\Administrator\AppData\Local\Temp\gulp-cache)。
var gulp = require('gulp'),imagemin = require('gulp-imagemin'),pngquant = require('imagemin-pngquant'),//确保本地已安装gulp-cache [cnpm install gulp-cache --save-dev]cache = require('gulp-cache');gulp.task('testImagemin', function () {gulp.src('src/img/*.{png,jpg,gif,ico}').pipe(cache(imagemin({progressive: true,svgoPlugins: [{removeViewBox: false}],use: [pngquant()]}))).pipe(gulp.dest('dist/img'));
});
文章参考:
https://github.com/Pines-Cheng/awesome-gulp-cn awesome-gulp中文版
http://blog.csdn.net/yczz/article/details/52190251 gulp教程之gulp-less
http://blog.csdn.net/wu_xiaozhou/article/details/52865047 gulp常用插件-gulp-clean-css
http://blog.csdn.net/xuanjiewu/article/details/53318245 gulp教程之gulp-uglify(压缩文件)
http://www.ydcss.com/archives/20 gulp教程之gulp-htmlmin
http://blog.csdn.net/u013063153/article/details/52628506 gulp教程之gulp-imagemin
如若内容造成侵权/违法违规/事实不符,请联系编程学习网邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
相关文章
- 双眼皮后需要注意
...
2024/4/21 7:24:38 - gulp自动化工具详解2+npm解析
#Gulp ## npm(node package manager) ### 基本介绍: 1. 官网 https://www.npmjs.com 2. npm:node package manager:Node包管理器 3. npm中管理了很多前端以及后端(nodejs)使用到的一些框架、库,比如:jquery/angular等等 4. …...
2024/4/21 7:24:37 - 搭建cli命令行脚手架
文章目录node知识常用到的几个库commander命令行界面yargs处理命令行参数inquirershelljsora加载工具chalk和tracer颜色工具download-git-repo和git-clone下载远程模板Handlebars模板引擎metalsmith读取所有文件,实现模板渲染log-symbols显示出 √ 或 等的图标ini 格式转换简单…...
2024/4/21 7:24:37 - 开了双眼皮一直肿胀
...
2024/4/21 7:24:35 - Angular 基础知识规整之路由
Angular 路由基础知识大纲 什么是路由路由的基本用法路由懒加载异步模块嵌套路由传递和获取路由参数 一、什么是路由 路由,百度百科这样说的:路由是指路由器从一个接口上收到数据包,根据数据路由包的目的地址进行定向并转发到另一个接口的…...
2024/4/21 7:24:34 - 做无痕双眼皮能维持多久
...
2024/4/21 7:24:34 - 武汉双眼皮修复无痕手术哪里好
...
2024/4/21 7:24:33 - 割完双眼皮半个月痛
...
2024/4/21 7:24:32 - 上海梦圆无痕迹韩式无痕双眼皮失败案例
...
2024/4/21 7:24:31 - 无痕双眼皮加开眼角
...
2024/4/21 7:24:29 - 上海韩式无痕韩式定点双眼皮恢复
...
2024/4/25 4:24:47 - 无痕双眼皮手术价格
...
2024/4/21 7:24:28 - 中国哪家做双眼皮好
...
2024/4/21 7:24:26 - 上海做双眼皮公立医院
...
2024/5/5 1:03:20 - angular表单【模板式表单】
模版式表单:其数据模型是通过组件模版中的相关指令来定义,因为受限于HTML的语法,所以只适用于简单的表单场景。模版式表单指令 指令隐式创建实例ngFormFormGroupngModelFormControlngModelGroupFormGroup ngForm:这个指令用来代表…...
2024/4/21 7:24:24 - 韩式无痕双眼皮用拆线吗
...
2024/4/21 7:24:23 - Angular——引入模板指令
基本介绍 引入模板一般都是固定的东西,比如导航栏,比如页面的底部,每个页面都重复写很麻烦,不如直接定义两个模板,引入到需要的页面中。这个过程实际是一个跨域的异步请求过程。 基本使用 <!DOCTYPE html> <h…...
2024/5/4 16:13:22 - 南京做韩式双眼皮订制亚韩
...
2024/5/4 14:26:00 - 想做成内南京韩式双眼皮特惠亚韩
...
2024/5/4 19:11:32 - 韩式无痕双眼皮发炎
...
2024/4/20 18:50:45
最新文章
- android 获取唯一设备id
git项目地址:GitCode - 开发者的代码家园 集成步骤: 1、 allprojects {repositories { ~~~~...maven { url https://jitpack.io }} } 2、 dependencies {implementation com.github.z244370114:DeviceLibray:1.0.4 } 3、获取唯一id (1)需要在…...
2024/5/6 20:05:23 - 梯度消失和梯度爆炸的一些处理方法
在这里是记录一下梯度消失或梯度爆炸的一些处理技巧。全当学习总结了如有错误还请留言,在此感激不尽。 权重和梯度的更新公式如下: w w − η ⋅ ∇ w w w - \eta \cdot \nabla w ww−η⋅∇w 个人通俗的理解梯度消失就是网络模型在反向求导的时候出…...
2024/5/6 9:38:23 - 自我介绍的HTML 页面(入门)
一.前情提要 1.主要是代码示例,具体内容需自己填充 2.代码后是详解 二.代码实例和解析 代码 <!DOCTYPE html> <html lang"zh-CN"> <head> <meta charset"UTF-8"> <title>自我介绍页面</title>…...
2024/5/5 7:22:10 - HIS系统是什么?一套前后端分离云HIS系统源码 接口技术RESTful API + WebSocket + WebService
HIS系统是什么?一套前后端分离云HIS系统源码 接口技术RESTful API WebSocket WebService 医院管理信息系统(全称为Hospital Information System)即HIS系统。 常规模版包括门诊管理、住院管理、药房管理、药库管理、院长查询、电子处方、物资管理、媒体管理等&…...
2024/5/5 8:48:17 - 【外汇早评】美通胀数据走低,美元调整
原标题:【外汇早评】美通胀数据走低,美元调整昨日美国方面公布了新一期的核心PCE物价指数数据,同比增长1.6%,低于前值和预期值的1.7%,距离美联储的通胀目标2%继续走低,通胀压力较低,且此前美国一季度GDP初值中的消费部分下滑明显,因此市场对美联储后续更可能降息的政策…...
2024/5/4 23:54:56 - 【原油贵金属周评】原油多头拥挤,价格调整
原标题:【原油贵金属周评】原油多头拥挤,价格调整本周国际劳动节,我们喜迎四天假期,但是整个金融市场确实流动性充沛,大事频发,各个商品波动剧烈。美国方面,在本周四凌晨公布5月份的利率决议和新闻发布会,维持联邦基金利率在2.25%-2.50%不变,符合市场预期。同时美联储…...
2024/5/4 23:54:56 - 【外汇周评】靓丽非农不及疲软通胀影响
原标题:【外汇周评】靓丽非农不及疲软通胀影响在刚结束的周五,美国方面公布了新一期的非农就业数据,大幅好于前值和预期,新增就业重新回到20万以上。具体数据: 美国4月非农就业人口变动 26.3万人,预期 19万人,前值 19.6万人。 美国4月失业率 3.6%,预期 3.8%,前值 3…...
2024/5/4 23:54:56 - 【原油贵金属早评】库存继续增加,油价收跌
原标题:【原油贵金属早评】库存继续增加,油价收跌周三清晨公布美国当周API原油库存数据,上周原油库存增加281万桶至4.692亿桶,增幅超过预期的74.4万桶。且有消息人士称,沙特阿美据悉将于6月向亚洲炼油厂额外出售更多原油,印度炼油商预计将每日获得至多20万桶的额外原油供…...
2024/5/6 9:21:00 - 【外汇早评】日本央行会议纪要不改日元强势
原标题:【外汇早评】日本央行会议纪要不改日元强势近两日日元大幅走强与近期市场风险情绪上升,避险资金回流日元有关,也与前一段时间的美日贸易谈判给日本缓冲期,日本方面对汇率问题也避免继续贬值有关。虽然今日早间日本央行公布的利率会议纪要仍然是支持宽松政策,但这符…...
2024/5/4 23:54:56 - 【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响
原标题:【原油贵金属早评】欧佩克稳定市场,填补伊朗问题的影响近日伊朗局势升温,导致市场担忧影响原油供给,油价试图反弹。此时OPEC表态稳定市场。据消息人士透露,沙特6月石油出口料将低于700万桶/日,沙特已经收到石油消费国提出的6月份扩大出口的“适度要求”,沙特将满…...
2024/5/4 23:55:05 - 【外汇早评】美欲与伊朗重谈协议
原标题:【外汇早评】美欲与伊朗重谈协议美国对伊朗的制裁遭到伊朗的抗议,昨日伊朗方面提出将部分退出伊核协议。而此行为又遭到欧洲方面对伊朗的谴责和警告,伊朗外长昨日回应称,欧洲国家履行它们的义务,伊核协议就能保证存续。据传闻伊朗的导弹已经对准了以色列和美国的航…...
2024/5/4 23:54:56 - 【原油贵金属早评】波动率飙升,市场情绪动荡
原标题:【原油贵金属早评】波动率飙升,市场情绪动荡因中美贸易谈判不安情绪影响,金融市场各资产品种出现明显的波动。随着美国与中方开启第十一轮谈判之际,美国按照既定计划向中国2000亿商品征收25%的关税,市场情绪有所平复,已经开始接受这一事实。虽然波动率-恐慌指数VI…...
2024/5/4 23:55:16 - 【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试
原标题:【原油贵金属周评】伊朗局势升温,黄金多头跃跃欲试美国和伊朗的局势继续升温,市场风险情绪上升,避险黄金有向上突破阻力的迹象。原油方面稍显平稳,近期美国和OPEC加大供给及市场需求回落的影响,伊朗局势并未推升油价走强。近期中美贸易谈判摩擦再度升级,美国对中…...
2024/5/4 23:54:56 - 【原油贵金属早评】市场情绪继续恶化,黄金上破
原标题:【原油贵金属早评】市场情绪继续恶化,黄金上破周初中国针对于美国加征关税的进行的反制措施引发市场情绪的大幅波动,人民币汇率出现大幅的贬值动能,金融市场受到非常明显的冲击。尤其是波动率起来之后,对于股市的表现尤其不安。隔夜美国股市出现明显的下行走势,这…...
2024/5/6 1:40:42 - 【外汇早评】美伊僵持,风险情绪继续升温
原标题:【外汇早评】美伊僵持,风险情绪继续升温昨日沙特两艘油轮再次发生爆炸事件,导致波斯湾局势进一步恶化,市场担忧美伊可能会出现摩擦生火,避险品种获得支撑,黄金和日元大幅走强。美指受中美贸易问题影响而在低位震荡。继5月12日,四艘商船在阿联酋领海附近的阿曼湾、…...
2024/5/4 23:54:56 - 【原油贵金属早评】贸易冲突导致需求低迷,油价弱势
原标题:【原油贵金属早评】贸易冲突导致需求低迷,油价弱势近日虽然伊朗局势升温,中东地区几起油船被袭击事件影响,但油价并未走高,而是出于调整结构中。由于市场预期局势失控的可能性较低,而中美贸易问题导致的全球经济衰退风险更大,需求会持续低迷,因此油价调整压力较…...
2024/5/4 23:55:17 - 氧生福地 玩美北湖(上)——为时光守候两千年
原标题:氧生福地 玩美北湖(上)——为时光守候两千年一次说走就走的旅行,只有一张高铁票的距离~ 所以,湖南郴州,我来了~ 从广州南站出发,一个半小时就到达郴州西站了。在动车上,同时改票的南风兄和我居然被分到了一个车厢,所以一路非常愉快地聊了过来。 挺好,最起…...
2024/5/4 23:55:06 - 氧生福地 玩美北湖(中)——永春梯田里的美与鲜
原标题:氧生福地 玩美北湖(中)——永春梯田里的美与鲜一觉醒来,因为大家太爱“美”照,在柳毅山庄去寻找龙女而错过了早餐时间。近十点,向导坏坏还是带着饥肠辘辘的我们去吃郴州最富有盛名的“鱼头粉”。说这是“十二分推荐”,到郴州必吃的美食之一。 哇塞!那个味美香甜…...
2024/5/4 23:54:56 - 氧生福地 玩美北湖(下)——奔跑吧骚年!
原标题:氧生福地 玩美北湖(下)——奔跑吧骚年!让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 让我们红尘做伴 活得潇潇洒洒 策马奔腾共享人世繁华 对酒当歌唱出心中喜悦 轰轰烈烈把握青春年华 啊……啊……啊 两…...
2024/5/4 23:55:06 - 扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!
原标题:扒开伪装医用面膜,翻六倍价格宰客,小姐姐注意了!扒开伪装医用面膜,翻六倍价格宰客!当行业里的某一品项火爆了,就会有很多商家蹭热度,装逼忽悠,最近火爆朋友圈的医用面膜,被沾上了污点,到底怎么回事呢? “比普通面膜安全、效果好!痘痘、痘印、敏感肌都能用…...
2024/5/5 8:13:33 - 「发现」铁皮石斛仙草之神奇功效用于医用面膜
原标题:「发现」铁皮石斛仙草之神奇功效用于医用面膜丽彦妆铁皮石斛医用面膜|石斛多糖无菌修护补水贴19大优势: 1、铁皮石斛:自唐宋以来,一直被列为皇室贡品,铁皮石斛生于海拔1600米的悬崖峭壁之上,繁殖力差,产量极低,所以古代仅供皇室、贵族享用 2、铁皮石斛自古民间…...
2024/5/4 23:55:16 - 丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者
原标题:丽彦妆\医用面膜\冷敷贴轻奢医学护肤引导者【公司简介】 广州华彬企业隶属香港华彬集团有限公司,专注美业21年,其旗下品牌: 「圣茵美」私密荷尔蒙抗衰,产后修复 「圣仪轩」私密荷尔蒙抗衰,产后修复 「花茵莳」私密荷尔蒙抗衰,产后修复 「丽彦妆」专注医学护…...
2024/5/4 23:54:58 - 广州械字号面膜生产厂家OEM/ODM4项须知!
原标题:广州械字号面膜生产厂家OEM/ODM4项须知!广州械字号面膜生产厂家OEM/ODM流程及注意事项解读: 械字号医用面膜,其实在我国并没有严格的定义,通常我们说的医美面膜指的应该是一种「医用敷料」,也就是说,医用面膜其实算作「医疗器械」的一种,又称「医用冷敷贴」。 …...
2024/5/4 23:55:01 - 械字号医用眼膜缓解用眼过度到底有无作用?
原标题:械字号医用眼膜缓解用眼过度到底有无作用?医用眼膜/械字号眼膜/医用冷敷眼贴 凝胶层为亲水高分子材料,含70%以上的水分。体表皮肤温度传导到本产品的凝胶层,热量被凝胶内水分子吸收,通过水分的蒸发带走大量的热量,可迅速地降低体表皮肤局部温度,减轻局部皮肤的灼…...
2024/5/4 23:54:56 - 配置失败还原请勿关闭计算机,电脑开机屏幕上面显示,配置失败还原更改 请勿关闭计算机 开不了机 这个问题怎么办...
解析如下:1、长按电脑电源键直至关机,然后再按一次电源健重启电脑,按F8健进入安全模式2、安全模式下进入Windows系统桌面后,按住“winR”打开运行窗口,输入“services.msc”打开服务设置3、在服务界面,选中…...
2022/11/19 21:17:18 - 错误使用 reshape要执行 RESHAPE,请勿更改元素数目。
%读入6幅图像(每一幅图像的大小是564*564) f1 imread(WashingtonDC_Band1_564.tif); subplot(3,2,1),imshow(f1); f2 imread(WashingtonDC_Band2_564.tif); subplot(3,2,2),imshow(f2); f3 imread(WashingtonDC_Band3_564.tif); subplot(3,2,3),imsho…...
2022/11/19 21:17:16 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机...
win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”问题的解决方法在win7系统关机时如果有升级系统的或者其他需要会直接进入一个 等待界面,在等待界面中我们需要等待操作结束才能关机,虽然这比较麻烦,但是对系统进行配置和升级…...
2022/11/19 21:17:15 - 台式电脑显示配置100%请勿关闭计算机,“准备配置windows 请勿关闭计算机”的解决方法...
有不少用户在重装Win7系统或更新系统后会遇到“准备配置windows,请勿关闭计算机”的提示,要过很久才能进入系统,有的用户甚至几个小时也无法进入,下面就教大家这个问题的解决方法。第一种方法:我们首先在左下角的“开始…...
2022/11/19 21:17:14 - win7 正在配置 请勿关闭计算机,怎么办Win7开机显示正在配置Windows Update请勿关机...
置信有很多用户都跟小编一样遇到过这样的问题,电脑时发现开机屏幕显现“正在配置Windows Update,请勿关机”(如下图所示),而且还需求等大约5分钟才干进入系统。这是怎样回事呢?一切都是正常操作的,为什么开时机呈现“正…...
2022/11/19 21:17:13 - 准备配置windows 请勿关闭计算机 蓝屏,Win7开机总是出现提示“配置Windows请勿关机”...
Win7系统开机启动时总是出现“配置Windows请勿关机”的提示,没过几秒后电脑自动重启,每次开机都这样无法进入系统,此时碰到这种现象的用户就可以使用以下5种方法解决问题。方法一:开机按下F8,在出现的Windows高级启动选…...
2022/11/19 21:17:12 - 准备windows请勿关闭计算机要多久,windows10系统提示正在准备windows请勿关闭计算机怎么办...
有不少windows10系统用户反映说碰到这样一个情况,就是电脑提示正在准备windows请勿关闭计算机,碰到这样的问题该怎么解决呢,现在小编就给大家分享一下windows10系统提示正在准备windows请勿关闭计算机的具体第一种方法:1、2、依次…...
2022/11/19 21:17:11 - 配置 已完成 请勿关闭计算机,win7系统关机提示“配置Windows Update已完成30%请勿关闭计算机”的解决方法...
今天和大家分享一下win7系统重装了Win7旗舰版系统后,每次关机的时候桌面上都会显示一个“配置Windows Update的界面,提示请勿关闭计算机”,每次停留好几分钟才能正常关机,导致什么情况引起的呢?出现配置Windows Update…...
2022/11/19 21:17:10 - 电脑桌面一直是清理请关闭计算机,windows7一直卡在清理 请勿关闭计算机-win7清理请勿关机,win7配置更新35%不动...
只能是等着,别无他法。说是卡着如果你看硬盘灯应该在读写。如果从 Win 10 无法正常回滚,只能是考虑备份数据后重装系统了。解决来方案一:管理员运行cmd:net stop WuAuServcd %windir%ren SoftwareDistribution SDoldnet start WuA…...
2022/11/19 21:17:09 - 计算机配置更新不起,电脑提示“配置Windows Update请勿关闭计算机”怎么办?
原标题:电脑提示“配置Windows Update请勿关闭计算机”怎么办?win7系统中在开机与关闭的时候总是显示“配置windows update请勿关闭计算机”相信有不少朋友都曾遇到过一次两次还能忍但经常遇到就叫人感到心烦了遇到这种问题怎么办呢?一般的方…...
2022/11/19 21:17:08 - 计算机正在配置无法关机,关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机...
关机提示 windows7 正在配置windows 请勿关闭计算机 ,然后等了一晚上也没有关掉。现在电脑无法正常关机以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!关机提示 windows7 正在配…...
2022/11/19 21:17:05 - 钉钉提示请勿通过开发者调试模式_钉钉请勿通过开发者调试模式是真的吗好不好用...
钉钉请勿通过开发者调试模式是真的吗好不好用 更新时间:2020-04-20 22:24:19 浏览次数:729次 区域: 南阳 > 卧龙 列举网提醒您:为保障您的权益,请不要提前支付任何费用! 虚拟位置外设器!!轨迹模拟&虚拟位置外设神器 专业用于:钉钉,外勤365,红圈通,企业微信和…...
2022/11/19 21:17:05 - 配置失败还原请勿关闭计算机怎么办,win7系统出现“配置windows update失败 还原更改 请勿关闭计算机”,长时间没反应,无法进入系统的解决方案...
前几天班里有位学生电脑(windows 7系统)出问题了,具体表现是开机时一直停留在“配置windows update失败 还原更改 请勿关闭计算机”这个界面,长时间没反应,无法进入系统。这个问题原来帮其他同学也解决过,网上搜了不少资料&#x…...
2022/11/19 21:17:04 - 一个电脑无法关闭计算机你应该怎么办,电脑显示“清理请勿关闭计算机”怎么办?...
本文为你提供了3个有效解决电脑显示“清理请勿关闭计算机”问题的方法,并在最后教给你1种保护系统安全的好方法,一起来看看!电脑出现“清理请勿关闭计算机”在Windows 7(SP1)和Windows Server 2008 R2 SP1中,添加了1个新功能在“磁…...
2022/11/19 21:17:03 - 请勿关闭计算机还原更改要多久,电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机怎么办...
许多用户在长期不使用电脑的时候,开启电脑发现电脑显示:配置windows更新失败,正在还原更改,请勿关闭计算机。。.这要怎么办呢?下面小编就带着大家一起看看吧!如果能够正常进入系统,建议您暂时移…...
2022/11/19 21:17:02 - 还原更改请勿关闭计算机 要多久,配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以...
配置windows update失败 还原更改 请勿关闭计算机,电脑开机后一直显示以以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!配置windows update失败 还原更改 请勿关闭计算机&#x…...
2022/11/19 21:17:01 - 电脑配置中请勿关闭计算机怎么办,准备配置windows请勿关闭计算机一直显示怎么办【图解】...
不知道大家有没有遇到过这样的一个问题,就是我们的win7系统在关机的时候,总是喜欢显示“准备配置windows,请勿关机”这样的一个页面,没有什么大碍,但是如果一直等着的话就要两个小时甚至更久都关不了机,非常…...
2022/11/19 21:17:00 - 正在准备配置请勿关闭计算机,正在准备配置windows请勿关闭计算机时间长了解决教程...
当电脑出现正在准备配置windows请勿关闭计算机时,一般是您正对windows进行升级,但是这个要是长时间没有反应,我们不能再傻等下去了。可能是电脑出了别的问题了,来看看教程的说法。正在准备配置windows请勿关闭计算机时间长了方法一…...
2022/11/19 21:16:59 - 配置失败还原请勿关闭计算机,配置Windows Update失败,还原更改请勿关闭计算机...
我们使用电脑的过程中有时会遇到这种情况,当我们打开电脑之后,发现一直停留在一个界面:“配置Windows Update失败,还原更改请勿关闭计算机”,等了许久还是无法进入系统。如果我们遇到此类问题应该如何解决呢࿰…...
2022/11/19 21:16:58 - 如何在iPhone上关闭“请勿打扰”
Apple’s “Do Not Disturb While Driving” is a potentially lifesaving iPhone feature, but it doesn’t always turn on automatically at the appropriate time. For example, you might be a passenger in a moving car, but your iPhone may think you’re the one dri…...
2022/11/19 21:16:57