- gulp构建完整项目
__摸摸头
项目结构如下:gulpfile.js文件配置如下://引入插件vargulp=require('gulp');varbrowserSync=require('browser-sync').create();varless=require('gulp-less');varjsmin=require('gulp-jsmin');varcleanCSS=require('gulp-clean-css')
- 前端构建工具gulp构建项目
嘻洋洋
使用前提条件gulp是基于Nodejs的自动任务运行器,gulp依赖于nodejs,因此,在使用gulp之前需要先安装nodejs。这里略过安装说明。gulp安装步骤全局安装命令:npminstall-ggulp全局安装是方便你直接使用gulp命令,为了通过它执行gulp任务,比如gulp文件gulpfile.js中执行各种任务://监听任务gulp.task('watch',['default'
- 【gulp+jq+html】添加环境变量,并在js中使用(判断环境,更改api接口域名)+ 附gulpfile.js代码
String佳佳
javascriptgulphtml
参考博文:gulp分离环境gulp中如何配置环境变量gulp环境变量配置1、安装cross-env插件npminstallcross-env-d2、package.json更改scripts"scripts":{"clean":"gulpclean","serve:test":"cross-envNODE_ENV=testgulp","serve:prod":"cross-envNODE_ENV=
- 使用 Gulp和Grunt分别完成项目的自动化构建
Wuner
StudyNotes本博主会持续更新各种前端的技术,如果各位道友喜欢,可以关注、收藏、点赞下本博主的文章。使用Gulp完成项目的自动化构建使用gulpfile.js使用module.exports导出了build、dev、clean,所以我们可以通过gulp调用这三个任务gulpbuildgulpdevgulpclean详解gulpfile.js处理html文件我们需要安装gulp-htmlmin
- gulp使用笔记
alex_ax
首先npminstallgulp--save-dev然后在package.json中的build中加入新建gulpfile.js安装pluginnpmigulp-sassgulp-autoprefixergulp-load-pluginsgulp-uglifydel--save-devgulpfile.js下const{src,dest,series,watch}=require('gulp')/
- 如何使用Gulp完成项目的自动化构建
Evan_鹿喑
前端工程化gulp自动化前端
Gulp的基本使用1、yarninit初始化package.json2、yarnaddgulp--dev将gulp作为开发依赖安装3、项目根目录创建gulpfile.js,作为gulp的入口文件//gulp的入口文件exports.foo=()=>{console.log("footaskworking!")}4、命令行通过yarngulpfoo运行这个任务最新的gulp当中取消了同步代码模式,约
- Gulp自动化构建的基本使用
白驹过隙时光荏苒
大前端学习笔记前端开发gulp自动化javascript
StudyNotes本博主会持续更新各种前端的技术,如果各位道友喜欢,可以关注、收藏、点赞下本博主的文章。Gulp用自动化构建工具增强你的工作流程!gulp将开发流程中让人痛苦或耗时的任务自动化,从而减少你所浪费的时间、创造更大价值。基本使用安装gulpnpmigulp-D在项目根目录下创建gulpfile.js文件functiondefaultTask(cb){//在此处写默认任务的代码cb()
- gulp自动化构建项目
小牲口online
gulp自动化gulp
文章目录1.介绍2.引入2.1全局安装2.2作为项目开发依赖安装3.安装插件3.1创建gulpfile.js文件3.2导入插件3.3编译less文件3.4编译sass文件3.5压缩css代码3.6压缩js代码3.7压缩图片3.8输出数据(json/xml等)3.9复制index.html文件到产品目录dist下4.编译所有文件(执行所有任务)4.1自动监视4.2在服务端启动4.3设置自动化1.介绍
- gulp打包vue3+jsx+less插件
榴莲不好吃
vuegulplessnode.js
最终转换结果如下在根目录下添加gulpfile.js文件,package.json添加命令npmrungulpvargulp=require('gulp')varbabel=require('gulp-babel')varless=require('gulp-less')vardel=require('del');varspawn=require('child_process').spawn;co
- 前端构建工具gulpjs
喜宝_c72d
1、安装npminstallgulp//在要使用gulp的项目中安装gulp//如果想在安装的时候把gulp写进项目package.json文件的依赖中,可以加上--save-devnpminstall--save-devgulp2、建立gulpfile.js文件在项目根目录新建一个名为gulpfile.js的文件,之后在文件中定义要构建的任务//例如,定义一个默认的任务vargulp=requi
- 搭建前端开发环境——docker篇
weixin_33994429
前端运维网络ViewUI
一、解决痛点免搭建前端静态环境分支切换,无需重新启动编译(package.json或gulpfile.js文件改变除外)nginx可自行配置,满足不同项目的需求二、前端静态搭建思路基于ubuntu系统环境,利用nginx静态资源服务器经过docker暴露出来的端口进行请求转发,这样后端的开发机上面只需要安装docker就能够访问前端的静态资源,不需要访问前端开发机。三、具体解决方案用Kitemat
- gulp区分生产和测试环境
Bee.Bee.
前端开发前端javascriptgulp
在前端项目中,可以通过在HTML文件中进行条件判断来区分生产和测试环境,然后引入不同的SDK。下面给出一个简单的思路和实现的代码示例。\1.在项目的根目录下创建一个配置文件,例如config.js,内容如下:javascriptwindow.env={isProduction:false,//设置为true表示生产环境,false表示测试环境};\2.在gulpfile.js文件中添加任务,读取配
- gulp es7转es5
前端沐沐
npm下载下面几个依赖包(npmi-D以下包名)gulpgulp-uglifygulp-babelbabel-plugin-transform-runtime(这个可能用不到)babel-preset-es2015babel-preset-es2016babel-preset-es2017将下列代码写入gulpfile.js中constgulp=require("gulp");constuglif
- 使用gulp进行原生项目打包压缩
这代码不好写
gulp构建原生项目-打包与压缩gulp官网1、图解gulp.pnggulp-build.png2、环境支持安装node全局安装gulp/gulp-cli3、业务gulpfile.js脚手架解析注意事项项目内文件名引入需要从public开始(../../public/....)尽量不在css内将图片写成背景(可转换成base64)文件名命名:所有文件名命名不能相同(公共模块与功能内部公共模块命名分
- 基于Hexo的github pages博客搭建|gulp压缩代码
思无邪_tovei
安装gulp插件>npminstallgulp--save>npminstallgulp-g>npminstallgulp-minify-css--save>npminstallgulp-uglify--save>npminstallgulp-htmlmin--save>npminstallgulp-htmlclean--save新建压缩脚本在博客根目录新建文件gulpfile.js,内容如下:v
- lazy-mock 使用问题
surmoon
primordialsisnotdefined问题解决方案:将gulp3升级成gulp4升级4后的Taskfunctionmustbespecified问题解决方案:将项目中的gulpfile.js做如下调整参考:https://www.cnblogs.com/murenziwei/p/10543765.html
- babel安装
马克关
前端框架库gulpbabel
babel安装安装前你需要安装node.js和npm以及gulp三个包。然后执行以下命令$npminit然后在安装babel和babel-core两个包$npminstall--save-devgulp-babelbabel-preset-envnpminstallbabel-cor--save-dev建立文件夹新建一个名为gulpfile.js的文件夹,然后引入包constgulp=requir
- 搭建cesium源码调试环境
夜跑者
Cesium前端vue.jsarcgis
1.cesium源码下载直接从github上下载即可https://github.com/CesiumGS/cesium.git本文下载的是最新版本1.1062.cesium源码目录简介1)packages目录源码目录,包含engine,widgets2)Apps目录包含一些示例代码3)Specs目录测试相关代码4)ThirdParty目录第三方依赖代码5)gulpfile.js/build.js
- webpack 入门实战
webpack前端工程化前端
大概几个月前,刚接触gulp的时候,通过gulp对前端工作流进行优化,在gulpfile.js文件中写插件,编译less、stylus,压缩css、js等等,感觉工作效率得到极大的提升,原本手动的东西,现在都是自动化了。但是,现在,学习react的时候,我又不得不来学习webpack。webpack最近火得不行(其实已经火了很久了),当下最热门的前端资源模块化管理和打包工具,它能把各种资源,包括j
- gulp安装与使用
Susie_53b5
前置条件:gulp是基于node环境运行的,必须先下载node和对node环境的一些简单了解使用1,先安装gulpnpminstallgulp-g检查是否安装成功和查看版本号gulp-v2,gulp的依赖安装npminstallgulp--save-dev3,在项目根(src同级)目录下创建一个gulpfile.js文件4,在gulpfile.js文件里面引入gulpvargulp=require
- 利用Gulp实现前端打包自动上传服务器
w候人兮猗
关于由于测试环境没有使用例如:CI/CD,Jenkins等服务。所以在平时开发中,时不时都要打个包然后手动打开ftp工具将包上传到测试服务器上,所以这里想有没有什么脚本可以实现打包完成自动上传资源到测试服务器。使用gulp实现首先安装gulp,gulp-ssh这两个包npminstallgulpgulp-ssh-D在项目根目录下新建gulpfile.js文件删除服务器上已经存在的文件夹/***上传
- markdown编写文件目录结构
晴天守候
先全局安装tree:cnpmitree-node-cli-g然后输入:tree--helpimage.png-L是确定要几级目录,-I是排除哪个文件夹下的,然后我是要在README里面生成项目结构树先cd到需要生成目录的文件夹下,然后输入:tree-L4-I"node_modules">README.mdday1-gulp1├──README.md├──gulpfile.js├──js│└──ma
- 2020-09-09
songyu0
gulp理论新建项目npminit-y安装gulpyarnaddgulp-D添加启动buildnpxgulp--version查看gulp版本新建gulpfile.js//压缩jsuglifyjsfunctionjs(){console.log('js')}//对scssless编译压缩输出css文件functioncss(){console.log('css')}//监听这些文件的变化funct
- 使用live-server实现本地服务器+自动刷新
唐人不自醉
概述用过gulp的同学都知道,gulp上面有很多插件,方便了平时的开发,比如gulp-livereload实现自动刷新,gulp-server架设本地服务器环境。但是gulp-livereload需要安装一个浏览器插件,而且使用gulp每次都要写一个gulpfile.js的文件,使用起来还是不太方便。live-server这个插件就完美解决了这个问题。live-sever可以实现本地服务器和自动刷
- Ambari 编译
cpuCode
Ambarihadoophdfs架构大数据分布式
Ambari编译编译Ambari下载安装包Maven配置文件配置环境变量下载AmbariHDP配置文件编译秘密武器实时编译Ambariambari-admin编译下载包修改.bowerrc配置修改gulpfile.js文件建立软链接ambari-web编译创建软链接实时监控编译编译Ambari下载安装包软件安装:sudoyuminstall-ywgetgitpsutilspython-develr
- gulp 使用
郭先生_515
1.安装nodeJS2.全局安装gulpnpminstallgulp-g3.首先,我们新建一个gulp文件夹,并在该目录下执行npminit或者npminit-y命令,然后gulp文件夹会多一个package.json文件:{"name":"gulp-demo","version":"1.0.0","description":"gulp构建工具","main":"gulpfile.js","scr
- Gulp 结构化最佳实践
kayo5994
在Gulp的官方文档中,Gulp的任务都是写在gulpfile.js这一个文件中的,如果任务数量不多,这并不会有什么问题,但当任务数量较多时,会造成代码可读性差,难以维护,多人协作时还会容易造成冲突。因此,更好的处理方式是把Gulp的代码结构化。开始结构化https://github.com/QMUI/qmui_web这是一个前端框架,主要由一个SASS方法合集与内置的工作流构成,其中工作流部分提
- gulp项目构建及其插件使用
姓吕名立字小布2
项目git地址https://github.com/lvshaoli/gulp-create.git1.项目中安装gulpyarnaddgulp--dev2.项目根目录创建gulp配置文件gulpfile.js3.编辑gulpfile.js文件/**导入gulp提供的api函数src输入流文件dest输出流文件parallel并行队列任务函数series顺序执行队列函数watch实时监听函数**/
- 压缩静态资源
帅骚贯彻一生
使用gulp压缩静态资源在项目的根目录下执行以下命令:npminstallgulp-gnpminstallgulp-minify-cssgulp-uglifygulp-htmlmingulp-htmlcleangulp--save在博客根目录下新建gulpfile.js,并填入以下内容:vargulp=require('gulp');varminifycss=require('gulp-minif
- 学习TypeScript时遇到的gulp编译问题
李荣喜
今天给大家分享下,学习typescript时遇到的gulp编译问题,按照官网的步骤一步步坐下来,中途在编译gulp时编译不了,经过一番测试查看,修改了gulpfile.js,代码如下:vargulp=require("gulp");varbrowserify=require("browserify");varsource=require("vinyl-source-stream");vartsif
- jQuery 跨域访问的三种方式 No 'Access-Control-Allow-Origin' header is present on the reque
qiaolevip
每天进步一点点学习永无止境跨域众观千象
XMLHttpRequest cannot load http://v.xxx.com. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:63342' is therefore not allowed access. test.html:1
- mysql 分区查询优化
annan211
java分区优化mysql
分区查询优化
引入分区可以给查询带来一定的优势,但同时也会引入一些bug.
分区最大的优点就是优化器可以根据分区函数来过滤掉一些分区,通过分区过滤可以让查询扫描更少的数据。
所以,对于访问分区表来说,很重要的一点是要在where 条件中带入分区,让优化器过滤掉无需访问的分区。
可以通过查看explain执行计划,是否携带 partitions
- MYSQL存储过程中使用游标
chicony
Mysql存储过程
DELIMITER $$
DROP PROCEDURE IF EXISTS getUserInfo $$
CREATE PROCEDURE getUserInfo(in date_day datetime)-- -- 实例-- 存储过程名为:getUserInfo-- 参数为:date_day日期格式:2008-03-08-- BEGINdecla
- mysql 和 sqlite 区别
Array_06
sqlite
转载:
http://www.cnblogs.com/ygm900/p/3460663.html
mysql 和 sqlite 区别
SQLITE是单机数据库。功能简约,小型化,追求最大磁盘效率
MYSQL是完善的服务器数据库。功能全面,综合化,追求最大并发效率
MYSQL、Sybase、Oracle等这些都是试用于服务器数据量大功能多需要安装,例如网站访问量比较大的。而sq
- pinyin4j使用
oloz
pinyin4j
首先需要pinyin4j的jar包支持;jar包已上传至附件内
方法一:把汉字转换为拼音;例如:编程转换后则为biancheng
/**
* 将汉字转换为全拼
* @param src 你的需要转换的汉字
* @param isUPPERCASE 是否转换为大写的拼音; true:转换为大写;fal
- 微博发送私信
随意而生
微博
在前面文章中说了如和获取登陆时候所需要的cookie,现在只要拿到最后登陆所需要的cookie,然后抓包分析一下微博私信发送界面
http://weibo.com/message/history?uid=****&name=****
可以发现其发送提交的Post请求和其中的数据,
让后用程序模拟发送POST请求中的数据,带着cookie发送到私信的接入口,就可以实现发私信的功能了。
- jsp
香水浓
jsp
JSP初始化
容器载入JSP文件后,它会在为请求提供任何服务前调用jspInit()方法。如果您需要执行自定义的JSP初始化任务,复写jspInit()方法就行了
JSP执行
这一阶段描述了JSP生命周期中一切与请求相关的交互行为,直到被销毁。
当JSP网页完成初始化后
- 在 Windows 上安装 SVN Subversion 服务端
AdyZhang
SVN
在 Windows 上安装 SVN Subversion 服务端2009-09-16高宏伟哈尔滨市道里区通达街291号
最佳阅读效果请访问原地址:http://blog.donews.com/dukejoe/archive/2009/09/16/1560917.aspx
现在的Subversion已经足够稳定,而且已经进入了它的黄金时段。我们看到大量的项目都在使
- android开发中如何使用 alertDialog从listView中删除数据?
aijuans
android
我现在使用listView展示了很多的配置信息,我现在想在点击其中一条的时候填出 alertDialog,点击确认后就删除该条数据,( ArrayAdapter ,ArrayList,listView 全部删除),我知道在 下面的onItemLongClick 方法中 参数 arg2 是选中的序号,但是我不知道如何继续处理下去 1 2 3
- jdk-6u26-linux-x64.bin 安装
baalwolf
linux
1.上传安装文件(jdk-6u26-linux-x64.bin)
2.修改权限
[root@localhost ~]# ls -l /usr/local/jdk-6u26-linux-x64.bin
3.执行安装文件
[root@localhost ~]# cd /usr/local
[root@localhost local]# ./jdk-6u26-linux-x64.bin&nbs
- MongoDB经典面试题集锦
BigBird2012
mongodb
1.什么是NoSQL数据库?NoSQL和RDBMS有什么区别?在哪些情况下使用和不使用NoSQL数据库?
NoSQL是非关系型数据库,NoSQL = Not Only SQL。
关系型数据库采用的结构化的数据,NoSQL采用的是键值对的方式存储数据。
在处理非结构化/半结构化的大数据时;在水平方向上进行扩展时;随时应对动态增加的数据项时可以优先考虑使用NoSQL数据库。
在考虑数据库的成熟
- JavaScript异步编程Promise模式的6个特性
bijian1013
JavaScriptPromise
Promise是一个非常有价值的构造器,能够帮助你避免使用镶套匿名方法,而使用更具有可读性的方式组装异步代码。这里我们将介绍6个最简单的特性。
在我们开始正式介绍之前,我们想看看Javascript Promise的样子:
var p = new Promise(function(r
- [Zookeeper学习笔记之八]Zookeeper源代码分析之Zookeeper.ZKWatchManager
bit1129
zookeeper
ClientWatchManager接口
//接口的唯一方法materialize用于确定那些Watcher需要被通知
//确定Watcher需要三方面的因素1.事件状态 2.事件类型 3.znode的path
public interface ClientWatchManager {
/**
* Return a set of watchers that should
- 【Scala十五】Scala核心九:隐式转换之二
bit1129
scala
隐式转换存在的必要性,
在Java Swing中,按钮点击事件的处理,转换为Scala的的写法如下:
val button = new JButton
button.addActionListener(
new ActionListener {
def actionPerformed(event: ActionEvent) {
- Android JSON数据的解析与封装小Demo
ronin47
转自:http://www.open-open.com/lib/view/open1420529336406.html
package com.example.jsondemo;
import org.json.JSONArray;
import org.json.JSONException;
import org.json.JSONObject;
impor
- [设计]字体创意设计方法谈
brotherlamp
UIui自学ui视频ui教程ui资料
从古至今,文字在我们的生活中是必不可少的事物,我们不能想象没有文字的世界将会是怎样。在平面设计中,UI设计师在文字上所花的心思和功夫最多,因为文字能直观地表达UI设计师所的意念。在文字上的创造设计,直接反映出平面作品的主题。
如设计一幅戴尔笔记本电脑的广告海报,假设海报上没有出现“戴尔”两个文字,即使放上所有戴尔笔记本电脑的图片都不能让人们得知这些电脑是什么品牌。只要写上“戴尔笔
- 单调队列-用一个长度为k的窗在整数数列上移动,求窗里面所包含的数的最大值
bylijinnan
java算法面试题
import java.util.LinkedList;
/*
单调队列 滑动窗口
单调队列是这样的一个队列:队列里面的元素是有序的,是递增或者递减
题目:给定一个长度为N的整数数列a(i),i=0,1,...,N-1和窗长度k.
要求:f(i) = max{a(i-k+1),a(i-k+2),..., a(i)},i = 0,1,...,N-1
问题的另一种描述就
- struts2处理一个form多个submit
chiangfai
struts2
web应用中,为完成不同工作,一个jsp的form标签可能有多个submit。如下代码:
<s:form action="submit" method="post" namespace="/my">
<s:textfield name="msg" label="叙述:">
- shell查找上个月,陷阱及野路子
chenchao051
shell
date -d "-1 month" +%F
以上这段代码,假如在2012/10/31执行,结果并不会出现你预计的9月份,而是会出现八月份,原因是10月份有31天,9月份30天,所以-1 month在10月份看来要减去31天,所以直接到了8月31日这天,这不靠谱。
野路子解决:假设当天日期大于15号
- mysql导出数据中文乱码问题
daizj
mysql中文乱码导数据
解决mysql导入导出数据乱码问题方法:
1、进入mysql,通过如下命令查看数据库编码方式:
mysql> show variables like 'character_set_%';
+--------------------------+----------------------------------------+
| Variable_name&nbs
- SAE部署Smarty出现:Uncaught exception 'SmartyException' with message 'unable to write
dcj3sjt126com
PHPsmartysae
对于SAE出现的问题:Uncaught exception 'SmartyException' with message 'unable to write file...。
官方给出了详细的FAQ:http://sae.sina.com.cn/?m=faqs&catId=11#show_213
解决方案为:
01
$path
- 《教父》系列台词
dcj3sjt126com
Your love is also your weak point.
你的所爱同时也是你的弱点。
If anything in this life is certain, if history has taught us anything, it is
that you can kill anyone.
不顾家的人永远不可能成为一个真正的男人。 &
- mongodb安装与使用
dyy_gusi
mongo
一.MongoDB安装和启动,widndows和linux基本相同
1.下载数据库,
linux:mongodb-linux-x86_64-ubuntu1404-3.0.3.tgz
2.解压文件,并且放置到合适的位置
tar -vxf mongodb-linux-x86_64-ubun
- Git排除目录
geeksun
git
在Git的版本控制中,可能有些文件是不需要加入控制的,那我们在提交代码时就需要忽略这些文件,下面讲讲应该怎么给Git配置一些忽略规则。
有三种方法可以忽略掉这些文件,这三种方法都能达到目的,只不过适用情景不一样。
1. 针对单一工程排除文件
这种方式会让这个工程的所有修改者在克隆代码的同时,也能克隆到过滤规则,而不用自己再写一份,这就能保证所有修改者应用的都是同一
- Ubuntu 创建开机自启动脚本的方法
hongtoushizi
ubuntu
转载自: http://rongjih.blog.163.com/blog/static/33574461201111504843245/
Ubuntu 创建开机自启动脚本的步骤如下:
1) 将你的启动脚本复制到 /etc/init.d目录下 以下假设你的脚本文件名为 test。
2) 设置脚本文件的权限 $ sudo chmod 755
- 第八章 流量复制/AB测试/协程
jinnianshilongnian
nginxluacoroutine
流量复制
在实际开发中经常涉及到项目的升级,而该升级不能简单的上线就完事了,需要验证该升级是否兼容老的上线,因此可能需要并行运行两个项目一段时间进行数据比对和校验,待没问题后再进行上线。这其实就需要进行流量复制,把流量复制到其他服务器上,一种方式是使用如tcpcopy引流;另外我们还可以使用nginx的HttpLuaModule模块中的ngx.location.capture_multi进行并发
- 电商系统商品表设计
lkl
DROP TABLE IF EXISTS `category`; -- 类目表
/*!40101 SET @saved_cs_client = @@character_set_client */;
/*!40101 SET character_set_client = utf8 */;
CREATE TABLE `category` (
`id` int(11) NOT NUL
- 修改phpMyAdmin导入SQL文件的大小限制
pda158
sqlmysql
用phpMyAdmin导入mysql数据库时,我的10M的
数据库不能导入,提示mysql数据库最大只能导入2M。
phpMyAdmin数据库导入出错: You probably tried to upload too large file. Please refer to documentation for ways to workaround this limit.
- Tomcat性能调优方案
Sobfist
apachejvmtomcat应用服务器
一、操作系统调优
对于操作系统优化来说,是尽可能的增大可使用的内存容量、提高CPU的频率,保证文件系统的读写速率等。经过压力测试验证,在并发连接很多的情况下,CPU的处理能力越强,系统运行速度越快。。
【适用场景】 任何项目。
二、Java虚拟机调优
应该选择SUN的JVM,在满足项目需要的前提下,尽量选用版本较高的JVM,一般来说高版本产品在速度和效率上比低版本会有改进。
J
- SQLServer学习笔记
vipbooks
数据结构xml
1、create database school 创建数据库school
2、drop database school 删除数据库school
3、use school 连接到school数据库,使其成为当前数据库
4、create table class(classID int primary key identity not null)
创建一个名为class的表,其有一