- 博客(170)
- 资源 (2)
- 收藏
- 关注
RSS订阅转载 flex 布局详解
一切都始于这样一个问题：怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候，看到 float 属性不由得感觉眼前一亮，顺理成章的联想到 Word 文档排版中用到的的左对齐、右对齐和居中对齐，然而很快就失望的发现 CSS 中并不存在 float: center 的写法，那么 text-align: center、verticle-align: center 是否可行...
2018-05-17 10:03:57
592
1
原创 ios利用Fiddler代理本地服务器
在本地开发机上建一个代理服务器，让 iOS 设备通过代理服务器访问。这样域名解析这一步是在开发机完成的，只要把开发机的 hosts 配置好就可以了。架设代理服务器并不复杂，有现成的方案，就是前端神器 Fiddler（只需要选中“允许其它机器连接”选项就可以了），顺道还可以调试移动设备的 HTTP 连接。1. 安装Fiddler后，点击Tools，“Fiddler Options
2018-01-25 17:37:12
2402
原创 shell神器Cmder的安装与使用
cmder是windows下的命令行工具，用来替代windows自带的cmd。下载地址：http://cmder.net/。解压到指定目录后，为了能让它在右键菜单中出现，要进行以下几步设置：设置环境变量，CMDER_HOME=cmder.exe所在目录，并在path中增加%CMDER_HOME%。运行cmder.exe，并执行Cmder.exe /REGIS
2018-01-11 11:23:18
2815
转载 html5移动端常见问题集锦
meta基础知识H5页面窗口自动调整到设备宽度，并禁止用户缩放页面忽略将页面中的数字识别为电话号码忽略Android平台中对邮箱地址的识别当网站添加到主屏幕快速启动方式，可隐藏地址栏，仅针对ios的safari将网站添加到主屏幕快速启动方式，仅针对ios的safari顶端状态条的样式viewport模板
2017-12-01 14:26:39
907
原创 CSS3 Media Queries 实现响应式demo
现在屏幕分辨率的范围很大，从 320px (iPhone) 到 2560px (大型显示器)，甚至更大。用户也不只是使用台式电脑访问web站点了，他使用手机、笔记本电脑、平板电脑。所以传统的设置网站宽度为固定值，已经不能满足需要了。web设计需要适应这种新要求，页面布局需要能够根据访问设备的不同分辨率自动进行调整。本教程将会向你介绍，如何使用html5和CSS3 Media Queries完成跨浏
2017-12-01 14:24:48
294
原创 Nicescroll滚动条插件
Nicescroll滚动条插件是一个非常强大的基于JQUERY的滚动条插件，不需要增加额外的css，几乎全浏览器兼容。ie6+，实现只需要一段代码，侵入性非常小，样式可完全自定义，支持触摸事件，可在触摸屏上使用。官网地址：http://www.areaaperta.com/nicescroll/引入核心文件，插件需要引入1.5.X以上版本的jquery库最简单的用法如下：1
2017-12-01 14:16:45
382
原创 Node实现bigpipe
bigpipe.jsvar Bigpipe=function(){ this.callbacks={};}Bigpipe.prototype.ready=function(key,callback){ if(!this.callbacks[key]){ this.callbacks[key]=[]; } this.callbacks[key
2017-12-01 11:37:16
430
原创 CentOS6.8 通过yum在线安装MySQL5.7
一: 检测系统是否自带安装mysql# yum list installed | grep mysql二: 删除系统自带的mysql及其依赖命令：# yum -y remove mysql-libs.x86_64三: 给CentOS添加rpm源，并且选择较新的源命令：# wget dev.mysql.com/get/mysql-community-relea
2017-08-04 17:06:09
348
原创 Nodejs绑定域名与Nginx反向代理
打开conf目录里的nginx.conf 文件 –> 新增一段upstreamupstream nodejs{ server 127.0.0.1:3000; //你的Express项目端口 # server 127.0.0.1:3001; keepalive 64;}-> 在后面的server{}里引用这里定义好的
2017-08-03 10:53:11
3435
原创 web前端性能指标、测试方案、优化技巧
相对成熟的后端性能测试工具LoadRunner和开源的jmeter。前端性能一直缺乏更多的重视以及测试、优化的文档支持。这里简单介绍下前端性能的意义、关注重点、测试方案和优化技巧 1、前段性能的意义对于访问一个网站，最花费时间的并不是后端应用程序处理以及数据库等消耗的时间，而是前端花费的时间（包括请求、网络传输、页面加载、渲染等）。根据web优化的黄金法则：80%的
2015-06-29 14:54:04
3929
转载 windows下配置nginx+php环境
刚看到nginx这个词，我很好奇它的读法（engine x），我的直译是“引擎x”，一般引“擎代”表了性能，而“x”大多出现是表示“xtras（额外的效果）”，那么整个词的意思就是类似“极致效果”，“额外性能”。当然这里不是要来唠嗑，以上是题外话。 nginx相较于我们熟悉的apache、IIS的优势，就我浅入浅出的了解，在于“反向代理”和“负载均衡”。因此考虑到能够为Web服务器节省资
2015-04-10 10:20:23
465
原创 linux上安装nodejs
说明：使用CentOS系统，进行nodejs安装，nodejs版本-v0.10.36。 1，先下载nodejs：# wget https://nodejs.org/dist/v0.10.36/node-v0.10.36.tar.gz 2，解压文件# tar xvf node-v0.10.36.tar.gz 3，进入解压目录# cd node-v0.10.
2015-04-01 11:42:13
507
转载 Vim简明教程
vim的学习曲线相当的大（参看各种文本编辑器的学习曲线），所以，如果你一开始看到的是一大堆VIM的命令分类，你一定会对这个编辑器失去兴趣的。下面的文章翻译自《Learn Vim Progressively》，我觉得这是给新手最好的VIM的升级教程了，没有列举所有的命令，只是列举了那些最有用的命令。非常不错。——————————正文开始——————————你想以最快的速度学习人类
2014-10-09 18:08:27
452
转载 AngularJS开发指南 中文教程
AngularJS开发指南01：AngularJS简介2669angularjs 03-29 18:12 10-23 18:08 12 AngularJSAngularJS 开发指南AngularJS开发指南02：引导程序1576angularjs 03-29 18:13 07-09 16:27 2 AngularJSAngularJS 开发指南
2014-10-09 13:00:48
715
转载 为WebStorm8 更换主题 修改字体样式
开发Node.js程序，当选首选的是webstorm IDE工具，这个不用解释。但是可能很多习惯其它IDE的同学在使用Webstorm的时候，后感觉webstorm的主题，并不怎么适合自己的审美。就像本人习惯了用微软Visual Studio后，在windows上面使用webstorm就是各种不爽。另外加上WIN8下面Webstorm和各种输入法不和谐，更是觉得各种蛋疼。这篇文章主要用
2014-10-09 11:43:30
4415
转载 Intellij IDEA,WebStorm-keymap
ctrl + shift + n: 打开工程中的文件ctrl + j: 输出模板ctrl + b: 跳到变量申明处ctrl + alt + T: 围绕包裹代码(包括zencoding的Wrap with Abbreviation), ctrl + shift + del: 删除包裹ctrl + []: 匹配 {}[]ctrl + F12: 可以显示当前文件的结构，快速跳转到目标函数ctrl + x
2014-10-09 10:56:20
2075
转载 SVN服务器搭建和使用（二）
上一篇介绍了VisualSVN Server和TortoiseSVN的下载,安装,汉化.这篇介绍一下如何使用VisualSVN Server建立版本库,以及TortoiseSVN的使用.首先打开VisualSVN Server Manager,如图:可以在窗口的右边看到版本库的一些信息,比如状态,日志,用户认证,版本库等.要建立版本库,需要右键单击左边窗口的Repositores,如图
2014-09-24 17:44:00
400
转载 SVN服务器搭建和使用（一）
Subversion是优秀的版本控制工具,其具体的的优点和详细介绍,这里就不再多说.首先来下载和搭建SVN服务器.现在Subversion已经迁移到apache网站上了,下载地址:http://subversion.apache.org/packages.html这是二进制文件包的下载地址,你可在左侧的导航栏找到源代码,文档的下载地址.windows操作系统下面的二进制文件包一
2014-09-24 17:43:21
460
原创 同一个页面使用多个版本的jQuery
jQuery自诞生以来，版本越来越多，而且jQuery官网的新版本还在不断的更新和发布中，现已经达到了1.10.11版本，但是我们在以前的项目中就已经使用了旧版本的jQuery，比如已经出现的：1.3.X、1.4.X、1.5.X、1.6.2等等。由于项目的需要，必然也需要不断的使用较新版的jQuery，但对于原来就已经存在并已经采用了的旧jQuery版本，我们如何让多个不同的jQuery版
2014-07-21 17:48:09
639
转载 HTML5 全屏 API
注：提 HTML5 只是说明他是一项新的东西，至于浏览器的 JavaScript API 应不应是 HTML5 的一个配套？我们不纠结。不如看这个接口能给我带来什么，思考可以如何给网页做个体验上的增强应用吧。一、说在前面的其实只是一个新的 JavaScript API，让 HTML 元素可以实现全屏显示。不过，这已经足够让我们兴奋。具体是怎样呢？其实这个从 iOS 和 Safari 5.0
2014-07-04 16:02:27
635
转载 使用SeaJS实现模块化JavaScript开发
前言SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架，可以实现JavaScript的模块化开发及加载机制。与jQuery等JavaScript框架不同，SeaJS不会扩展封装语言特性，而只是实现JavaScript的模块化及按模块加载。SeaJS的主要目的是令JavaScript开发模块化并可以轻松愉悦进行加载，将前端工程师从繁重的JavaScript文件及对象依赖处
2014-05-20 15:49:39
711
原创 封装实现JavaScript 文件的动态加载功能
function loadScript(url, callback){var script = document.createElement ("script")script.type = "text/javascript";if (script.readyState){ //IEscript.onreadystatechange = function(){if (script.read
2014-05-10 11:09:49
730
原创 CSS只改变背景透明度，不改变子元素透明度
一般情况下，我们可以使用css的opcity属性改变某个元素的透明度，但是其元素下的子元素的透明度也会被改变，即使对子元素重新定义也没有用，例如：
2014-04-25 09:29:07
1092
1
转载 JavaScript自定义事件
很多DOM对象都有原生的事件支持，向div就有click、mouseover等事件，事件机制可以为类的设计带来很大的灵活性，相信.net程序员深有体会。随着web技术发展，使用JavaScript自定义对象愈发频繁，让自己创建的对象也有事件机制，通过事件对外通信，能够极大提高开发效率。简单的事件需求事件并不是可有可无，在某些需求下是必需的。以一个很简单的需求为例，在web开发中Dialog
2014-04-21 17:55:07
551
原创 mouseover事件与mouseenter事件
对于 mouseover 和mouseenter 两个事件 最大的区别就是 mouseenter 是 不冒泡的事件 ..这话怎么理解呢?对于mouseover 时间来说 当鼠标从其他元素 移动到 child节点时发生 但此事件会冒泡 所以会导致 parent 也出发mouseover如果我们对 parent注册了 mouseover监听. 则可能会产生一个什么问题呢？ 从
2014-04-21 14:57:04
979
原创 兼容IE6的页面底部固定层CSS代码
有时候当我们需要把一个元素固定在页面的某个部位，一般都是用css中的“position:fixed;”方法来解决，但是IE6不支持fixed，所以今天分享一个兼容IE6的页面底部固定层CSS代码。如下：.bottom{background:#000;color:#fff;bottom:0;margin:0 auto;position:fixed;height:23px;opacity:.60;
2014-04-19 11:33:12
800
转载 <meta http-equiv=”X-UA-Compatible” content=”IE=7, IE=9″>
公司的项目在老总的IE9下无法正常访问了。哎，苦逼啊。本以为搞定了IE6,7,8,firefox,chrome,safari，opera，就行了。尼玛的单独一个IE6就够咱折腾会了。以前没有IE9的时候，为了照顾ie8就写个强制使IE8浏览器使用IE7模式渲染。昨天看淘宝页面源代码加了个。查阅资料发现，那个是英文的，基础差。大致翻译是如果你有一个使用X-UA-Compati
2014-04-18 11:31:49
3339
原创 js 继承
function Person(name, email, website){ this.name = 'x'; this.getName = function (){ console.log(this.name + ' ' + name); }; this.getEmail = function (){ console.log(email); }; thi
2014-04-11 10:57:07
649
原创 Jquery 获取 radio选中值
随着Jquery的作用越来越大，使用的朋友也越来越多。在Web中，由于CheckBox、Radiobutton 、DropDownList等控件使用的频率比较高，就关系到这些控件在Jquery中的操作问题。由于Jquery的版本更新很快，代码的写法也改变了许多，以下Jquery代码适query1.4版本以上。Radio
2014-04-09 17:21:02
3454
原创 js 密码强度检测
密码强度 //CharMode函数 //测试某个字符是属于哪一类. function CharMode(iN){ if (iN>=48 && iN <=57) //数字 return 1; if (iN>=65 && iN <=90) //大写字母 return 2; if (iN>=97 && iN <=122) //小写 return 4; els
2014-04-03 13:25:42
830
原创 js将滚动条scrollbar保持在最底部
js实现将div等滚动条(scrollbar)保持在最底部的方法.很多时候我们要让程序的滚动条保持在底部,如聊天室.下面将利用div+css+javascript实现保持滚动条在最底部.代码如下,.cdiv{ background-color: white; height: 100px; width: 380px; padding-left:
2014-04-02 11:47:02
20030
转载 一招解决！！！解决ECSHOP中transport.js和jquery的冲突
在page_header.lbi文件的最后面添加下面的代码即可，经IETester测试后,ie6及以上都可行。{insert_scripts files='niuzai/jquery-1.8.3.js'}$(function() {window.__Object_toJSONString = Object.prototype.toJSONString;delete Object
2014-04-01 13:50:53
1398
原创 NodeJs 常用npm框架
1、connect是一个node中间件（middleware）框架。如果把一个http处理过程比作是污水处理，中间件就像是一层层的过滤网。每个中间件在http处理过程中通过改写request或（和）response的数据、状态，实现了特定的功能。通过nodejs安装Connect： npm install -g connect2、express开发框架npm ins
2014-03-27 17:17:41
2031
原创 js 右键菜单、禁止剪切、复制、粘贴的文本框代码
禁止右键菜单、剪切、复制、粘贴的文本框<input type="text" id="username" name="username" value="" onpaste="return false" oncontextmenu="return false" oncopy="return false" oncut="return false" />
2014-03-27 09:48:04
903
原创 NodeJs连接Mysql数据库
安装node-mysql：npm install [email protected] install node-mysqlnode程序启动文件app.js：var express = require('express');var mysql = require('mysql');var app = express();app.use(function(req,
2014-03-26 16:44:14
985
原创 ecshop中使用Jquery特效报错“b.replace is not a function”
将ecshop二次开发中，使用jQuery特效的时候结果运行始终提示js错误：TypeError: b.replace is not a function");try{for(;d1&&l0?this.clone(!0):this).get();f(e[h])[b](j),d=d.concat(j)}return this.pushStack(d,a,e.s
2014-03-26 11:57:55
5530
原创 使用SuperSlide制作首页轮播图
SuperSlide 可以解决网站大部分特效展示问题，使网站代码规范整洁，方便维护更新无标题文档* { list-style: none outside none; margin: 0; padding: 0;}body { background: none repeat scroll 0 0 #FFFFFF; font: 12px
2014-03-25 13:21:50
5248
转载 Emmet的高级功能与使用技巧
编写好HTML和CSS代码时，我们也需要修改或添加一些内容，Emmet提供了很多非常独特的工具，可以大大提高编辑体验，下面我们挑选几个常用的功能来介绍。萨龙龙发现在sublime text中安装的Emmet插件的快捷键与官方的演示文档中提供的快捷键不一样，这时我们就要修改Emmet快捷键或者查找在sublime text中的Emmet快捷键。修改快捷键，打开PreFerences——P
2014-03-20 22:45:44
4333
转载 前端开发必备！Emmet使用手册
介绍Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的一个工具:基本上，大多数的文本编辑器都会允许你存储和重用一些代码块，我们称之为“片段”。虽然片段能很好地推动你得生产力，但大多数的实现都有这样一个缺点：你必须先定义你得代码片段，并且不能在运行时进行拓展。Emmet把片段这个概念提高到了一个新的层次：你可以设置CSS形式的能够动态被解析的表达式，然后根
2014-03-20 22:07:46
597
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人