- gulp构建完整项目
__摸摸头
项目结构如下:gulpfile.js文件配置如下://引入插件vargulp=require('gulp');varbrowserSync=require('browser-sync').create();varless=require('gulp-less');varjsmin=require('gulp-jsmin');varcleanCSS=require('gulp-clean-css')
- typescript 构建编写发布包流程
香樟树的夏天
typescript构建编写发布包流程初始化修改tsconfig.json配置husky构建代码检查安装husky,tslint,prettier配置tslint,prettier配置typedoc安装typedoc生成docs文档配置nginx添加自动刷新文档功能安装gulp-nodemon,browser-sync配置glupfile.js编写server.js编写插件代码方法库组件库添加单元
- SSR使用HTTPS
爆裂吧叶子
https网络协议http
1.安装npmibrowser-sync2.再angular.json里配置"serve-ssr":{"builder":"@nguniversal/builders:ssr-dev-server","options":{"ssl":true,"sslCert":"./node_modules/browser-sync/certs/server.crt","sslKey":"./node_modu
- browser-sync的安装及使用
小墨鱼_z
npmvue.js前端
Browsersync-省时的浏览器同步测试工具|Browsersync中文文档1、BrowserSync是基于Node.js的,是一个Node模块,需要先安装一下Node.js,官网下载安装即可。查看安装的node版本:node-v2、由于npm镜像布置在国外,速度不太理想,我们可以选择淘宝镜像进行加速npminstall-gcnpm--registry=https://registry.npm
- npm安装browser-sync实时监听本地网页
Mango97
制作网页为了看到最新的效果,避免不了F5刷新网页,但是频繁F5会显得整个工作很繁琐,所以今天学到怎么实时监听本地网页。第一,要确认你是否安装了node;第二,新版的node已经集成了npm,所以不需要再安装,只需要通过命令将相关配置配好即可。关于如何配置的详细过程不做介绍,本文主要讲如何安装使用browser-sync。1、打开cmd命令窗口或者gitbash,运行以下命令:(安装过程中有选择直接
- 解决移动端开发时,缓存及频繁刷新的困扰
秃头大叔
文章来源:https://blog.csdn.net/angularwq/article/details/79401098移动端页面调试神器-browser-sync1、静态页面调试browser-sync依赖node.js。命令行上敲入下面的命令,全局安装上browser-sync:npminstall-gbrowser-sync安装完成之后,我们就可以开始启动调试了。在调试之前,我们需要把确保
- browser-sync使用简记(静态页面)
一只会跑的程序猿
1、打开cmd安装:npminstall-gbrowser-sync(用node.js的npm包全局安装);2、在项目所在目录,cmd运行browser-syncstart--server--files"**/*.css,**/*.html",会自动打开到浏览器;3、好啦,结束!
- 浏览器同步插件(browser-sync),js压缩插件(uglify-js)搭建临时web服务插件:http -server
奔三望四没二够
浏览器同步插件步骤一:npminstallbrowser-sync-g步骤二:找到要监听和搭建web服务的文件夹目录步骤三:打开命令行,敲browser-syncstart--server--filesindex.htmlcss/*.css(也可以*.html/.监听当前目录下所有文件改变)js压缩插件参数用法uglifyjsXX.js-oXX.min.js(压缩)uglifyjsXX.js-m-
- 小白学前端(一)测试同步神器browser-sync
老油条爱填坑
官方介绍:Browsersync能让浏览器实时、快速响应您的文件更改(html、js、css、sass、less等)并自动刷新页面。更重要的是Browsersync可以同时在PC、平板、手机等设备下进项调试。您可以想象一下:“假设您的桌子上有pc、ipad、iphone、android等设备,同时打开了您需要调试的页面,当您使用browsersync后,您的任何一次代码保存,以上的设备都会同时显示
- 常用工具备忘
leonC走来
browser-sync快速开启本地服务器,并实时更新页面html2canvashtml转canvas生产图片
- 仿网易云音乐移动端html模板,使用jQuery仿制网易云音乐移动端
Qianqian Liang
仿网易云音乐移动端html模板
2018年05月01日21:37:28完成了主页的推荐音乐、热歌榜、搜索和播放页面。2018年4月20日15:18:13这是一个项目笔记,用于记录制作这个项目的点点滴滴。明确需求左一开始:主页(推荐音乐)、热歌榜、搜索、歌单和播放界面。制作历程自定义一个工作流我选择了browser-sync,因为这个项目比较轻量(不需要引入很多的模块),所以就直接用一个browoser-sync配合开发实时刷新就
- 二次开发draw.io
准备工作克隆代码在github#draw.io切换需要的Tag进行下载,当前以v17.4.3为示例。本地运行安装browser-sync或其它本地服务器工具解压drawio-X.zip压缩包,使用IDE打开browser-syncstart--server./src/main/webapp--files.运行本地3000端口启动服务浏览器访问localhost:3000即可开启调试模式由./src
- Node.js应用——markdown文件转html
实现思路:01读取md和css内容02将上述读取出来的内容替换占位符,生成一个最终需要展的Html字符串03将上述的Html字符写入到指定的Html文件中04监听md文档内容的变经,然后更新html内容05使用browser-sync来实时显示Html内容需要用到两个依赖包{"name":"04-md","version":"1.0.0","main":"index.js","license":"
- node爬虫纪要
richy_
参考http://www.jianshu.com/p/e05436dd8bdc实践1.观察发现url的规律chrome调试工具2.在webstorm中构建项目"devDependencies":{"browser-sync":"^2.17.0","cheerio":"^0.22.0","nunjucks":"^2.5.2"}http.request:nodehttp模块的request方法可以作为
- 简单项目的Gulp 配置
钱英俊真英俊
简单的展示页面就没必要用框架了,pug+gulp就够了。还能减少代码量。const{src,dest,parallel,watch,series}=require('gulp')constplugins=require('gulp-load-plugins')()constbrowserSync=require('browser-sync').create()constrename=require
- 解决Error: Cannot find module 'browser-sync'
菲龍探雲
错误Error:Cannotfindmodule'browser-sync'atFunction.Module._resolveFilename(module.js:469:15)atFunction.Module._load(module.js:417:25)atModule.require(module.js:497:17)atrequire(internal/module.js:20:19)
- gulp插件介绍
passerbyli
为什么使用代码同步browser-sync使用方法browser-sync-spagulp-livereload实时刷新AngularJSeslint-plugin-angulargulp-angular-filesort结合使用以gulp-inject正确的顺序注入您的AngularJS应用程序文件(脚本),以摆脱所有UncaughtError:[$injector:modulerr]。为了正确
- 简单、同步的测试工具Browsersync
Brighten_Sun
Browsersync能让浏览器实时、快速响应您的文件更改(html、js、css、sass、less等)并自动刷新页面。browser-sync:网址链接:https://www.npmjs.com/package/browser-sync中文官网:http://www.browsersync.cn/API:http://www.browsersync.cn/docs/command-line/
- 前端:移动端远程真机调试
David-wenwen
构建工具
介绍:browser-sync:远程真机调试,自动更新修改。传送地址:http://www.jzdlink.com/webarticle/building/20160711513.html
- gulp使用详情 及 3.0到4.0的坑
aidu0177
项目的所有依赖都可以安装,每个都有详细的注释。constgulp=require('gulp');constsass=require('gulp-sass');constbrowserSync=require("browser-sync").create(),//自动刷新reload=browserSync.reload;constfilter=require('gulp-filter');//g
- 关于在linux系统下browser-sync命令行操作时无法找到命令的解决方案
chen1057376155
前端自动化
在window里面,如果想要全局安装browser-sync只需要npminstall-gbrowser-sync就可以了,但是在linux下面便不是这样执行上述命令,需要将安装路径中的browser-sync复制一份到/usr/local/bin这个路径下才能够全局使用
- 【gulp】gulp-file-include 合并 html 文件
dengrongshou5105
gulp-file-include是gulp插件,它提供了一个include方法让我们可以像后端模板那样把公共部分的页面导入进来。安装依赖包(包括了gulp-file-include和del)npminstall--save-devgulp-file-includedel项目结构目录修改gulpfile.js,结合browser-sync一起使用'usestrict';vargulp=requir
- Vue.js_03_Browser-sync使用_Sublime代码片段_计算属性_自定义指令_todoMVC项目
pre_eminent
Vue
Vue.js四天课程学习笔记_第3天课程内容概要:1.介绍browser-sync安装和配置使用(强烈推荐!从此告别手动刷新F5)2.灵活运用数组中的every和some和filter方法(来实现数据的过滤)3.Sublime的代码片段.sublime-snippet(类似于XCode里的CodeSnippet)4.不可见元素template的使用5.v-for与v-show与v-if与v-els
- node开发自动刷新网页中的css和javascript
weixin_34004576
在已有node的环境下,安装browser-sync:npminstall-gbrowser-sync然后运行,默认本目录下(最后填写要监听的文件--本实例监听了css文件夹下面的所有css文件和js):你也可以修改指定监听的路径browser-syncstart--server--files"css/*.css""js/*.js"
- gulp的使用
沐逢春
Python网站篇
引言gulp是用于前端自动化构建的,方便前端进行即时开发的工具自动化构建所需的插件在项目路径下使用npminit初始化之后,将下面需要安装的依赖复制到package.json文件中"devDependencies":{"browser-sync":"^2.24.4","gulp":"^3.9.1","gulp-autoprefixer":"^5.0.0","gulp-cache":"^1.0.2"
- Web - Linux下,如何使用Gulp运行调试html代码
Cosecant
安装Nodejssudoaptinstallnodejssudoaptinstallnpm安装browser-sync包sudonpminstallbrowser-sync-g#进行全局安装npminstallbrowser-sync--save-dev#项目内安装,需要安装到项目中安装gulp包sudonpminstallgulp-g#进行全局安装npminstallgulp--save-dev
- vueSSR: 从0到1构建vueSSR项目 --- 伪热更新
咕咕gu
npmchild_processnode.jsbrowser-syncpackage.json
伪热更新上一期写了一些问题。原计划是暂时不做处理的,最终结果就是今天没忍住鸭。废话不多说先贴思路1.先进行本地编译2.编译完成后,利用chokidar分别监听源码文件以及编译后的文件。(源码改动,触发编译。编译后的文件发生改动,触发重载)3.开启node服务4.开启browserSync代理服务用到的插件以及模块npm//执行脚本命令browser-sync//刷新浏览器的核心chokidar//
- 使用gulp自动化监控并开启本地服务器功能。
天地无边
首先安装gulp包(npminstallgulp-g--save-dev),安装并配置全局安装。所需其他依赖依次安装:"bower":"^1.8.2","browser-sync":"^2.18.13","gulp":"^3.9.1","gulp-less":"^3.3.2","gulp-watch":"^4.3.11"我的项目配置文件package.jsoncatpackage.json{"na
- gulp创建本地服务器自动刷新浏览器
艹莓
jsnodejssass
varpath=require('path');vargulp=require('gulp');varsass=require('gulp-sass');varwatch=require('gulp-watch');varbrowserSync=require('browser-sync').create();//创建本地服务器varsassPath='./src/sass';//sacc文件路径
- gulp预编译less和自动刷新网页
xqnode
gulp
Browsersync官方地址:http://www.browsersync.cn/docs/gulp/全局安装gulp:$npmigulp-g在项目中安装gulp:$npmigulp--save-dev安装gulp-less和browser-sync插件:$npmigulp-lessbrowser-sync--save-dev项目目录结构:gulpfile.jspackage.jsonnode_
- TOMCAT在POST方法提交参数丢失问题
357029540
javatomcatjsp
摘自http://my.oschina.net/luckyi/blog/213209
昨天在解决一个BUG时发现一个奇怪的问题,一个AJAX提交数据在之前都是木有问题的,突然提交出错影响其他处理流程。
检查时发现页面处理数据较多,起初以为是提交顺序不正确修改后发现不是由此问题引起。于是删除掉一部分数据进行提交,较少数据能够提交成功。
恢复较多数据后跟踪提交FORM DATA ,发现数
- 在MyEclipse中增加JSP模板 删除-2008-08-18
ljy325
jspxmlMyEclipse
在D:\Program Files\MyEclipse 6.0\myeclipse\eclipse\plugins\com.genuitec.eclipse.wizards_6.0.1.zmyeclipse601200710\templates\jsp 目录下找到Jsp.vtl,复制一份,重命名为jsp2.vtl,然后把里面的内容修改为自己想要的格式,保存。
然后在 D:\Progr
- JavaScript常用验证脚本总结
eksliang
JavaScriptjavaScript表单验证
转载请出自出处:http://eksliang.iteye.com/blog/2098985
下面这些验证脚本,是我在这几年开发中的总结,今天把他放出来,也算是一种分享吧,现在在我的项目中也在用!包括日期验证、比较,非空验证、身份证验证、数值验证、Email验证、电话验证等等...!
&nb
- 微软BI(4)
18289753290
微软BI SSIS
1)
Q:查看ssis里面某个控件输出的结果:
A MessageBox.Show(Dts.Variables["v_lastTimestamp"].Value.ToString());
这是我们在包里面定义的变量
2):在关联目的端表的时候如果是一对多的关系,一定要选择唯一的那个键作为关联字段。
3)
Q:ssis里面如果将多个数据源的数据插入目的端一
- 定时对大数据量的表进行分表对数据备份
酷的飞上天空
大数据量
工作中遇到数据库中一个表的数据量比较大,属于日志表。正常情况下是不会有查询操作的,但如果不进行分表数据太多,执行一条简单sql语句要等好几分钟。。
分表工具:linux的shell + mysql自身提供的管理命令
原理:使用一个和原表数据结构一样的表,替换原表。
linux shell内容如下:
=======================开始 
- 本质的描述与因材施教
永夜-极光
感想随笔
不管碰到什么事,我都下意识的想去探索本质,找寻一个最形象的描述方式。
我坚信,世界上对一件事物的描述和解释,肯定有一种最形象,最贴近本质,最容易让人理解
&
- 很迷茫。。。
随便小屋
随笔
小弟我今年研一,也是从事的咱们现在最流行的专业(计算机)。本科三流学校,为了能有个更好的跳板,进入了考研大军,非常有幸能进入研究生的行业(具体学校就不说了,怕把学校的名誉给损了)。
先说一下自身的条件,本科专业软件工程。主要学习就是软件开发,几乎和计算机没有什么区别。因为学校本身三流,也就是让老师带着学生学点东西,然后让学生毕业就行了。对专业性的东西了解的非常浅。就那学的语言来说
- 23种设计模式的意图和适用范围
aijuans
设计模式
Factory Method 意图 定义一个用于创建对象的接口,让子类决定实例化哪一个类。Factory Method 使一个类的实例化延迟到其子类。 适用性 当一个类不知道它所必须创建的对象的类的时候。 当一个类希望由它的子类来指定它所创建的对象的时候。 当类将创建对象的职责委托给多个帮助子类中的某一个,并且你希望将哪一个帮助子类是代理者这一信息局部化的时候。
Abstr
- Java中的synchronized和volatile
aoyouzi
javavolatilesynchronized
说到Java的线程同步问题肯定要说到两个关键字synchronized和volatile。说到这两个关键字,又要说道JVM的内存模型。JVM里内存分为main memory和working memory。 Main memory是所有线程共享的,working memory则是线程的工作内存,它保存有部分main memory变量的拷贝,对这些变量的更新直接发生在working memo
- js数组的操作和this关键字
百合不是茶
js数组操作this关键字
js数组的操作;
一:数组的创建:
1、数组的创建
var array = new Array(); //创建一个数组
var array = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度
var arrayObj = new Array([element0[, element1[, ...[, elementN]]]
- 别人的阿里面试感悟
bijian1013
面试分享工作感悟阿里面试
原文如下:http://greemranqq.iteye.com/blog/2007170
一直做企业系统,虽然也自己一直学习技术,但是感觉还是有所欠缺,准备花几个月的时间,把互联网的东西,以及一些基础更加的深入透析,结果这次比较意外,有点突然,下面分享一下感受吧!
&nb
- 淘宝的测试框架Itest
Bill_chen
springmaven框架单元测试JUnit
Itest测试框架是TaoBao测试部门开发的一套单元测试框架,以Junit4为核心,
集合DbUnit、Unitils等主流测试框架,应该算是比较好用的了。
近期项目中用了下,有关itest的具体使用如下:
1.在Maven中引入itest框架:
<dependency>
<groupId>com.taobao.test</groupId&g
- 【Java多线程二】多路条件解决生产者消费者问题
bit1129
java多线程
package com.tom;
import java.util.LinkedList;
import java.util.Queue;
import java.util.concurrent.ThreadLocalRandom;
import java.util.concurrent.locks.Condition;
import java.util.concurrent.loc
- 汉字转拼音pinyin4j
白糖_
pinyin4j
以前在项目中遇到汉字转拼音的情况,于是在网上找到了pinyin4j这个工具包,非常有用,别的不说了,直接下代码:
import java.util.HashSet;
import java.util.Set;
import net.sourceforge.pinyin4j.PinyinHelper;
import net.sourceforge.pinyin
- org.hibernate.TransactionException: JDBC begin failed解决方案
bozch
ssh数据库异常DBCP
org.hibernate.TransactionException: JDBC begin failed: at org.hibernate.transaction.JDBCTransaction.begin(JDBCTransaction.java:68) at org.hibernate.impl.SessionImp
- java-并查集(Disjoint-set)-将多个集合合并成没有交集的集合
bylijinnan
java
import java.util.ArrayList;
import java.util.Arrays;
import java.util.HashMap;
import java.util.HashSet;
import java.util.Iterator;
import java.util.List;
import java.util.Map;
import java.ut
- Java PrintWriter打印乱码
chenbowen00
java
一个小程序读写文件,发现PrintWriter输出后文件存在乱码,解决办法主要统一输入输出流编码格式。
读文件:
BufferedReader
从字符输入流中读取文本,缓冲各个字符,从而提供字符、数组和行的高效读取。
可以指定缓冲区的大小,或者可使用默认的大小。大多数情况下,默认值就足够大了。
通常,Reader 所作的每个读取请求都会导致对基础字符或字节流进行相应的读取请求。因
- [天气与气候]极端气候环境
comsci
环境
如果空间环境出现异变...外星文明并未出现,而只是用某种气象武器对地球的气候系统进行攻击,并挑唆地球国家间的战争,经过一段时间的准备...最大限度的削弱地球文明的整体力量,然后再进行入侵......
那么地球上的国家应该做什么样的防备工作呢?
&n
- oracle order by与union一起使用的用法
daizj
UNIONoracleorder by
当使用union操作时,排序语句必须放在最后面才正确,如下:
只能在union的最后一个子查询中使用order by,而这个order by是针对整个unioning后的结果集的。So:
如果unoin的几个子查询列名不同,如
Sql代码
select supplier_id, supplier_name
from suppliers
UNI
- zeus持久层读写分离单元测试
deng520159
单元测试
本文是zeus读写分离单元测试,距离分库分表,只有一步了.上代码:
1.ZeusMasterSlaveTest.java
package com.dengliang.zeus.webdemo.test;
import java.util.ArrayList;
import java.util.List;
import org.junit.Assert;
import org.j
- Yii 截取字符串(UTF-8) 使用组件
dcj3sjt126com
yii
1.将Helper.php放进protected\components文件夹下。
2.调用方法:
Helper::truncate_utf8_string($content,20,false); //不显示省略号 Helper::truncate_utf8_string($content,20); //显示省略号
&n
- 安装memcache及php扩展
dcj3sjt126com
PHP
安装memcache tar zxvf memcache-2.2.5.tgz cd memcache-2.2.5/ /usr/local/php/bin/phpize (?) ./configure --with-php-confi
- JsonObject 处理日期
feifeilinlin521
javajsonJsonOjbectJsonArrayJSONException
写这边文章的初衷就是遇到了json在转换日期格式出现了异常 net.sf.json.JSONException: java.lang.reflect.InvocationTargetException 原因是当你用Map接收数据库返回了java.sql.Date 日期的数据进行json转换出的问题话不多说 直接上代码
&n
- Ehcache(06)——监听器
234390216
监听器listenerehcache
监听器
Ehcache中监听器有两种,监听CacheManager的CacheManagerEventListener和监听Cache的CacheEventListener。在Ehcache中,Listener是通过对应的监听器工厂来生产和发生作用的。下面我们将来介绍一下这两种类型的监听器。
- activiti 自带设计器中chrome 34版本不能打开bug的解决
jackyrong
Activiti
在acitivti modeler中,如果是chrome 34,则不能打开该设计器,其他浏览器可以,
经证实为bug,参考
http://forums.activiti.org/content/activiti-modeler-doesnt-work-chrome-v34
修改为,找到
oryx.debug.js
在最头部增加
if (!Document.
- 微信收货地址共享接口-终极解决
laotu5i0
微信开发
最近要接入微信的收货地址共享接口,总是不成功,折腾了好几天,实在没办法网上搜到的帖子也是骂声一片。我把我碰到并解决问题的过程分享出来,希望能给微信的接口文档起到一个辅助作用,让后面进来的开发者能快速的接入,而不需要像我们一样苦逼的浪费好几天,甚至一周的青春。各种羞辱、谩骂的话就不说了,本人还算文明。
如果你能搜到本贴,说明你已经碰到了各种 ed
- 关于人才
netkiller.github.com
工作面试招聘netkiller人才
关于人才
每个月我都会接到许多猎头的电话,有些猎头比较专业,但绝大多数在我看来与猎头二字还是有很大差距的。 与猎头接触多了,自然也了解了他们的工作,包括操作手法,总体上国内的猎头行业还处在初级阶段。
总结就是“盲目推荐,以量取胜”。
目前现状
许多从事人力资源工作的人,根本不懂得怎么找人才。处在人才找不到企业,企业找不到人才的尴尬处境。
企业招聘,通常是需要用人的部门提出招聘条件,由人
- 搭建 CentOS 6 服务器 - 目录
rensanning
centos
(1) 安装CentOS
ISO(desktop/minimal)、Cloud(AWS/阿里云)、Virtualization(VMWare、VirtualBox)
详细内容
(2) Linux常用命令
cd、ls、rm、chmod......
详细内容
(3) 初始环境设置
用户管理、网络设置、安全设置......
详细内容
(4) 常驻服务Daemon
- 【求助】mongoDB无法更新主键
toknowme
mongodb
Query query = new Query(); query.addCriteria(new Criteria("_id").is(o.getId())); &n
- jquery 页面滚动到底部自动加载插件集合
xp9802
jquery
很多社交网站都使用无限滚动的翻页技术来提高用户体验,当你页面滑到列表底部时候无需点击就自动加载更多的内容。下面为你推荐 10 个 jQuery 的无限滚动的插件:
1. jQuery ScrollPagination
jQuery ScrollPagination plugin 是一个 jQuery 实现的支持无限滚动加载数据的插件。
2. jQuery Screw
S