- 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
- 深入浅出Java Annotation(元注解和自定义注解)
Josh_Persistence
Java Annotation元注解自定义注解
一、基本概述
Annontation是Java5开始引入的新特征。中文名称一般叫注解。它提供了一种安全的类似注释的机制,用来将任何的信息或元数据(metadata)与程序元素(类、方法、成员变量等)进行关联。
更通俗的意思是为程序的元素(类、方法、成员变量)加上更直观更明了的说明,这些说明信息是与程序的业务逻辑无关,并且是供指定的工具或
- mysql优化特定类型的查询
annan211
java工作mysql
本节所介绍的查询优化的技巧都是和特定版本相关的,所以对于未来mysql的版本未必适用。
1 优化count查询
对于count这个函数的网上的大部分资料都是错误的或者是理解的都是一知半解的。在做优化之前我们先来看看
真正的count()函数的作用到底是什么。
count()是一个特殊的函数,有两种非常不同的作用,他可以统计某个列值的数量,也可以统计行数。
在统
- MAC下安装多版本JDK和切换几种方式
棋子chessman
jdk
环境:
MAC AIR,OS X 10.10,64位
历史:
过去 Mac 上的 Java 都是由 Apple 自己提供,只支持到 Java 6,并且OS X 10.7 开始系统并不自带(而是可选安装)(原自带的是1.6)。
后来 Apple 加入 OpenJDK 继续支持 Java 6,而 Java 7 将由 Oracle 负责提供。
在终端中输入jav
- javaScript (1)
Array_06
JavaScriptjava浏览器
JavaScript
1、运算符
运算符就是完成操作的一系列符号,它有七类: 赋值运算符(=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=)、算术运算符(+,-,*,/,++,--,%)、比较运算符(>,<,<=,>=,==,===,!=,!==)、逻辑运算符(||,&&,!)、条件运算(?:)、位
- 国内顶级代码分享网站
袁潇含
javajdkoracle.netPHP
现在国内很多开源网站感觉都是为了利益而做的
当然利益是肯定的,否则谁也不会免费的去做网站
&
- Elasticsearch、MongoDB和Hadoop比较
随意而生
mongodbhadoop搜索引擎
IT界在过去几年中出现了一个有趣的现象。很多新的技术出现并立即拥抱了“大数据”。稍微老一点的技术也会将大数据添进自己的特性,避免落大部队太远,我们看到了不同技术之间的边际的模糊化。假如你有诸如Elasticsearch或者Solr这样的搜索引擎,它们存储着JSON文档,MongoDB存着JSON文档,或者一堆JSON文档存放在一个Hadoop集群的HDFS中。你可以使用这三种配
- mac os 系统科研软件总结
张亚雄
mac os
1.1 Microsoft Office for Mac 2011
大客户版,自行搜索。
1.2 Latex (MacTex):
系统环境:https://tug.org/mactex/
&nb
- Maven实战(四)生命周期
AdyZhang
maven
1. 三套生命周期 Maven拥有三套相互独立的生命周期,它们分别为clean,default和site。 每个生命周期包含一些阶段,这些阶段是有顺序的,并且后面的阶段依赖于前面的阶段,用户和Maven最直接的交互方式就是调用这些生命周期阶段。 以clean生命周期为例,它包含的阶段有pre-clean, clean 和 post
- Linux下Jenkins迁移
aijuans
Jenkins
1. 将Jenkins程序目录copy过去 源程序在/export/data/tomcatRoot/ofctest-jenkins.jd.com下面 tar -cvzf jenkins.tar.gz ofctest-jenkins.jd.com &
- request.getInputStream()只能获取一次的问题
ayaoxinchao
requestInputstream
问题:在使用HTTP协议实现应用间接口通信时,服务端读取客户端请求过来的数据,会用到request.getInputStream(),第一次读取的时候可以读取到数据,但是接下来的读取操作都读取不到数据
原因: 1. 一个InputStream对象在被读取完成后,将无法被再次读取,始终返回-1; 2. InputStream并没有实现reset方法(可以重
- 数据库SQL优化大总结之 百万级数据库优化方案
BigBird2012
SQL优化
网上关于SQL优化的教程很多,但是比较杂乱。近日有空整理了一下,写出来跟大家分享一下,其中有错误和不足的地方,还请大家纠正补充。
这篇文章我花费了大量的时间查找资料、修改、排版,希望大家阅读之后,感觉好的话推荐给更多的人,让更多的人看到、纠正以及补充。
1.对查询进行优化,要尽量避免全表扫描,首先应考虑在 where 及 order by 涉及的列上建立索引。
2.应尽量避免在 where
- jsonObject的使用
bijian1013
javajson
在项目中难免会用java处理json格式的数据,因此封装了一个JSONUtil工具类。
JSONUtil.java
package com.bijian.json.study;
import java.util.ArrayList;
import java.util.Date;
import java.util.HashMap;
- [Zookeeper学习笔记之六]Zookeeper源代码分析之Zookeeper.WatchRegistration
bit1129
zookeeper
Zookeeper类是Zookeeper提供给用户访问Zookeeper service的主要API,它包含了如下几个内部类
首先分析它的内部类,从WatchRegistration开始,为指定的znode path注册一个Watcher,
/**
* Register a watcher for a particular p
- 【Scala十三】Scala核心七:部分应用函数
bit1129
scala
何为部分应用函数?
Partially applied function: A function that’s used in an expression and that misses some of its arguments.For instance, if function f has type Int => Int => Int, then f and f(1) are p
- Tomcat Error listenerStart 终极大法
ronin47
tomcat
Tomcat报的错太含糊了,什么错都没报出来,只提示了Error listenerStart。为了调试,我们要获得更详细的日志。可以在WEB-INF/classes目录下新建一个文件叫logging.properties,内容如下
Java代码
handlers = org.apache.juli.FileHandler, java.util.logging.ConsoleHa
- 不用加减符号实现加减法
BrokenDreams
实现
今天有群友发了一个问题,要求不用加减符号(包括负号)来实现加减法。
分析一下,先看最简单的情况,假设1+1,按二进制算的话结果是10,可以看到从右往左的第一位变为0,第二位由于进位变为1。
 
- 读《研磨设计模式》-代码笔记-状态模式-State
bylijinnan
java设计模式
声明: 本文只为方便我个人查阅和理解,详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
/*
当一个对象的内在状态改变时允许改变其行为,这个对象看起来像是改变了其类
状态模式主要解决的是当控制一个对象状态的条件表达式过于复杂时的情况
把状态的判断逻辑转移到表示不同状态的一系列类中,可以把复杂的判断逻辑简化
如果在
- CUDA程序block和thread超出硬件允许值时的异常
cherishLC
CUDA
调用CUDA的核函数时指定block 和 thread大小,该大小可以是dim3类型的(三维数组),只用一维时可以是usigned int型的。
以下程序验证了当block或thread大小超出硬件允许值时会产生异常!!!GPU根本不会执行运算!!!
所以验证结果的正确性很重要!!!
在VS中创建CUDA项目会有一个模板,里面有更详细的状态验证。
以下程序在K5000GPU上跑的。
- 诡异的超长时间GC问题定位
chenchao051
jvmcmsGChbaseswap
HBase的GC策略采用PawNew+CMS, 这是大众化的配置,ParNew经常会出现停顿时间特别长的情况,有时候甚至长到令人发指的地步,例如请看如下日志:
2012-10-17T05:54:54.293+0800: 739594.224: [GC 739606.508: [ParNew: 996800K->110720K(996800K), 178.8826900 secs] 3700
- maven环境快速搭建
daizj
安装mavne环境配置
一 下载maven
安装maven之前,要先安装jdk及配置JAVA_HOME环境变量。这个安装和配置java环境不用多说。
maven下载地址:http://maven.apache.org/download.html,目前最新的是这个apache-maven-3.2.5-bin.zip,然后解压在任意位置,最好地址中不要带中文字符,这个做java 的都知道,地址中出现中文会出现很多
- PHP网站安全,避免PHP网站受到攻击的方法
dcj3sjt126com
PHP
对于PHP网站安全主要存在这样几种攻击方式:1、命令注入(Command Injection)2、eval注入(Eval Injection)3、客户端脚本攻击(Script Insertion)4、跨网站脚本攻击(Cross Site Scripting, XSS)5、SQL注入攻击(SQL injection)6、跨网站请求伪造攻击(Cross Site Request Forgerie
- yii中给CGridView设置默认的排序根据时间倒序的方法
dcj3sjt126com
GridView
public function searchWithRelated() {
$criteria = new CDbCriteria;
$criteria->together = true; //without th
- Java集合对象和数组对象的转换
dyy_gusi
java集合
在开发中,我们经常需要将集合对象(List,Set)转换为数组对象,或者将数组对象转换为集合对象。Java提供了相互转换的工具,但是我们使用的时候需要注意,不能乱用滥用。
1、数组对象转换为集合对象
最暴力的方式是new一个集合对象,然后遍历数组,依次将数组中的元素放入到新的集合中,但是这样做显然过
- nginx同一主机部署多个应用
geeksun
nginx
近日有一需求,需要在一台主机上用nginx部署2个php应用,分别是wordpress和wiki,探索了半天,终于部署好了,下面把过程记录下来。
1. 在nginx下创建vhosts目录,用以放置vhost文件。
mkdir vhosts
2. 修改nginx.conf的配置, 在http节点增加下面内容设置,用来包含vhosts里的配置文件
#
- ubuntu添加admin权限的用户账号
hongtoushizi
ubuntuuseradd
ubuntu创建账号的方式通常用到两种:useradd 和adduser . 本人尝试了useradd方法,步骤如下:
1:useradd
使用useradd时,如果后面不加任何参数的话,如:sudo useradd sysadm 创建出来的用户将是默认的三无用户:无home directory ,无密码,无系统shell。
顾应该如下操作:
- 第五章 常用Lua开发库2-JSON库、编码转换、字符串处理
jinnianshilongnian
nginxlua
JSON库
在进行数据传输时JSON格式目前应用广泛,因此从Lua对象与JSON字符串之间相互转换是一个非常常见的功能;目前Lua也有几个JSON库,本人用过cjson、dkjson。其中cjson的语法严格(比如unicode \u0020\u7eaf),要求符合规范否则会解析失败(如\u002),而dkjson相对宽松,当然也可以通过修改cjson的源码来完成
- Spring定时器配置的两种实现方式OpenSymphony Quartz和java Timer详解
yaerfeng1989
timerquartz定时器
原创整理不易,转载请注明出处:Spring定时器配置的两种实现方式OpenSymphony Quartz和java Timer详解
代码下载地址:http://www.zuidaima.com/share/1772648445103104.htm
有两种流行Spring定时器配置:Java的Timer类和OpenSymphony的Quartz。
1.Java Timer定时
首先继承jav
- Linux下df与du两个命令的差别?
pda158
linux
一、df显示文件系统的使用情况,与du比較,就是更全盘化。 最经常使用的就是 df -T,显示文件系统的使用情况并显示文件系统的类型。 举比例如以下: [root@localhost ~]# df -T Filesystem Type &n
- [转]SQLite的工具类 ---- 通过反射把Cursor封装到VO对象
ctfzh
VOandroidsqlite反射Cursor
在写DAO层时,觉得从Cursor里一个一个的取出字段值再装到VO(值对象)里太麻烦了,就写了一个工具类,用到了反射,可以把查询记录的值装到对应的VO里,也可以生成该VO的List。
使用时需要注意:
考虑到Android的性能问题,VO没有使用Setter和Getter,而是直接用public的属性。
表中的字段名需要和VO的属性名一样,要是不一样就得在查询的SQL中
- 该学习笔记用到的Employee表
vipbooks
oraclesql工作
这是我在学习Oracle是用到的Employee表,在该笔记中用到的就是这张表,大家可以用它来学习和练习。
drop table Employee;
-- 员工信息表
create table Employee(
-- 员工编号
EmpNo number(3) primary key,
-- 姓