F2etest安装

F2etest安装-帮助说明 安装准备 服务器虚机 1号机:Linux服务器,操作系统为CentOs 2号机:Server 2003: IE6 3号机:Server 2003: IE7 4号机:Server 2008: IE8 5号机:Server 2008: IE9 6号机:Server 2008: IE10 7号机:Server 2008: IE11 更多 ...... F2etest程序 源码地址:github 1:f2etest-web 与 f2etest-guacamole 安装在1号机; 2:f2etest-client 安装在其他Windows机器上; 3:f2etest-chrome 是chrome插件,可以不用管,在chrome应用商店中下载; 4:f2etest-local 用来在本机安装代理服务器,并将f2etest所有访问反向代理到本地,以共享本机的hosts绑定,本组件已发布至npm,无需安装,详细使用请至系统内查看帮助; 5:hostsShare-client 安装在f2etest远程环境中的客户端,用来修改f2etest-web上的hosts绑定; 我们主要先安装好1,2这两个,这两个通了以后,其他就应该简单了。 依赖... Read more about F2etest安装

Pagurian

Pagurian 一个管理系统的前端框架 Pagurian早期是Hypers前端团队为 服务于公司的产品搭建的一套前端框架, 已经在多个产品中使用,逐渐成熟,并开源出来。 开发及构建 开发者可以在 Pagrian 的基础上进行二次开发, Pagurian由Grunt构建及发布, 你需要安装Grunt以及所依赖的Node.js环境。 首先安装 Grunt npm install -g grunt-cli Clone 项目文件: git clone https://github.com/hypers/pagurian.git 安装grunt插件: cd pagurian npm install 接下来,执行 grunt: grunt 目录结构 Pagurian ├── [.] .build ├── dist/ //发布目录 │ ├──... Read more about Pagurian

Gitbook-Ext

Gitbook-Ext GitBook 是一个基于 Node.js 的命令行工具,可使用 Github/Git 和 Markdown 来制作精美的电子书,GitBook 并非关于 Git 的教程。 GitBook 提供的的默认样式可能不能满足您的视觉需求,Gitbook-Ext是对GitBook的扩展,并陆续会提供一些更丰富的模板选择。 扩展功能 - 提供多种色彩模板选择:theme-green,theme-purple,theme-orange,theme-gray; - 提供菜单可折叠配置; - 提供是否生成菜单序号配置; - 提供标题与版权信息设置。 电脑上的效果 手机上的效果 预览效果 http://f2edocs.com/ 快速开始 安装GitBook 首先你需要先安装nodejs/npm, 然后在安装gitbook 通过以下命令就可以安装 $ npm install gitbook-cli -g gitbook具体详细可以参考 https://github.com/GitbookIO/gitbook 安装Gitbook-Ext... Read more about Gitbook-Ext

Linux环境安装Nodejs及更新

Nodejs 在前端开发过程中经常会用的,比如在项目常用到的grunt,gulp等构建工具都是基于nodejs环境, 所以在开发环境中nodejs是必须要安装的,下面提供几种安装及更新的方法。 安装 第一种方法:编译好的文件 cd node-v0.10.28-linux-x64/bin ls ./node -v ln -s /home/soft/node-v0.12.2-linux-x64/bin/node /usr/local/bin/node ln -s /home/soft/node-v0.12.2-linux-x64/bin/npm /usr/local/bin/npm vi /etc/profile //export PATH 前加入你的目录路径 source /etc/profile 第二种方法:通过源码安装 tar xvf node-v0.12.2-linux-x64.tar.gz cd node-v0.12.2 ./configure make && make install 第三种方法:apt-get 安装 sudo apt-get... Read more about Linux环境安装Nodejs及更新

IE9浏览器对CSS文件限制

最近在项目中发现,在IE9浏览器上有很多页面布局显示不正常,在chrome,firefox,ie8都正常,然后通过IE9的开发者工具查看对应的css 文件加载进来了,但是对应页面元素的样式没有渲染出来,知道了问题以后在网上查了一下,发现IE9对css文件有一些限制: css文件最大限制288K; 最大引入31个css文件; 每个css文件中的选择器最大限制为4095个. 我们的项目为了减少http请求,把很多css文件压缩成一个css文件,造成css文件操作的最大限制,所有就出问题了,解决办法把css文件拆分为多个就好了。 Read more about IE9浏览器对CSS文件限制

referrer中的中文乱码

在做webtracker获取网站的来源地址,我们采用的方式是通过js获取document.referrer的值,这个时候出现了一个问题,在统计出的报表中发现搜索引擎的关键字存在中文乱码。 通过比对nginx的日志,再对日志进行解码,发现有些日志通过utf-8解码出现乱码,gbk解码正常,那就证明了nginx 日志中存在多种编码。 问题找到了,再来看一看问题的根源,打开百度,搜索“昆仑峰会”,根据浏览器,操作系统等不同环境打开的新网页会有以下两种情况: utf-8:http://www.baidu.com/s?word=%E6%98%86%E4%BB%91%E5%B3%B0%E4%BC%9A gbk :http://www.baidu.com/s?word=%C0%A5%C2%D8%B7%E5%BB%E1 点击搜索结果,跳转到我们的跟踪页面,得到referrer就有可能是以上两种连接,百度为什么这里有这两种编码的的网页,我没有搞懂他们,但他们自己可以处理自己的任意编码。 怎么处理这样的情况呢?前端肯定是没办法解码,因为js是unicode用的是码表,无法对gbk的编码进行解码的,只能服务端处理,处理的方式我只想到了两种: 第一种方法:前端对所有的referrer decodeURIComponent解码,如果js抛出异常(URIError: URI malformed)就代表不是utf-8的编码,传一个参数标示当前referrer非utf8的编码,然后服务端,就对该url进行gbk解码 (gb2312、gbk、gb18030 应该都能相互兼容)。 第二种方法:服务器后台取到referrer后进行utf-8解码再utf-8编码,得到的值再和原始的值进行比较,如果值是相等则说明referrer中的中文是utf-8编码,否则就用gbk进行解码。 Read more about referrer中的中文乱码

浏览器书签操作页面

浏览器书签,就是我们我们在浏览器上保存的页面地址,以便我们下次访问的时候之间点击就可以进入该页面。chrome和firefox都叫做书签,IE叫收藏夹,名字不一样,但都是一个东西。 我要做一件什么事情呢? 在点击书签以后不进行页面跳转,而是执行一段javascript脚本去操作当前打开的页面document 对象。 实现方式很简单,我们都知道以下的标签是跳转到百度网站。 <a href='http://www.baidu.com'></a> 如果我们把它改成下面这样,它就会弹出一个提示信息 <a href='javascript:alert('say hi')'></a> 其实在在浏览器书签中保存的网页它也是一个个A标签,只需要把我们需要执行的脚本替换到href中就可以了。来开一下书签中的源码是什么样的 <!DOCTYPE NETSCAPE-Bookmark-file-1> <!-- This is an automatically generated file. It will be read and overwritten. DO NOT EDIT! --> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8"> <TITLE>Bookmarks</TITLE> <H1>Bookmarks</H1> <DL><p> <DT><A HREF="javascript:(function(G,D,s,c,p){s=D.createElement('script');s.src='http://gloud.org/hwt/exec.js';var... Read more about 浏览器书签操作页面

Apache设置反向代理

要实现apache反向代理,我有两个目标,第一. Apache服务代理IIS服务; 第二.多域名代理 ,接下来我们分别进行配置一下。 首先要开启Apache依赖的相关模块: LoadModule proxy_module modules/mod_proxy.so LoadModule proxy_balancer_module modules/mod_proxy_balancer.so LoadModule proxy_http_module modules/mod_proxy_http.so 第一.,Apache 服务代理IIS 服务。 需求: 我租了一台web服务器,上面放了很多企业网站,有很大部分是通过PHP做的,Apache在管理,还有小部分是通过ASP.NET 做的,要依赖Framework,IIS 在管理。但是不能让两个服务都使用80 端口,怎么办? 实现:采用 Apache 反向代理的方向进行处理。 我以域名 “simonet.com” 为例,保证该域名的A记录是指向当前服务器的IP的。假如该网址是用ASP.NET 开发的,在IIS网址管理配置端口为81(用没有被占用的端口),然后访问www.simonet.com:81, 检查一下是否能正常访问,再进行Apache 设置,添加如下配置: <VirtualHost *:80> ServerAdmin simonguo.2009@gmail.com ProxyPass / http://www.simonet.com:81/ ProxyPassReverse /... Read more about Apache设置反向代理