- 博客(170)
- 资源 (2)
- 收藏
- 关注
转载 flex 布局详解
一切都始于这样一个问题:怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候,看到 float 属性不由得感觉眼前一亮,顺理成章的联想到 Word 文档排版中用到的的左对齐、右对齐和居中对齐,然而很快就失望的发现 CSS 中并不存在 float: center 的写法,那么 text-align: center、verticle-align: center 是否可行...
2018-05-17 10:03:57
1507
1
原创 ios利用Fiddler代理本地服务器
在本地开发机上建一个代理服务器,让 iOS 设备通过代理服务器访问。这样域名解析这一步是在开发机完成的,只要把开发机的 hosts 配置好就可以了。架设代理服务器并不复杂,有现成的方案,就是前端神器 Fiddler(只需要选中“允许其它机器连接”选项就可以了),顺道还可以调试移动设备的 HTTP 连接。1. 安装Fiddler后,点击Tools,“Fiddler Options
2018-01-25 17:37:12
2436
原创 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
2845
转载 html5移动端常见问题集锦
meta基础知识H5页面窗口自动调整到设备宽度,并禁止用户缩放页面忽略将页面中的数字识别为电话号码忽略Android平台中对邮箱地址的识别当网站添加到主屏幕快速启动方式,可隐藏地址栏,仅针对ios的safari将网站添加到主屏幕快速启动方式,仅针对ios的safari顶端状态条的样式viewport模板
2017-12-01 14:26:39
947
原创 CSS3 Media Queries 实现响应式demo
现在屏幕分辨率的范围很大,从 320px (iPhone) 到 2560px (大型显示器),甚至更大。用户也不只是使用台式电脑访问web站点了,他使用手机、笔记本电脑、平板电脑。所以传统的设置网站宽度为固定值,已经不能满足需要了。web设计需要适应这种新要求,页面布局需要能够根据访问设备的不同分辨率自动进行调整。本教程将会向你介绍,如何使用html5和CSS3 Media Queries完成跨浏
2017-12-01 14:24:48
313
原创 Nicescroll滚动条插件
Nicescroll滚动条插件是一个非常强大的基于JQUERY的滚动条插件,不需要增加额外的css,几乎全浏览器兼容。ie6+,实现只需要一段代码,侵入性非常小,样式可完全自定义,支持触摸事件,可在触摸屏上使用。官网地址:http://www.areaaperta.com/nicescroll/引入核心文件,插件需要引入1.5.X以上版本的jquery库最简单的用法如下:1
2017-12-01 14:16:45
410
原创 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
450
原创 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
369
原创 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
3468
原创 web前端性能指标、测试方案、优化技巧
相对成熟的后端性能测试工具LoadRunner和开源的jmeter。前端性能一直缺乏更多的重视以及测试、优化的文档支持。这里简单介绍下前端性能的意义、关注重点、测试方案和优化技巧 1、前段性能的意义对于访问一个网站,最花费时间的并不是后端应用程序处理以及数据库等消耗的时间,而是前端花费的时间(包括请求、网络传输、页面加载、渲染等)。根据web优化的黄金法则:80%的
2015-06-29 14:54:04
3965
转载 windows下配置nginx+php环境
刚看到nginx这个词,我很好奇它的读法(engine x),我的直译是“引擎x”,一般引“擎代”表了性能,而“x”大多出现是表示“xtras(额外的效果)”,那么整个词的意思就是类似“极致效果”,“额外性能”。当然这里不是要来唠嗑,以上是题外话。 nginx相较于我们熟悉的apache、IIS的优势,就我浅入浅出的了解,在于“反向代理”和“负载均衡”。因此考虑到能够为Web服务器节省资
2015-04-10 10:20:23
480
原创 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
526
转载 Vim简明教程
vim的学习曲线相当的大(参看各种文本编辑器的学习曲线),所以,如果你一开始看到的是一大堆VIM的命令分类,你一定会对这个编辑器失去兴趣的。下面的文章翻译自《Learn Vim Progressively》,我觉得这是给新手最好的VIM的升级教程了,没有列举所有的命令,只是列举了那些最有用的命令。非常不错。——————————正文开始——————————你想以最快的速度学习人类
2014-10-09 18:08:27
464
转载 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
733
转载 为WebStorm8 更换主题 修改字体样式
开发Node.js程序,当选首选的是webstorm IDE工具,这个不用解释。但是可能很多习惯其它IDE的同学在使用Webstorm的时候,后感觉webstorm的主题,并不怎么适合自己的审美。就像本人习惯了用微软Visual Studio后,在windows上面使用webstorm就是各种不爽。另外加上WIN8下面Webstorm和各种输入法不和谐,更是觉得各种蛋疼。这篇文章主要用
2014-10-09 11:43:30
4447
转载 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
2083
转载 SVN服务器搭建和使用(二)
上一篇介绍了VisualSVN Server和TortoiseSVN的下载,安装,汉化.这篇介绍一下如何使用VisualSVN Server建立版本库,以及TortoiseSVN的使用.首先打开VisualSVN Server Manager,如图:可以在窗口的右边看到版本库的一些信息,比如状态,日志,用户认证,版本库等.要建立版本库,需要右键单击左边窗口的Repositores,如图
2014-09-24 17:44:00
414
转载 SVN服务器搭建和使用(一)
Subversion是优秀的版本控制工具,其具体的的优点和详细介绍,这里就不再多说.首先来下载和搭建SVN服务器.现在Subversion已经迁移到apache网站上了,下载地址:http://subversion.apache.org/packages.html这是二进制文件包的下载地址,你可在左侧的导航栏找到源代码,文档的下载地址.windows操作系统下面的二进制文件包一
2014-09-24 17:43:21
476
原创 同一个页面使用多个版本的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
656
转载 HTML5 全屏 API
注:提 HTML5 只是说明他是一项新的东西,至于浏览器的 JavaScript API 应不应是 HTML5 的一个配套?我们不纠结。不如看这个接口能给我带来什么,思考可以如何给网页做个体验上的增强应用吧。一、说在前面的其实只是一个新的 JavaScript API,让 HTML 元素可以实现全屏显示。不过,这已经足够让我们兴奋。具体是怎样呢?其实这个从 iOS 和 Safari 5.0
2014-07-04 16:02:27
655
转载 使用SeaJS实现模块化JavaScript开发
前言SeaJS是一个遵循CommonJS规范的JavaScript模块加载框架,可以实现JavaScript的模块化开发及加载机制。与jQuery等JavaScript框架不同,SeaJS不会扩展封装语言特性,而只是实现JavaScript的模块化及按模块加载。SeaJS的主要目的是令JavaScript开发模块化并可以轻松愉悦进行加载,将前端工程师从繁重的JavaScript文件及对象依赖处
2014-05-20 15:49:39
725
原创 封装实现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
750
原创 CSS只改变背景透明度,不改变子元素透明度
一般情况下,我们可以使用css的opcity属性改变某个元素的透明度,但是其元素下的子元素的透明度也会被改变,即使对子元素重新定义也没有用,例如:
2014-04-25 09:29:07
1159
1
转载 JavaScript自定义事件
很多DOM对象都有原生的事件支持,向div就有click、mouseover等事件,事件机制可以为类的设计带来很大的灵活性,相信.net程序员深有体会。随着web技术发展,使用JavaScript自定义对象愈发频繁,让自己创建的对象也有事件机制,通过事件对外通信,能够极大提高开发效率。简单的事件需求事件并不是可有可无,在某些需求下是必需的。以一个很简单的需求为例,在web开发中Dialog
2014-04-21 17:55:07
567
原创 mouseover事件与mouseenter事件
对于 mouseover 和mouseenter 两个事件 最大的区别就是 mouseenter 是 不冒泡的事件 ..这话怎么理解呢?对于mouseover 时间来说 当鼠标从其他元素 移动到 child节点时发生 但此事件会冒泡 所以会导致 parent 也出发mouseover如果我们对 parent注册了 mouseover监听. 则可能会产生一个什么问题呢? 从
2014-04-21 14:57:04
998
原创 兼容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
817
转载 <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
3355
原创 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
667
原创 Jquery 获取 radio选中值
随着Jquery的作用越来越大,使用的朋友也越来越多。在Web中,由于CheckBox、Radiobutton 、DropDownList等控件使用的频率比较高,就关系到这些控件在Jquery中的操作问题。由于Jquery的版本更新很快,代码的写法也改变了许多,以下Jquery代码适query1.4版本以上。Radio
2014-04-09 17:21:02
3473
原创 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
848
原创 js将滚动条scrollbar保持在最底部
js实现将div等滚动条(scrollbar)保持在最底部的方法.很多时候我们要让程序的滚动条保持在底部,如聊天室.下面将利用div+css+javascript实现保持滚动条在最底部.代码如下,.cdiv{ background-color: white; height: 100px; width: 380px; padding-left:
2014-04-02 11:47:02
20121
转载 一招解决!!!解决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
1411
原创 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
2057
原创 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
918
原创 NodeJs连接Mysql数据库
安装node-mysql:npm install mysql@2.0.0-alpha9npm 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
1009
原创 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
5559
原创 使用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
5295
转载 Emmet的高级功能与使用技巧
编写好HTML和CSS代码时,我们也需要修改或添加一些内容,Emmet提供了很多非常独特的工具,可以大大提高编辑体验,下面我们挑选几个常用的功能来介绍。萨龙龙发现在sublime text中安装的Emmet插件的快捷键与官方的演示文档中提供的快捷键不一样,这时我们就要修改Emmet快捷键或者查找在sublime text中的Emmet快捷键。修改快捷键,打开PreFerences——P
2014-03-20 22:45:44
4378
转载 前端开发必备!Emmet使用手册
介绍Emmet (前身为 Zen Coding) 是一个能大幅度提高前端开发效率的一个工具:基本上,大多数的文本编辑器都会允许你存储和重用一些代码块,我们称之为“片段”。虽然片段能很好地推动你得生产力,但大多数的实现都有这样一个缺点:你必须先定义你得代码片段,并且不能在运行时进行拓展。Emmet把片段这个概念提高到了一个新的层次:你可以设置CSS形式的能够动态被解析的表达式,然后根
2014-03-20 22:07:46
613
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人