- 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_
- PHP如何实现二维数组排序?
IT独行者
二维数组PHP排序
二维数组在PHP开发中经常遇到,但是他的排序就不如一维数组那样用内置函数来的方便了,(一维数组排序可以参考本站另一篇文章【PHP中数组排序函数详解汇总】)。二维数组的排序需要我们自己写函数处理了,这里UncleToo给大家分享一个PHP二维数组排序的函数:
代码:
functionarray_sort($arr,$keys,$type='asc'){
$keysvalue= $new_arr
- 【Hadoop十七】HDFS HA配置
bit1129
hadoop
基于Zookeeper的HDFS HA配置主要涉及两个文件,core-site和hdfs-site.xml。
测试环境有三台
hadoop.master
hadoop.slave1
hadoop.slave2
hadoop.master包含的组件NameNode, JournalNode, Zookeeper,DFSZKFailoverController
- 由wsdl生成的java vo类不适合做普通java vo
darrenzhu
VOwsdlwebservicerpc
开发java webservice项目时,如果我们通过SOAP协议来输入输出,我们会利用工具从wsdl文件生成webservice的client端类,但是这里面生成的java data model类却不适合做为项目中的普通java vo类来使用,当然有一中情况例外,如果这个自动生成的类里面的properties都是基本数据类型,就没问题,但是如果有集合类,就不行。原因如下:
1)使用了集合如Li
- JAVA海量数据处理之二(BitMap)
周凡杨
java算法bitmapbitset数据
路漫漫其修远兮,吾将上下而求索。想要更快,就要深入挖掘 JAVA 基础的数据结构,从来分析出所编写的 JAVA 代码为什么把内存耗尽,思考有什么办法可以节省内存呢? 啊哈!算法。这里采用了 BitMap 思想。
首先来看一个实验:
指定 VM 参数大小: -Xms256m -Xmx540m
- java类型与数据库类型
g21121
java
很多时候我们用hibernate的时候往往并不是十分关心数据库类型和java类型的对应关心,因为大多数hbm文件是自动生成的,但有些时候诸如:数据库设计、没有生成工具、使用原始JDBC、使用mybatis(ibatIS)等等情况,就会手动的去对应数据库与java的数据类型关心,当然比较简单的数据类型即使配置错了也会很快发现问题,但有些数据类型却并不是十分常见,这就给程序员带来了很多麻烦。
&nb
- Linux命令
510888780
linux命令
系统信息
arch 显示机器的处理器架构(1)
uname -m 显示机器的处理器架构(2)
uname -r 显示正在使用的内核版本
dmidecode -q 显示硬件系统部件 - (SMBIOS / DMI)
hdparm -i /dev/hda 罗列一个磁盘的架构特性
hdparm -tT /dev/sda 在磁盘上执行测试性读取操作
cat /proc/cpuinfo 显示C
- java常用JVM参数
墙头上一根草
javajvm参数
-Xms:初始堆大小,默认为物理内存的1/64(<1GB);默认(MinHeapFreeRatio参数可以调整)空余堆内存小于40%时,JVM就会增大堆直到-Xmx的最大限制
-Xmx:最大堆大小,默认(MaxHeapFreeRatio参数可以调整)空余堆内存大于70%时,JVM会减少堆直到 -Xms的最小限制
-Xmn:新生代的内存空间大小,注意:此处的大小是(eden+ 2
- 我的spring学习笔记9-Spring使用工厂方法实例化Bean的注意点
aijuans
Spring 3
方法一:
<bean id="musicBox" class="onlyfun.caterpillar.factory.MusicBoxFactory"
factory-method="createMusicBoxStatic"></bean>
方法二:
- mysql查询性能优化之二
annan211
UNIONmysql查询优化索引优化
1 union的限制
有时mysql无法将限制条件从外层下推到内层,这使得原本能够限制部分返回结果的条件无法应用到内层
查询的优化上。
如果希望union的各个子句能够根据limit只取部分结果集,或者希望能够先排好序在
合并结果集的话,就需要在union的各个子句中分别使用这些子句。
例如 想将两个子查询结果联合起来,然后再取前20条记录,那么mys
- 数据的备份与恢复
百合不是茶
oraclesql数据恢复数据备份
数据的备份与恢复的方式有: 表,方案 ,数据库;
数据的备份:
导出到的常见命令;
参数 说明
USERID 确定执行导出实用程序的用户名和口令
BUFFER 确定导出数据时所使用的缓冲区大小,其大小用字节表示
FILE 指定导出的二进制文
- 线程组
bijian1013
java多线程threadjava多线程线程组
有些程序包含了相当数量的线程。这时,如果按照线程的功能将他们分成不同的类别将很有用。
线程组可以用来同时对一组线程进行操作。
创建线程组:ThreadGroup g = new ThreadGroup(groupName);
&nbs
- top命令找到占用CPU最高的java线程
bijian1013
javalinuxtop
上次分析系统中占用CPU高的问题,得到一些使用Java自身调试工具的经验,与大家分享。 (1)使用top命令找出占用cpu最高的JAVA进程PID:28174 (2)如下命令找出占用cpu最高的线程
top -Hp 28174 -d 1 -n 1
32694 root 20 0 3249m 2.0g 11m S 2 6.4 3:31.12 java
- 【持久化框架MyBatis3四】MyBatis3一对一关联查询
bit1129
Mybatis3
当两个实体具有1对1的对应关系时,可以使用One-To-One的进行映射关联查询
One-To-One示例数据
以学生表Student和地址信息表为例,每个学生都有都有1个唯一的地址(现实中,这种对应关系是不合适的,因为人和地址是多对一的关系),这里只是演示目的
学生表
CREATE TABLE STUDENTS
(
- C/C++图片或文件的读写
bitcarter
写图片
先看代码:
/*strTmpResult是文件或图片字符串
* filePath文件需要写入的地址或路径
*/
int writeFile(std::string &strTmpResult,std::string &filePath)
{
int i,len = strTmpResult.length();
unsigned cha
- nginx自定义指定加载配置
ronin47
进入 /usr/local/nginx/conf/include 目录,创建 nginx.node.conf 文件,在里面输入如下代码:
upstream nodejs {
server 127.0.0.1:3000;
#server 127.0.0.1:3001;
keepalive 64;
}
server {
liste
- java-71-数值的整数次方.实现函数double Power(double base, int exponent),求base的exponent次方
bylijinnan
double
public class Power {
/**
*Q71-数值的整数次方
*实现函数double Power(double base, int exponent),求base的exponent次方。不需要考虑溢出。
*/
private static boolean InvalidInput=false;
public static void main(
- Android四大组件的理解
Cb123456
android四大组件的理解
分享一下,今天在Android开发文档-开发者指南中看到的:
App components are the essential building blocks of an Android
- [宇宙与计算]涡旋场计算与拓扑分析
comsci
计算
怎么阐述我这个理论呢? 。。。。。。。。。
首先: 宇宙是一个非线性的拓扑结构与涡旋轨道时空的统一体。。。。
我们要在宇宙中寻找到一个适合人类居住的行星,时间非常重要,早一个刻度和晚一个刻度,这颗行星的
- 同一个Tomcat不同Web应用之间共享会话Session
cwqcwqmax9
session
实现两个WEB之间通过session 共享数据
查看tomcat 关于 HTTP Connector 中有个emptySessionPath 其解释如下:
If set to true, all paths for session cookies will be set to /. This can be useful for portlet specification impleme
- springmvc Spring3 MVC,ajax,乱码
dashuaifu
springjquerymvcAjax
springmvc Spring3 MVC @ResponseBody返回,jquery ajax调用中文乱码问题解决
Spring3.0 MVC @ResponseBody 的作用是把返回值直接写到HTTP response body里。具体实现AnnotationMethodHandlerAdapter类handleResponseBody方法,具体实
- 搭建WAMP环境
dcj3sjt126com
wamp
这里先解释一下WAMP是什么意思。W:windows,A:Apache,M:MYSQL,P:PHP。也就是说本文说明的是在windows系统下搭建以apache做服务器、MYSQL为数据库的PHP开发环境。
工欲善其事,必须先利其器。因为笔者的系统是WinXP,所以下文指的系统均为此系统。笔者所使用的Apache版本为apache_2.2.11-
- yii2 使用raw http request
dcj3sjt126com
http
Parses a raw HTTP request using yii\helpers\Json::decode()
To enable parsing for JSON requests you can configure yii\web\Request::$parsers using this class:
'request' =&g
- Quartz-1.8.6 理论部分
eksliang
quartz
转载请出自出处:http://eksliang.iteye.com/blog/2207691 一.概述
基于Quartz-1.8.6进行学习,因为Quartz2.0以后的API发生的非常大的变化,统一采用了build模式进行构建;
什么是quartz?
答:简单的说他是一个开源的java作业调度框架,为在 Java 应用程序中进行作业调度提供了简单却强大的机制。并且还能和Sp
- 什么是POJO?
gupeng_ie
javaPOJO框架Hibernate
POJO--Plain Old Java Objects(简单的java对象)
POJO是一个简单的、正规Java对象,它不包含业务逻辑处理或持久化逻辑等,也不是JavaBean、EntityBean等,不具有任何特殊角色和不继承或不实现任何其它Java框架的类或接口。
POJO对象有时也被称为Data对象,大量应用于表现现实中的对象。如果项目中使用了Hiber
- jQuery网站顶部定时折叠广告
ini
JavaScripthtmljqueryWebcss
效果体验:http://hovertree.com/texiao/jquery/4.htmHTML文件代码:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>网页顶部定时收起广告jQuery特效 - HoverTree<
- Spring boot内嵌的tomcat启动失败
kane_xie
spring boot
根据这篇guide创建了一个简单的spring boot应用,能运行且成功的访问。但移植到现有项目(基于hbase)中的时候,却报出以下错误:
SEVERE: A child container failed during start
java.util.concurrent.ExecutionException: org.apache.catalina.Lif
- leetcode: sort list
michelle_0916
Algorithmlinked listsort
Sort a linked list in O(n log n) time using constant space complexity.
====analysis=======
mergeSort for singly-linked list
====code======= /**
* Definition for sin
- nginx的安装与配置,中途遇到问题的解决
qifeifei
nginx
我使用的是ubuntu13.04系统,在安装nginx的时候遇到如下几个问题,然后找思路解决的,nginx 的下载与安装
wget http://nginx.org/download/nginx-1.0.11.tar.gz
tar zxvf nginx-1.0.11.tar.gz
./configure
make
make install
安装的时候出现
- 用枚举来处理java自定义异常
tcrct
javaenumexception
在系统开发过程中,总少不免要自己处理一些异常信息,然后将异常信息变成友好的提示返回到客户端的这样一个过程,之前都是new一个自定义的异常,当然这个所谓的自定义异常也是继承RuntimeException的,但这样往往会造成异常信息说明不一致的情况,所以就想到了用枚举来解决的办法。
1,先创建一个接口,里面有两个方法,一个是getCode, 一个是getMessage
public
- erlang supervisor分析
wudixiaotie
erlang
当我们给supervisor指定需要创建的子进程的时候,会指定M,F,A,如果是simple_one_for_one的策略的话,启动子进程的方式是supervisor:start_child(SupName, OtherArgs),这种方式可以根据调用者的需求传不同的参数给需要启动的子进程的方法。和最初的参数合并成一个数组,A ++ OtherArgs。那么这个时候就有个问题了,既然参数不一致,那