- Gulp入门个人总结
薰衣草smile
Gulp入门个人总结参考资料：http://www.ydcss.com/archives/18http://www.techug.com/gulphttp://www.browsersync.cn/一．安装前提条件：已安装nodeJS*所有绿色带下划线均为指令在命令行下操作选装cnpm:受国内网络影响，设在国外的npm服务器在国内访问有可能出现异常，所以可选淘宝团队构建的cnpm来代替npm指令。
- 前端开发-Browsersync 和 gulp 实现浏览器同步测试
devZhang
通常情况下，作为前端开发者，在项目中编写了一段代码后，想看看效果，需要在编辑器里保存修改的文件，然后来到浏览器打开本地文件才能看到，之后如果再做了修改，就需要手动刷新浏览器才能看到最新效果。那么，有了Browsersync和gulp的，就可以实现浏览器实时、快速的响应你的文件更改，包括html、js、css、sass、less等，并且自动刷新页面展示效果。试想一下：假设您的桌子上有pc、ipad、
- gulp构建完整项目
__摸摸头
项目结构如下:gulpfile.js文件配置如下://引入插件vargulp=require('gulp');varbrowserSync=require('browser-sync').create();varless=require('gulp-less');varjsmin=require('gulp-jsmin');varcleanCSS=require('gulp-clean-css')
- jquery开发 css 自动刷新预览 stylus编译
Taoquns
工具：browsersyncstylus安装browsersync安装npminstall-gbrowser-sync监听文件browser-syncstart--server--files"css/*.css"browser-syncstart--server--files"**/*.css,**/*.html"browser-syncstart--server--files"css/*.css
- 多浏览器书签云同步，手机浏览器也同步
代码调试
xBrowserSync效率
多浏览器书签云同步，手机浏览器也同步安装与设置(先看注意事项！！)下载地址(国内，但要关注公众号)https://www.extfans.com/productivity/lcbjdhceifofjlpecfpeimnnphbcjgnc/download/官网https://www.xbrowsersync.org谷歌Chrome在Chrome中，首先整理好您的书签，删除不需要的书签。禁用Chro
- chrome添加书签同步插件
wnfee
工具插件chrome书签同步
chorme添加书签同步插件一.bookmark（不推荐）1.添加书签插件到浏览器2.github添加repo仓库3.设置个人token4.书签同步二.SyncBookmarks（不推荐）2.1登录三.码云同步（有点麻烦，不推荐）四.`xBrowserSync`插件（简单好用，推荐）一.bookmark（不推荐）1.添加书签插件到浏览器这里推荐一款好用的Chrome插件：书签同步https://c
- browsersync
that_day
【browsersync】http://www.browsersync.cn/【cmder】http://cmder.net/1、把Cmder加到环境变量把Cmder.exe存放的目录添加到系统环境变量；加完之后,Win+r一下输入cmder,即可。2、添加cmder到右键菜单添加后在任意文件夹中即可打开Cmder，上一步的把Cmder加到环境变量就是为此服务的,在管理员权限的终端输入以下语句即可
- 多浏览器同步测试工具的设计与实现
orionc
背景在做Web兼容测试时，测试人员往往需要在不同浏览器上重复执行相同的操作。现有自动化录制手段，其实是后置的对比，效率与反馈都存在延迟，执行过程相对是黑盒的，过程中如果测试人员没细化到具体的校验点，即使是很明显的样式差异，脚本也很难发现。且如果是脚本或浏览器差异的问题，自动化运行的方式并不能够及时手动调整容错。于是便思考有没有一种实时操作，而且可以便捷校验方案。通过调研了browsersync、u
- sass简易配置
GoldenaArcher
#CSScsssass
node项目中sass最简易的配置，原网址：MinimumStaticSiteSetupwithSass，package.json如下：{"name":"project","version":"0.1.0","description":"SASScompile|autoprefix|minimizeandlive-reloaddevserverusingBrowsersyncforstaticHT
- webpack+sass+browserSync+vue初体验
whatwho
对于webpack，半年多前就有意接触，无奈那阵子工作太忙，又无心学习，只能一放再放。一个多月前由于换工作，来到了新的环境，工作上开发内容相对更加自由，做一些活动可以独立的自己来搭建框架脚手架，于是在接手了第一个活动页面的时候我选择了gulp+sass+browserSync+vue，之前自己搭过grunt，来这里后看了看gulp发现也很好用而且也比较普遍，至于browserSync，可谓多端调试
- browser-sync的安装及使用
小墨鱼_z
npmvue.js前端
Browsersync-省时的浏览器同步测试工具|Browsersync中文文档1、BrowserSync是基于Node.js的,是一个Node模块，需要先安装一下Node.js，官网下载安装即可。查看安装的node版本：node-v2、由于npm镜像布置在国外，速度不太理想，我们可以选择淘宝镜像进行加速npminstall-gcnpm--registry=https://registry.npm
- BrowserSync的安装与使用详解
然网名并卵
BrowserSync是一个省时的浏览器同步测试工具，可以同时在PC、平板、手机等设备上进项调试。这个工具是基于nodejs的，可以通过npm安装。不废话马上进入正题。安装Node后，通过npm安装BrowserSync：在命令行窗口输入npminstall-gbrowser-sync全局安装BrowserSync；安装完成后，可以通过browser-sync--version来查看是否安装成功以
- Fatal error: ENOSPC: System limit for number of file watchers reached, watch '...path...'
参谋总长萨博
某前端工程在Ubuntu18.04系统环境中运行npmrundev命令时出现如下错误...Running"browserSync:bsFiles"(browserSync)task[Browsersync]AccessURLs:----------------------------------------Local:http://localhost:3000External:http://192
- 小白学前端（一）测试同步神器browser-sync
老油条爱填坑
官方介绍：Browsersync能让浏览器实时、快速响应您的文件更改（html、js、css、sass、less等）并自动刷新页面。更重要的是Browsersync可以同时在PC、平板、手机等设备下进项调试。您可以想象一下：“假设您的桌子上有pc、ipad、iphone、android等设备，同时打开了您需要调试的页面，当您使用browsersync后，您的任何一次代码保存，以上的设备都会同时显示
- cef -- 类和接口说明
cef
CefApp：主要处理浏览器本身相关事件CefClient：主要处理了浏览器网页之间的事件CefV8Handler,CefV8Value和CefV8Context是被用来创建和访问JavaScript对象。Cefbwser是主要的浏览器窗口类，可以用静态的函数CreateBrowser()和CreateBrowserSync()来创建一个新的浏览器窗口，公开由浏览器提供的功能。包括前进后退导航，来
- 软件测试工程师常用网站整理汇总
weixin_33804582
测试
1、常用工具相关有道云笔记http://note.youdao.com/signIn/index.html36镇-最好用的共享收藏夹http://www.36zhen.com/浏览器同步测试工具http://www.browsersync.cn/https://www.browsersync.io/草料二维码生成器http://cli.im/GitHubhttps://github.com/Sta
- Web前端开发工程师常用技术网站整理
放肆青春的博客
网址大全
1、常用工具相关有道云笔记http://note.youdao.com/signIn/index.html36镇-最好用的共享收藏夹http://www.36zhen.com/浏览器同步测试工具http://www.browsersync.cn/https://www.browsersync.io/草料二维码生成器http://cli.im/GitHubhttps://github.com/Sta
- [转] Web前端开发工程师常用技术网站整理
weixin_33775572
1、常用工具相关有道云笔记http://note.youdao.com/signIn/index.html36镇-最好用的共享收藏夹http://www.36zhen.com/浏览器同步测试工具http://www.browsersync.cn/https://www.browsersync.io/草料二维码生成器http://cli.im/GitHubhttps://github.com/Sta
- 2021-07-30
孤独的墨者人
Web前端开发工程师常用资源资源整合##1、部署流程相关Gulp官网http://gulpjs.com/Gulp中文网http://www.gulpjs.com.cn/Yeomanhttp://yeoman.io/browsersync官网https://browsersync.io/Gulp和webpack的区别，是一种工具吗？http://blog.csdn.net/xllily_11/art
- 简单项目的Gulp 配置
钱英俊真英俊
简单的展示页面就没必要用框架了，pug+gulp就够了。还能减少代码量。const{src,dest,parallel,watch,series}=require('gulp')constplugins=require('gulp-load-plugins')()constbrowserSync=require('browser-sync').create()constrename=require
- 处理兼容性的插件
神豪VS勇士赢
1.browserhacks.comcsshackpolyfill和shivpolyfillhtml5shiv解决老版本的浏览器支持新的h5标签Respondie6-ie8不支持媒体查询用Respond可以支持条件查询3.modernizr.com4.caniuse.com查询属性的兼容性5.浏览器同步测试调试工具www.browsersync.cn
- 最简单的前端自动化套件gulp ＋ browserSync
左木子
大前端时代的到来，让我们对未来充满了各种幻想和憧憬，同时也带给我们了痛苦与迷茫。各种框架漫天飞，各种打包工具到处跑；牛逼哄哄的大神们，一言不合就开始自己打造神器。我觉得你的框架怎么怎么不好，我觉得你这里封装的怎么怎么稀烂，于是乎，五环之外回龙观中，闭关修炼九九八十一天.......像我们这样的搬砖小民工，尚浅的道行还不足以打造神器，那我们就一起静下心来好好钻研一下别人的神器，不会造还不会用吗！！！
- gulp 自用总结
ritsuuu
1.Browsersynchttps://browsersync.io/#install配合gulp插件使用：GlobalInstall：npminstall-gbrowser-syncLocalInstall：npminstallbrowser-syncgulp--save-dev避免每次都要sudo，修复npm的权限：https://docs.npmjs.com/getting-started
- browsersync
chenyiting12
1.安装nodejs环境。http://www.runoob.com/nodejs/nodejs-install-setup.html2.安装browsersync。3.绑定动态或静态的项目页面。http://www.browsersync.cn/
- 前端开发工具-本地网络服务器
scarqin
http-servernpminstallhttp-server-g然后直接在想要预览的文件输入http-server指令优点：只要连接同一个wifi，就可以多端预览配置信息不多，方便快速预览缺点:不过有个需要手动刷新BrowserSyncnpminstall-gbrowser-sync//静态页同步//--files路径是相对于运行该命令的项目（目录）//指令的意思是，监听index.html文
- webpack+sass+browserSync+vue初体验
卢哎呦
对于webpack，半年多前就有意接触，无奈那阵子工作太忙，又无心学习，只能一放再放。一个多月前由于换工作，来到了新的环境，工作上开发内容相对更加自由，做一些活动可以独立的自己来搭建框架脚手架，于是在接手了第一个活动页面的时候我选择了gulp+sass+browserSync+vue，之前自己搭过grunt，来这里后看了看gulp发现也很好用而且也比较普遍，至于browserSync，可谓多端调试
- 简单、同步的测试工具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/
- 聊聊 gulp
happywind
gulp,一款构建工具，准确的说应该是一个构建平台，一个构建系统，有很多很多插件。。。gulp的作用主要是帮我们完成一些重复性的工作，比如：gulp-autoprefixer自动给CSS添加厂商前缀。gulp-sass把Sass编译成css。gulp-wrap可以把各个html文件中相同的header和footer部分抽离出来。gulp+browsersync实现多设备同步调试，页面自动加载（li
- VUE移动端调试
ls347326800
VUE笔记
vue-cli+webpack+Browsersync进行移动端的同步调试前言首先呢，你的了解一下Browsersync是个什么东西，可以移步Browsersync官网了解下。然后才是：当我们使用vue-cli搭建vue项目的时候，通常使用的都是webpack的模板，但是vue一般都是移动端的项目避免不了移动端的调试，那么既然是移动端的调试怎么能少得了Browsersync呢，所以就稍微研究了一下
- 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
- 强大的销售团队背后 竟然是大数据分析的身影
蓝儿唯美
数据分析
Mark Roberge是HubSpot的首席财务官，在招聘销售职位时使用了大量数据分析。但是科技并没有挤走直觉。
大家都知道数理学家实际上已经渗透到了各行各业。这些热衷数据的人们通过处理数据理解商业流程的各个方面，以重组弱点，增强优势。
Mark Roberge是美国HubSpot公司的首席财务官，HubSpot公司在构架集客营销现象方面出过一份力——因此他也是一位数理学家。他使用数据分析
- Haproxy+Keepalived高可用双机单活
bylijinnan
负载均衡keepalivedhaproxy高可用
我们的应用MyApp不支持集群，但要求双机单活（两台机器：master和slave）：
1.正常情况下，只有master启动MyApp并提供服务
2.当master发生故障时，slave自动启动本机的MyApp，同时虚拟IP漂移至slave，保持对外提供服务的IP和端口不变
F5据说也能满足上面的需求，但F5的通常用法都是双机双活，单活的话还没研究过
服务器资源
10.7
- eclipse编辑器中文乱码问题解决
0624chenhong
eclipse乱码
使用Eclipse编辑文件经常出现中文乱码或者文件中有中文不能保存的问题，Eclipse提供了灵活的设置文件编码格式的选项，我们可以通过设置编码 格式解决乱码问题。在Eclipse可以从几个层面设置编码格式：Workspace、Project、Content Type、File
本文以Eclipse 3.3（英文）为例加以说明：
1. 设置Workspace的编码格式：
Windows-&g
- 基础篇--resources资源
不懂事的小屁孩
android
最近一直在做java开发，偶尔敲点android代码，突然发现有些基础给忘记了，今天用半天时间温顾一下resources的资源。
String.xml 字符串资源 涉及国际化问题
http://www.2cto.com/kf/201302/190394.html
string-array
- 接上篇补上window平台自动上传证书文件的批处理问卷
酷的飞上天空
window
@echo off
: host=服务器证书域名或ip，需要和部署时服务器的域名或ip一致 ou=公司名称, o=公司名称
set host=localhost
set ou=localhost
set o=localhost
set password=123456
set validity=3650
set salias=s
- 企业物联网大潮涌动：如何做好准备？
蓝儿唯美
企业
物联网的可能性也许是无限的。要找出架构师可以做好准备的领域然后利用日益连接的世界。
尽管物联网（IoT）还很新，企业架构师现在也应该为一个连接更加紧密的未来做好计划，而不是跟上闸门被打开后的集成挑战。“问题不在于物联网正在进入哪些领域，而是哪些地方物联网没有在企业推进，” Gartner研究总监Mike Walker说。
Gartner预测到2020年物联网设备安装量将达260亿，这些设备在全
- spring学习——数据库（mybatis持久化框架配置）
a-john
mybatis
Spring提供了一组数据访问框架，集成了多种数据访问技术。无论是JDBC，iBATIS(mybatis)还是Hibernate，Spring都能够帮助消除持久化代码中单调枯燥的数据访问逻辑。可以依赖Spring来处理底层的数据访问。
mybatis是一种Spring持久化框架，要使用mybatis，就要做好相应的配置：
1，配置数据源。有很多数据源可以选择，如：DBCP，JDBC，aliba
- Java静态代理、动态代理实例
aijuans
Java静态代理
采用Java代理模式，代理类通过调用委托类对象的方法，来提供特定的服务。委托类需要实现一个业务接口，代理类返回委托类的实例接口对象。
按照代理类的创建时期，可以分为：静态代理和动态代理。
所谓静态代理： 指程序员创建好代理类，编译时直接生成代理类的字节码文件。
所谓动态代理： 在程序运行时，通过反射机制动态生成代理类。
一、静态代理类实例：
1、Serivce.ja
- Struts1与Struts2的12点区别
asia007
Struts1与Struts2
1) 在Action实现类方面的对比：Struts 1要求Action类继承一个抽象基类；Struts 1的一个具体问题是使用抽象类编程而不是接口。Struts 2 Action类可以实现一个Action接口，也可以实现其他接口，使可选和定制的服务成为可能。Struts 2提供一个ActionSupport基类去实现常用的接口。即使Action接口不是必须实现的，只有一个包含execute方法的P
- 初学者要多看看帮助文档 不要用js来写Jquery的代码
百合不是茶
jqueryjs
解析json数据的时候需要将解析的数据写到文本框中, 出现了用js来写Jquery代码的问题;
1, JQuery的赋值 有问题
代码如下: data.username 表示的是: 网易
$("#use
- 经理怎么和员工搞好关系和信任
bijian1013
团队项目管理管理
产品经理应该有坚实的专业基础，这里的基础包括产品方向和产品策略的把握，包括设计，也包括对技术的理解和见识，对运营和市场的敏感，以及良好的沟通和协作能力。换言之，既然是产品经理，整个产品的方方面面都应该能摸得出门道。这也不懂那也不懂，如何让人信服？如何让自己懂？就是不断学习，不仅仅从书本中，更从平时和各种角色的沟通
- 如何为rich:tree不同类型节点设置右键菜单
sunjing
contextMenutreeRichfaces
组合使用target和targetSelector就可以啦，如下： <rich:tree id="ruleTree" value="#{treeAction.ruleTree}" var="node" nodeType="#{node.type}"
selectionChangeListener=&qu
- 【Redis二】Redis2.8.17搭建主从复制环境
bit1129
redis
开始使用Redis2.8.17
Redis第一篇在Redis2.4.5上搭建主从复制环境，对它的主从复制的工作机制，真正的惊呆了。不知道Redis2.8.17的主从复制机制是怎样的，Redis到了2.4.5这个版本，主从复制还做成那样，Impossible is nothing! 本篇把主从复制环境再搭一遍看看效果，这次在Unbuntu上用官方支持的版本。 Ubuntu上安装Red
- JSONObject转换JSON--将Date转换为指定格式
白糖_
JSONObject
项目中，经常会用JSONObject插件将JavaBean或List<JavaBean>转换为JSON格式的字符串，而JavaBean的属性有时候会有java.util.Date这个类型的时间对象，这时JSONObject默认会将Date属性转换成这样的格式：
{"nanos":0,"time":-27076233600000,
- JavaScript语言精粹读书笔记
braveCS
JavaScript
【经典用法】：
//①定义新方法
Function .prototype.method=function(name, func){
this.prototype[name]=func;
return this;
}
//②给Object增加一个create方法，这个方法创建一个使用原对
- 编程之美-找符合条件的整数 用字符串来表示大整数避免溢出
bylijinnan
编程之美
import java.util.LinkedList;
public class FindInteger {
/**
* 编程之美 找符合条件的整数 用字符串来表示大整数避免溢出
* 题目：任意给定一个正整数N，求一个最小的正整数M(M>1)，使得N*M的十进制表示形式里只含有1和0
*
* 假设当前正在搜索由0，1组成的K位十进制数
- 读书笔记
chengxuyuancsdn
读书笔记
1、Struts访问资源
2、把静态参数传递给一个动作
3、<result>type属性
4、s:iterator、s:if c:forEach
5、StringBuilder和StringBuffer
6、spring配置拦截器
1、访问资源
(1)通过ServletActionContext对象和实现ServletContextAware,ServletReque
- [通讯与电力]光网城市建设的一些问题
comsci
问题
信号防护的问题,前面已经说过了,这里要说光网交换机与市电保障的关系
我们过去用的ADSL线路,因为是电话线,在小区和街道电力中断的情况下,只要在家里用笔记本电脑+蓄电池,连接ADSL,同样可以上网........
- oracle 空间RESUMABLE
daizj
oracle空间不足RESUMABLE错误挂起
空间RESUMABLE操作 转
Oracle从9i开始引入这个功能，当出现空间不足等相关的错误时，Oracle可以不是马上返回错误信息，并回滚当前的操作，而是将操作挂起，直到挂起时间超过RESUMABLE TIMEOUT，或者空间不足的错误被解决。
这一篇简单介绍空间RESUMABLE的例子。
第一次碰到这个特性是在一次安装9i数据库的过程中，在利用D
- 重构第一次写的线程池
dieslrae
线程池 python
最近没有什么学习欲望,修改之前的线程池的计划一直搁置,这几天比较闲,还是做了一次重构,由之前的2个类拆分为现在的4个类.
1、首先是工作线程类:TaskThread,此类为一个工作线程,用于完成一个工作任务,提供等待(wait),继续(proceed),绑定任务(bindTask)等方法
#!/usr/bin/env python
# -*- coding:utf8 -*-
- C语言学习六指针
dcj3sjt126com
c
初识指针，简单示例程序：
/*
指针就是地址，地址就是指针
地址就是内存单元的编号
指针变量是存放地址的变量
指针和指针变量是两个不同的概念
但是要注意： 通常我们叙述时会把指针变量简称为指针，实际它们含义并不一样
*/
# include <stdio.h>
int main(void)
{
int * p; // p是变量的名字， int *
- yii2 beforeSave afterSave beforeDelete
dcj3sjt126com
delete
public function afterSave($insert, $changedAttributes)
{
parent::afterSave($insert, $changedAttributes);
if($insert) {
//这里是新增数据
} else {
//这里是更新数据
}
}
- timertask
shuizhaosi888
timertask
java.util.Timer timer = new java.util.Timer(true);
// true 说明这个timer以daemon方式运行（优先级低，
// 程序结束timer也自动结束），注意，javax.swing
// 包中也有一个Timer类，如果import中用到swing包，
// 要注意名字的冲突。
TimerTask task = new
- Spring Security（13）——session管理
234390216
sessionSpring Security攻击保护超时
session管理
目录
1.1 检测session超时
1.2 concurrency-control
1.3 session 固定攻击保护
- 公司项目NODEJS实践0.3[ mongo / session ...]
逐行分析JS源代码
mongodbsessionnodejs
http://www.upopen.cn
一、前言
书接上回，我们搭建了WEB服务端路由、模板等功能，完成了register 通过ajax与后端的通信，今天主要完成数据与mongodb的存取，实现注册 / 登录 /
- pojo.vo.po.domain区别
LiaoJuncai
javaVOPOJOjavabeandomain
POJO = "Plain Old Java Object"，是MartinFowler等发明的一个术语，用来表示普通的Java对象，不是JavaBean, EntityBean 或者 SessionBean。POJO不但当任何特殊的角色，也不实现任何特殊的Java框架的接口如，EJB， JDBC等等。
即POJO是一个简单的普通的Java对象，它包含业务逻辑
- Windows Error Code
OhMyCC
windows
0 操作成功完成.
1 功能错误.
2 系统找不到指定的文件.
3 系统找不到指定的路径.
4 系统无法打开文件.
5 拒绝访问.
6 句柄无效.
7 存储控制块被损坏.
8 存储空间不足, 无法处理此命令.
9 存储控制块地址无效.
10 环境错误.
11 试图加载格式错误的程序.
12 访问码无效.
13 数据无效.
14 存储器不足, 无法完成此操作.
15 系
- 在storm集群环境下发布Topology
roadrunners
集群stormtopologyspoutbolt
storm的topology设计和开发就略过了。本章主要来说说如何在storm的集群环境中，通过storm的管理命令来发布和管理集群中的topology。
1、打包
打包插件是使用maven提供的maven-shade-plugin，详细见maven-shade-plugin。
<plugin>
<groupId>org.apache.maven.
- 为什么不允许代码里出现“魔数”
tomcat_oracle
java
在一个新项目中，我最先做的事情之一，就是建立使用诸如Checkstyle和Findbugs之类工具的准则。目的是制定一些代码规范，以及避免通过静态代码分析就能够检测到的bug。 迟早会有人给出案例说这样太离谱了。其中的一个案例是Checkstyle的魔数检查。它会对任何没有定义常量就使用的数字字面量给出警告，除了-1、0、1和2。 很多开发者在这个检查方面都有问题，这可以从结果
- zoj 3511 Cake Robbery(线段树)
阿尔萨斯
线段树
题目链接：zoj 3511 Cake Robbery
题目大意：就是有一个N边形的蛋糕，切M刀，从中挑选一块边数最多的，保证没有两条边重叠。
解题思路：有多少个顶点即为有多少条边，所以直接按照切刀切掉点的个数排序，然后用线段树维护剩下的还有哪些点。
#include <cstdio>
#include <cstring>
#include <vector&
