web前端学习
关注
分享
扫一扫
文章平均质量分 75
最骚的就是你
loser
展开
-
大话代码回滚：git reset 和 git revert
在版本迭代开发过程中，相信很多人都会有过错误提交的时候（至少良许有过几次这样的体验）。这种情况下，菜鸟程序员可能就会虎驱一震，紧张得不知所措。而资深程序员就会微微一笑，摸一摸锃亮的脑门，然后默默的进行版本回退。对于版本的回退，我们经常会用到两个命令：git resetgit revert那这两个命令有何区别呢？先不急，我们后文详细介绍。git reset假如我们的系统现在有如下几个提交：其中：A 和 B 是正常提交，而 C 和 D 是错误提交。现在，我们想把 C 和 D 回退掉。而原创 2021-12-01 17:09:55 · 1071 阅读 · 1 评论 -
web 前端学习笔记
body{ background: #ff0000 url(img/QQ图片20150821075230.ico) no-repeat fixed center ; //no-repeat fixed center 无重复固定中心}p.bottommargin{margin-bottom: 205px;color: black;border: solid t原创 2015-08-24 19:15:40 · 1011 阅读 · 1 评论 -
jQuery日期选择器插件date-input
官网：http://jonathanleighton.com/projects/date-input/下载：http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.jshttp://github.com/jonleighton/date_input/raw/master/jquery.date_input.j原创 2015-08-27 08:57:42 · 3781 阅读 · 0 评论 -
Nginx配置文件详细说明
在此记录下Nginx服务器nginx.conf的配置文件说明, 部分注释收集与网络.#运行用户user www-data; #启动进程,通常设置成和cpu的数量相等worker_processes 1;#全局错误日志及PID文件error_log /var/log/nginx/error.log;pid /var/run/nginx.pid;原创 2015-09-03 15:26:01 · 662 阅读 · 0 评论 -
Windows下Nginx的安装与配置
Windows下Nginx的安装与配置Nginx ("engine x") 是一款高性能的，轻量级的HTTP Web 服务器 和 反向代理服务器及电子邮件 IMAP/POP3/SMTP 代理服务器。Nginx 是由俄罗斯的程序设计师 Igor Sysoev 所开发，为俄罗斯访问量第二的 Rambler.ru 站点开发的，它已经在该站点运行超过四年多时间了，Igor 将源代码以类BSD许原创 2015-09-03 15:30:20 · 625 阅读 · 0 评论 -
Windows下Nginx的启动、停止等命令&Nginx 配置多域名&windows下设置Nginx开机自动启动
Windows下Nginx的启动、停止等命令在Windows下使用Nginx，我们需要掌握一些基本的操作命令，比如：启动、停止Nginx服务，重新载入Nginx等，下面我就进行一些简单的介绍。1、启动：C:\server\nginx-1.0.2>start nginx或C:\server\nginx-1.0.2>nginx.exe注：建议使用第一种，第二原创 2015-09-03 22:08:48 · 2577 阅读 · 0 评论 -
欢迎使用优快云-markdown编辑器
html5 初探1：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>第一个网站</title> </head> <body> 学习1 <font style="font-size:111px" color="red">hello worl原创 2015-09-04 15:31:59 · 632 阅读 · 0 评论 -
web 前端学习笔记（1）
第一个网站 学习1 hello world hello®world δ hello world aaaaaaaa bbbbbbbbbb1 aaaaaaaaaa2 bbbbbbbbbb2 bbbbbbbbbb1 aaaaaaaaaa2 bbbbbbbbb原创 2015-09-04 15:15:29 · 1218 阅读 · 2 评论 -
tomcat绑定域名
第一部分：Tomcat服务器绑定域名参考：Tomcat5.5配置-多域名绑定和虚拟目录TOMCAT_HOME/conf/server.xml的修改方式如下:一.如果你要绑定网站,首先是要把tomcat的默认访问端口8080,修改成80原始:<Connectorport="8080" maxHttpHeaderSize="8192" maxThreads="150" minSpareT原创 2015-10-23 19:53:32 · 737 阅读 · 0 评论 -
tomcat绑定域名
第一部分：Tomcat服务器绑定域名参考：Tomcat5.5配置-多域名绑定和虚拟目录TOMCAT_HOME/conf/server.xml的修改方式如下:一.如果你要绑定网站,首先是要把tomcat的默认访问端口8080,修改成80原始:原创 2015-10-23 19:49:42 · 713 阅读 · 0 评论 -
tomcat绑定域名
第一部分：Tomcat服务器绑定域名参考：Tomcat5.5配置-多域名绑定和虚拟目录TOMCAT_HOME/conf/server.xml的修改方式如下:一.如果你要绑定网站,首先是要把tomcat的默认访问端口8080,修改成80原始:<Connectorport="8080" maxHttpHeaderSize="8192" maxThreads="150" minSpareThread原创 2015-10-23 19:52:20 · 949 阅读 · 0 评论 -
欢迎使用优快云-markdown编辑器
Tomcat的配置文件 —— server.xml Server.xml包含的元素有<Server>、<Service>、<Connector>、<Engine>、<Host>、<Context>、<logger>、<Value>、<Realm>等，它们可分为四大类： 1、顶层类元素：有<Server>和<Service>。它位于整个配置文件的顶层。 2、连接器类元素：有<Connecto原创 2015-10-23 18:29:00 · 534 阅读 · 0 评论 -
关于js中的冒泡事件
js冒泡事件前几天在老大那里接触到了js的一个新的单词：冒泡事件；何为冒泡事件。就是当设定了多个div的嵌套时；即建立了父子关系，当父div与子div共同加入了onclick事件时，当触发了子div的onclick事件后，子div进行相应的js操作。但是父div的onclick事件同样会被触发。这就造成了事件的多层并发，导致了页面混乱。这就是冒泡事件。消除冒泡事件的方法阻止原创 2015-11-12 18:44:50 · 619 阅读 · 0 评论 -
CSS3制作各种形状图像
制作圆形：要使用CSS来制作一个圆形，我们需要一个div，被给它设置一个ID 圆形在设置CSS时要设置宽度和高度相等，然后设置border-radius属性为宽度或高度的一半即可：#circle { width: 120px; height: 120px; background: #7fee1d; -moz-b原创 2015-11-23 13:32:11 · 1608 阅读 · 0 评论 -
js校验表单后提交表单的三种方法总结
作者： 字体：[增加 减小] 类型：转载 时间：2014-02-28 本篇文章主要是对js校验表单后提交表单的三种方法进行了总结介绍，需要的朋友可以过来参考下，希望对大家有所帮助第一种：复制代码 代码如下: function check(form) { if(form.userId.value=='') {原创 2015-11-17 08:41:20 · 737 阅读 · 0 评论 -
使用Loadrunner 调用Webservice接口测试优化总结
1.Webservice协议脚本编写流程下面介绍使用Loadrunner调用Webservice接口通用的流程与方法。1.1 新建脚本，选择"Webservice"协议1.2 选择Manage Services->Import，输入URL（注意需要在Webservice地址后面加上?wsdl），最后选择Impoort1.3 点击脚本中Action脚本原创 2015-11-23 15:29:17 · 3289 阅读 · 0 评论 -
DIV 拖拽效果
Document * { margin: 0; padding: 0; } .box { width: 300px; height: 300px; background: green; border: solid 1px; position: absolute; } var DOM, oX, oY; function原创 2015-11-24 09:50:23 · 741 阅读 · 0 评论 -
手把手教你做下拉列表
Document .box { font-size: 14px; list-style: none; margin: 15px auto; padding: 0px; width: 1000px; color: white; } .box li { font-size: 14px; float: left;原创 2015-12-13 22:43:03 · 635 阅读 · 0 评论 -
使用js Math.random()函数生成n到m间的随机数字
摘要：本文讲解如何使用js生成n到m间的随机数字，主要目的是为后期的js生成验证码做准备。Math.random()函数返回0和1之间的伪随机数，可能为0，但总是小于1，[0,1)生成n-m，包含n但不包含m的整数：第一步算出 m-n的值，假设等于w第二步Math.random()*w第三步Math.random()*w+n第四步parseInt(Math.random原创 2015-12-14 19:36:01 · 1998 阅读 · 1 评论 -
最简单的定时随机切换图片
定时随机切换图片 var imgs = document.getElementsByTagName('img')setInterval(function() {var rand = Math.ceil(Math.random() * 10);imgs[0].src = "images/banana"+Math.round(Math.random(原创 2015-12-14 19:42:05 · 2303 阅读 · 0 评论 -
Console命令详解,让调试js代码变得更简单
Console命令详解,让调试js代码变得更简单Firebug是网页开发的利器，能够极大地提升工作效率。但是，它不太容易上手。我曾经翻译过一篇《Firebug入门指南》，介绍了一些基本用法。今天，继续介绍它的高级用法。===================================Firebug控制台详解作者：阮一峰出处：http://www.原创 2015-12-15 11:15:22 · 733 阅读 · 0 评论 -
流动布局生成无限制图片加载
工程目录，主要是文件夹images里的9张图片1.jpg--------9.jpg,还有就是下面的代码Document*{margin: 0;padding: 0;list-style: none;}#box{width: 888px; margin:0 auto; overflow: hidden;}ul{width:200px; border:1px solid r原创 2015-12-15 15:47:56 · 855 阅读 · 0 评论 -
height、clientHeight、scrollHeight、offsetHeight区别
我们来实现test中的onclick事件 function justAtest() { var test= document.getElementById("test"); var test2=document.getElementById("test2") var test3=document.getElementB原创 2015-12-15 14:54:35 · 531 阅读 · 0 评论 -
jquery手机全屏上下滑动
demo下载地址：http://download.youkuaiyun.com/detail/cometwo/9406374<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <meta content="width=device-w原创 2016-01-16 12:12:44 · 5515 阅读 · 0 评论 -
满天星
满天星 html,body{ margin:0; padding:0; width:100%; height:100%; line-height:0; font-size:0; } svg{ position: absolute; top:0; left: 50%; margin-left:-600px; ba原创 2015-11-27 13:41:01 · 728 阅读 · 0 评论 -
史上最简单遮罩实现
DIV CSS遮罩层function showdiv() { document.getElementById("bg").style.display ="block"; document.getElementById("show").style.display ="block"; }function hi原创 2015-12-04 17:07:26 · 820 阅读 · 0 评论 -
如何在chrome上开启WebGL功能和判断目前浏览器是否支持
1.开启方式： 第一种：打开cmd，切换到Chorme的安装目录，敲入chrome.exe –enable -webgl,回车就会打开一个chrome浏览器窗口； 第二种：找到Chrome浏览器的快捷方式，如果没有就创建一个快捷方式（右键点击chrome.exe，选择“创建快捷方式”或者“发送到”→“桌面快捷方式”），右键点击快捷方式，选择属性。 在目标框内，双引号的后边，加入–enable-原创 2015-12-30 18:15:17 · 14873 阅读 · 2 评论 -
模拟终端打印效果特效
模拟终端打印效果特效 <!DOCTYPE HTML><html> <head> <title>模拟终端打印效果特效</title> <meta charset="utf-8"> <script type="text/javascript" src="js/jquery.js"></script> <style type="te原创 2015-12-31 00:30:55 · 1777 阅读 · 1 评论 -
fastclick.js移动端WEB开发，click,touch,tap事件浅析
一、click 和 tap 比较两者都会在点击时触发，但是在手机WEB端，click会有 200~300 ms，所以请用tap代替click作为点击事件。singleTap和doubleTap 分别代表单次点击和双次点击。二、关于tap的点透处理在使用zepto框架的tap来移动设备浏览器内的点击事件，来规避click事件的延迟响应时，有可能出现点透的情况，即点击会触发非当前层的点击事件。处理方式：原创 2016-01-18 09:32:02 · 10648 阅读 · 0 评论 -
无限滚动特效
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><style>@-webkit-keyframes move{ 0%{ left:0; } 100% {原创 2016-01-18 10:02:47 · 768 阅读 · 0 评论 -
深入理解tomcat是中间件、正向代理、反向代理、透明代理以及IIS、Apache、Tomcat、Weblogic、WebSphere
原文地址：点击打开链接套用古龙武侠小说套路来说，代理服务技术是一门很古老的技术，是在互联网早期出现就使用的技术。一般实现代理技术的方式就是在服务器上安装代理服务软件，让其成为一个代理服务器，从而实现代理技术。常用的代理技术分为正向代理、反向代理和透明代理。本文就是针对这三种代理来讲解一些基本原理和具体的适用范围，便于大家更深入理解代理服务技术。一、正向代理(Forward转载 2016-01-18 13:54:53 · 5332 阅读 · 1 评论 -
支持移动端和PC端的轻量级轮播图插件&&hammer.js教程
http://www.swiper.com.cn/下载：http://download.youkuaiyun.com/detail/cometwo/9407912原文地址：http://www.cnblogs.com/iamlilinfeng/p/4239957.html 1、 Pan事件：在指定的dom区域内，一个手指放下并移动事件，即触屏中的拖动事件。这个事件在屏触开发中比较常用，如：左拖动、右拖动等，原创 2016-01-18 08:53:23 · 7591 阅读 · 0 评论 -
瀑布流效果源码
Document*{margin: 0;padding: 0;list-style: none;}#box{width: 888px; margin:0 auto; overflow: hidden;}ul{width:200px; border:1px solid red; float: left; margin:10px;}ul li{ width:200px; height:150原创 2015-11-30 15:19:21 · 1036 阅读 · 0 评论 -
全屏显示一张图片，不显示滚动条
nidayhtml,body,.bg{ //此处一定要加HTML，不加会出现下底白边margin: 0px; padding: 0px; width: 100%; height: 100%;}.left{hei原创 2015-12-16 22:21:32 · 3915 阅读 · 2 评论 -
手把手教你画太极图
太极图 .box{padding-top:100px;} .box .taiji{margin:0 auto;} /*只有最外面容器使用了宽高px设置，内部均为百分比设置，只需改变容器大小，太极图就可以自动缩放*/ .taiji{position: relative; width: 200px; height: 200px; border-radius: 50%; backgrou原创 2016-01-19 08:49:05 · 3590 阅读 · 0 评论 -
手把手教你画太极图
“` 太极图原创 2016-01-19 08:53:03 · 4745 阅读 · 0 评论 -
黑客攻破网站涂鸦特效（强烈建议看看）
<!-- saved from url=(0029)http://www.jmtcqj.com/dm.html --><html><head><meta http-equiv="Content-Type" content="text/html; charset=GBK"> <title>装逼+社工⑨人组-DeMon—友情检测</title> <meta charset="gb2312原创 2016-01-19 08:57:19 · 3918 阅读 · 0 评论 -
基于animate.css弹出框弹出关闭特效 （5星级）
<!doctype html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <link rel="styleshee原创 2016-01-03 12:51:57 · 5170 阅读 · 1 评论 -
jquery.timers使用说明
JQuery Timers提供了三个函式1. everyTime(时间间隔, [定时器名称], 函式名称, [次数限制], [等待函式程序完成])2. oneTime(时间间隔, [定时器名称], 呼叫的函式)3. stopTime ([定时器名称], [函式名称])官方虽然有Demo，但是却没有列出使用的原始码，即便右键检视原始码，里面也没有完整针对每一种情况写出一组程序说明原创 2016-01-20 10:10:45 · 864 阅读 · 0 评论 -
JS 实现3D立体效果的首页轮播图（瞬间让你的网站高大上，逼格满满）
<html><head><title>JS 实现3D立体效果的图片幻灯切换</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><style>html {background:#000}body, ul {margin:0;padding:0}li {list-style:none}原创 2016-01-03 15:09:54 · 20394 阅读 · 2 评论