前端开发
文章平均质量分 58
Hi_Panda_CRL
这个作者很懒,什么都没留下…
展开
-
nodejs服务器搭建
// 这是一个简单的Node HTTP服务器,能处理当前目录的文件// 并能实现两种特殊的URL用于测试// 用HTTP://localhost:8000或http://127.0.0.1:8000连接这个服务器var http = require('http'); var fs = require('fs'); // 用于处理本地文件var server = n转载 2015-09-19 21:26:03 · 552 阅读 · 0 评论 -
背景图片不随内容滚动
background:url(imag); background-attachment:fixed; background-repeat:no-repeat; position:absolute; overflow-x:hidden;原创 2014-08-25 13:52:57 · 866 阅读 · 0 评论 -
Bootstrap CSS 概览
移动设备优先这可能是 Bootstrap 3 的最显著的变化。在之前的 Bootstrap 版本中(直到 2.x),您需要手动引用另一个 CSS,以便与主 CSS 一起让项目对移动设备友好。现在不一样了,Bootstrap 3 默认的 CSS 本身就是对移动设备友好的。Bootstrap 3 的设计目标是移动设备优先,然后才是桌面设备。这实际上是一个非常及时的转变,因为现在转载 2014-08-08 15:42:46 · 898 阅读 · 0 评论 -
判断浏览器内核
浏览器判断body{font:14px/20px 微软雅黑;}div{ width:700px; height:auto; margin:0 auto; padding:10px; border:3px double #9B0A0A;}// /* // 判断浏览器名称和版本 // 目前只能判断:ie/firefox/chrome/opera/safari // 2转载 2014-09-05 13:53:41 · 826 阅读 · 0 评论 -
选择不同IE
在CSS中应该写成转载 2014-07-08 16:03:36 · 593 阅读 · 0 评论 -
浏览器的工作原理:新式网络浏览器幕后揭秘
原文转自:http://www.html5rocks.com/zh/tutorials/internals/howbrowserswork/序言这是一篇全面介绍 Webkit 和 Gecko 内部操作的入门文章,是以色列开发人员塔利·加希尔大量研究的成果。在过去的几年中,她查阅了所有公开发布的关于浏览器内部机制的数据(请参见资源),并花了很多时间来研读网络浏览器的源代码。她写道:转载 2014-07-16 08:38:58 · 838 阅读 · 0 评论 -
页面载入自动触发事件
$(document).ready(function(){ $("#firstpage").click();});$("button").click(function(){ $("input").trigger("select");});原创 2014-08-07 15:52:24 · 3582 阅读 · 0 评论 -
很简单的一个单页切换
无标题文档$(function(){ $("#control a").click(function(){ var rel=$(this).attr("href"); var pos=$(rel).offset().top; $("html,body").animate({scrollTop:pos}, 800);})}) h原创 2014-07-14 15:07:40 · 920 阅读 · 0 评论 -
javascript基础知识大全
发些javascript基础知识,便于大家学习,也便于我自己查看 1.javascript的数组API [js] //定义数组 var pageIds = new Array(); pageIds.push(´A´); 数组长度 pageIds.length; //shift:删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefined var a转载 2014-07-31 11:06:16 · 551 阅读 · 0 评论 -
BootStrap介绍
前言 当下最流行的前端开发框架Bootstrap,可大大简化网站开发过程,从而深受广大开发者的喜欢。本文总结了Bootstrap之所以广泛流传的11大原因。如果你还没有使用Twitter Bootstrap,建议你去了解一下。我也是最近才有所发现的,不过有更好的消息,在前两天微软发布的VS2013正式版中,也已经将BootStrap3.0的版本加入了额,连微软都看到bootStrap的强转载 2014-07-30 14:29:09 · 1116 阅读 · 0 评论 -
虚拟键码对照表
虚拟键码 对应值 对应键VK_LBUTTON1鼠标左键VK_RBUTTON2鼠标右键VK_CANCEL3CancelVK_MBUTTON4鼠标中键VK_XBUTTON15 VK_XBUTTON26转载 2014-07-30 14:02:49 · 753 阅读 · 0 评论 -
基于Grunt构建一个JavaScript库
基于Grunt构建一个JavaScript库 译14 July 2014现在公认的JavaScript典型项目需要运行单元测试,合并压缩。有些还会使用代码生成器,代码样式检查或其他构建工具。Grunt.js是一个开源工具,可以帮助你完成上面的所有步骤。它非常容易扩展,并使用JavaScript书写,所以任何为JavaScript库或项目工作的人都可以按自己的需要扩展它。转载 2014-08-26 08:51:58 · 642 阅读 · 0 评论 -
透明背景代码
filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CCFFFFFF', endColorstr='#CCFFFFFF'); background:rgba(255,255,255,0.75);原创 2014-09-10 15:21:18 · 2861 阅读 · 0 评论 -
HTML5网站头部(IE10以下支持)
Grid Template for Bootstrap原创 2014-08-15 09:17:07 · 5278 阅读 · 0 评论 -
HTML5 Game Engines Which HTML5 Game Engine is right for you?
HTML5 Game Engines Which HTML5 Game Engine is right for you?Listed are the cream of the crop of HTML5 / JavaScript game engines - frameworks that are respected and maintained. Click转载 2015-03-04 13:21:44 · 926 阅读 · 0 评论 -
html5shiv.js让IE6、IE7、IE8支持html5
一、插件介绍用于解决IE9以下版本浏览器对HTML5新增标签不识别,并导致CSS不起作用的问题。所以我们在使用过程中,想要让低版本的浏览器,即IE9以下的浏览器支持,那么这款html5shiv.js是一个非常好的选择!上面这段代码仅会在IE浏览器下运行,还有一点需要注意,在页面中调用html5.js文件必须添加在页面的head元素内,因为IE浏览器必须在元素解析前知道这个元素,转载 2015-01-06 09:19:29 · 21384 阅读 · 0 评论 -
Respond.js
A fast & lightweight polyfill for min/max-width CSS3 Media Queries (for IE 6-8, and more)Copyright 2011: Scott Jehl, scottjehl.comLicensed under the MIT license.The goal of this script转载 2015-01-06 09:18:31 · 1270 阅读 · 0 评论 -
页面内容选择背景色
::-moz-selection { background: #FF5E99; color:#fff; text-shadow: none; } ::selection { background: #FF5E99; color: #fff; text-shadow: none; }原创 2015-02-11 09:03:47 · 769 阅读 · 0 评论 -
ISO 639 Language Codes
NOTE: This page is obsolete! Please see the Codes for the representation of names of languages maintained by the Library of Congress or the W3C Internationalization Activity for further and up-to-da转载 2015-02-09 15:57:09 · 8416 阅读 · 0 评论 -
浏览器不同语言切换不同页面
无标题文档/*Browser Language Redirect script- By JavaScript KitFor this and over 400+ free scripts, visit http://www.javascriptkit.comThis notice must stay intact*///Enter ISO 639原创 2015-02-09 15:46:09 · 1940 阅读 · 0 评论 -
wordpress
Windows下Apache+php+MySql配置和wordpress的安装 原文出处: http://blog.csdn.net/youyoushang/article/details/8065671一、 安装前的准备 Apache+php+MySql和wordpress Apache:是一种web服务器。 PHP :全称为Hypert转载 2015-01-15 09:15:18 · 648 阅读 · 0 评论 -
区域内显示
这儿开始原创 2014-10-22 11:54:36 · 566 阅读 · 0 评论 -
显示隐藏DIV
關於我們About Us, About Blazing Flames.转载 2014-11-18 11:55:16 · 688 阅读 · 0 评论 -
360必须添加语句
原创 2014-08-28 13:32:38 · 579 阅读 · 0 评论 -
FTP命令详解
FTP 命令是 Internet 用户使用最频繁的命令之一,不论是在 DOS 还是 UNIX 操作系统下使用 FTP ,都会遇到大量的 FTP 内部命令。 熟悉并灵活应用 FTP 的内部命令,可以大大方便使用者,并收到事半功倍之效。& FTP 的命令行格式为: ftp -v -d -i -n -g [ 主机名 ] ,其中-v 显示远程服务器的所有响应信息; -n 限制 ftp 的自动转载 2014-08-01 15:30:04 · 1104 阅读 · 0 评论 -
通过DOS命令nslookup查域名DNS服务器
怎样查询域名的DNS服务器?这里介绍一种通过本地DOS命令就能查询的方法。 在使用的操作系统里进入MS-DOS(命令提示行)界面 1、输入 nslookup 回车 图中Address是本地使用的DNS,可以通过本地连接修改。 2、输入 set type=ns 回车 3、输入域名(不带WWW的),如:转载 2014-08-01 15:15:31 · 4707 阅读 · 0 评论 -
详解CSS3特性@Media如何实现响应式设计
详解CSS3特性@Media如何实现响应式设计Jan 10 2014 10:36 AM2013年响应式设计已经成为国外网站的一项标配功能,国内越来越多的开发人员开始关注响应式设计,2014年相信国内更多的网站也将使用响应式设计,因为利用CSS3特性@media将很简单就能实现响应式设计,一次开发同时能在手机,平板,PC桌面等不同分辨率的设备下拥有较好的浏览体验。在 CS转载 2014-05-23 11:51:26 · 1470 阅读 · 0 评论 -
DOM events
Here are some common DOM events:Mouse EventsKeyboard EventsForm EventsDocument/Window Eventsclickkeypresssubmitloaddblclickkeydownchangere转载 2014-06-04 15:16:13 · 761 阅读 · 0 评论 -
Fullscreen HTML5 Page Background Video
Fullscreen HTML5 Page Background VideoLAST UPDATED ON NOV 8, 2013 BY NAEEM NOORHTMLFullscreen video background is possible with pure CSS/HTML5, there is no need for a framework.转载 2014-05-21 16:42:18 · 834 阅读 · 0 评论 -
在网页标题中加入图片
原创 2014-04-28 14:39:37 · 1125 阅读 · 0 评论 -
网页自适应
<metaname="viewport"content="width=device-width, initial-scale=1, maximum-scale=1" />转载 2014-05-08 21:18:27 · 703 阅读 · 0 评论 -
jQuery 隐藏和显示
jQuery 隐藏和显示通过 hide() 和 show() 两个函数,jQuery 支持对 HTML 元素的隐藏和显示:实例$("#hide").click(function(){$("p").hide();});$("#show").click(function(){$("p").show();});转载 2014-05-08 16:33:45 · 584 阅读 · 0 评论 -
CSS笔记
值描述absolute生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。fixed生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以转载 2014-05-08 16:30:51 · 497 阅读 · 0 评论 -
HTML5+CSS3的响应式网页设计:自动适应屏幕宽度
这几天都在修改博客上面的样式。本来用的是d83.0的模板。自己又修改了许多地方,其中自己修改的一些地方在手机里面显示的效果不是很理想,于是想改成自适应的效果。对CSS3不是特别的熟练,只能去网上找找案例看了。发现一个不错的文章。写的比较入门,也很仔细。所以拿过来分享给大家。如果还想看图片的响应式案例可以看我找的另外的一篇《分享一个非常有用的HTML5+CSS3响应式图片案例》。移动设备正超转载 2014-05-08 21:10:26 · 4742 阅读 · 0 评论 -
jQuery v1.9.1
/*! jQuery v1.9.1 | (c) 2005, 2012 jQuery Foundation, Inc. | jquery.org/license//@ sourceMappingURL=jquery.min.map*/(function(e,t){var n,r,i=typeof t,o=e.document,a=e.location,s=e.jQuery,u=e.$,l={},转载 2014-05-08 21:44:50 · 6302 阅读 · 0 评论 -
CSS3 经典教程系列:CSS3 线性渐变(linear-gradient)
《CSS3 经典教程系列》的前一篇文章向大家详细介绍了 text-shadow 文本阴影特性的用法,今天这篇文章我们在一起来看看 CSS3 中实现渐变效果的 Gradient 属性的具体用法。在以前,渐变效果和阴影、圆角效果一样都是做成图片,直接编写 CSS 代码就可以实现。 CSS3 Gradient 分为 linear-gradient(线性渐变)和 radial-gradien转载 2014-04-02 16:36:45 · 816 阅读 · 0 评论 -
CSS文件动态加载
var node = document.createElement('link');node.rel = 'stylesheet';node.href = 'css/sch1.css';document.getElementsByTagName('head')[0].appendChild(node);原创 2014-05-23 12:25:18 · 697 阅读 · 0 评论 -
用js实现根据不同的分辨率和浏览器调用不同的css文件
方法一:(根据ID设定)if (screen.width == "800"){document.getElementById("MyCSS").href="800.css";document.getElementById("xinxi").innerHTML="你的分辨率是800,系统自动为你处理为最佳显示模式。";} else if转载 2014-05-23 12:00:28 · 3781 阅读 · 0 评论 -
使用CSS3 MEDIA QUERIES实现网页自适应
原文来源:http://webdesignerwall.com翻译:http://xinyo.org当今银屏分辨率从 320px (iPhone)到 2560px (大屏显示器)或者更大。人们也不再仅仅用台式机来浏览网页,现在有手机,平板电脑等等。所以传统的固定宽度设计形式将不再是个最佳选择,网页设计需要有自适应性。网页的布局需要能够根据不同的分辨率和设备来自动调整,以达到到最佳显转载 2014-05-23 16:53:37 · 945 阅读 · 0 评论 -
js判断选择不同的样式文件
var node0 = document.createElement('link'); node0.rel = 'stylesheet'; node0.href = 'css/sch.css'; var node1 = document.createElement('link'); node1.rel = 'stylesheet'; node1.href = 'css/sch1.cs原创 2014-07-07 09:06:22 · 1386 阅读 · 0 评论