进击的WEB前端-小黄毛

原创 页面登陆框老是乱乱的？banner跨页图片缩小之后总是在侧面不能显示主要部分？哈哈~我来帮你忙~~

页面大小变化内容排布 banner图片排布 登陆框和banner背景混合排布

转载 行内元素和块级元素

挖个坑，等弄完这个填。

原创 新人不懂怎么下手？传说中的前端流程呐~~~

Web前端开发 流程 新人 Freshman。前端开发流程。 新人傻瓜教程。

转载 CSS里的各种水平垂直居中基础写法

鉴于好多页面都需要底部的啥啥啥居中，所以直接拎出来这个问题写一篇博客。先挖坑，zhihou

转载 sublime快捷键

主要快捷键Ctrl+L 选择整行（按住-继续选择下行）Ctrl+KK 从光标处删除至行尾Ctrl+Shift+K 删除整行Ctrl+Shift+D 复制光标所在整行，插入在该行之前Ctrl+J 合并行（已选择需要合并的多行时）Ctrl+KU 改为大写Ctrl+KL 改为小写Ctrl+D 选词 （按住-继续选择下个相同的字符串）Ctrl+M 光标移动至括号内开始或

原创 调前端布局bug的步骤：

调前端布局bug的步骤：1.用删除法，排查究竟是哪一块的问题2.确定有bug的那一块：检查内层是否比外层高/宽→查看不同元素内自己并不是特别确切了解的属性3.逐一排查

转载 CSS3自定义滚动条样式 -webkit-scrollbar

作者： 轩枫有没有觉得浏览器自带的原始滚动条很不美观，同时也有看到很多网站的自定义滚动条显得高端，就连chrome32.0开发板都抛弃了原始的滚动条，美观多了。那webkit浏览器是如何自定义滚动条的呢？前言webkit支持拥有overflow属性的区域，列表框，下拉菜单，textarea的滚动条自定义样式，所以用处还是挺大的。当然，兼容所有浏览器的滚动条样式目

原创 想高效切图，布局很重要。

高效的前端，拿到设计图，一定是先看布局。有几列，哪些是高度自适应的，哪些是需要绝对定位相对定位的。浮动能不能用。大的架子定得扎实，小的部分填进去就很简单。布局和定位真的很重要。我先干完手头儿的活儿，就来总结一下布局和定位的问题。再写几个例子。

转载 布局-高度自适应

何为高度自适应？高度自适应就是高度能跟随浏览器窗口的大小改变而改变，典型的运用在一些后台界面中上面一栏高度固定用作菜单栏或导航栏，下面一栏高度自适应用于显示内容。高度自适应不像宽度自适应那样简单，在兼容浏览器方面也稍微复杂一些。布局思路在IE7+及chrome、firefox等浏览器中，高度自适应可以利用绝对定位来解决。但一个元素是绝对定位时，如果没有给它设定高度或宽度，则它的的高度和

转载 字体英文名

华文细黑：STHeiti Light [STXihei]华文黑体：STHeiti华文楷体：STKaiti华文宋体：STSong华文仿宋：STFangsong俪黑 Pro：LiHei Pro Medium俪宋 Pro：LiSong Pro Light标楷体：BiauKai苹果俪中黑：Apple LiGothic Medium苹果俪细宋：Apple LiSung L

转载 HTML特殊字符大全

国外网站整理的一份很全的HTML特殊字符集，共享出来供大家查阅吧。使用方法：这些字符属于unicode字符集，所以，你的文档需要声明为UTF-8；下面符号列表的后面有两列编号，它们并不太一样，第一列是用于HTML的，你需要在前面加上&#符号；第二列可以用于CSS文件中，但是需要用反斜杠\转义；第二列也可以用于JavaScript，和CSS用法一样，不过要用\u来转义。需要主

转载 html声明 meta

html代码语言采用中文  QQ登陆声明   微博登陆声明使用X-UA-Compatible来设置IE浏览器兼容模式内容随著指定的页面模式而更改，当要模拟IE7时，指定IE=EmulateIE7google的网站认证代码，证明该网站的所有者是你建议你先熟悉下html语言整体框架，以上的声明在所需的情况下才使用。一般只使

转载 网站页面性能优化的34条黄金守则

雅虎团队经验：网站页面性能优化的34条黄金守则1、尽量减少HTTP请求次数      终端用户响应的时间中，有80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少HTTP请求的次数。这是提高网页速度的关键步骤。      减少页面组件的方法其实就是简化页面设计。那么有没有一种方法既能保持页面内容的丰富性又能达到加快响应时间的目

原创 js 的参数~~~以及传参。

参数有两种：一种是基本类型的（Undefined，Null，Boolean，Number，String），另一种是引用类型的（Object）这两种参数传递的时候会有不一样。简易解释参数传递。

原创 background-color的默认值：transparent

background-color的默认值：transparent

转载 JQuery取得页面元素的坐标值

JQuery取得页面元素的坐标值博客分类： 前端技术坐标jquery页面元素坐标 如想要取得下面div中图片的相对位置坐标就可以使用下面的代码：  $(document).ready(function(){ $("#imgId").click(function(e) { var obj = $("#imgId");va

原创 $ is not defined

$ is not defined引入Jquery的顺序不对，要把它放在第一个引入

转载 css不确定宽度的水平居中

css不确定宽度的水平居中 (2013-05-16 10:47:02)转载▼ 分类： HTML-CSS给父元素设置text-align:center可以实现 文本、图片等行内元素的水平居中,但是还有比较复杂的情况，例如我们项目中：按钮文字和个数不确定，但是要居中显示。按钮我用的是滑动门。那么如何居中呢？

原创 javascript使链接失效

转载 JavaScript里面三个等号和两个等号的区别

JavaScript里面三个等号和两个等号的区别== equality 等同，=== identity 恒等。==， 两边值类型不同的时候，要先进行类型转换，再比较。 ==，不做类型转换，类型不同的一定不等。 下面分别说明： 先说 ===，这个比较简单。下面的规则用来判断两个值是否===相等： 1、如果类型不同，就[不相等] 2、如果两个都是数值，并

转载 关于border。

p {border-style:solid;}實線p {border-style:dashed;}虛線p {border-style:double;}雙線p {border-style:dotted;}點線p {border-style:groove;}凹線p {border-style:ridge;}凸線p {border-style:inset;

转载 怎样利用meta标签提高网页的搜索几率

您的个人网站即使做得再精彩，在“浩瀚如海”的网络空间中，也如一叶扁舟不易为人发现，如何推广个人网站，人们首先想到的方法无外乎以下几种：　　　　●　在搜索引擎中登录自己的个人网站　　　　●　在知名网站加入你个人网站的链接　　●　在论坛中发帖子宣传你的个人网站　　很多人却忽视了HTML标签META的强大功效，一个好的META标签设计可以大大提高你的个人网站被搜索到的

转载 稍微比较全的面试题，还在总结中！

稍微比较全的面试题，还在总结中！HTML5/CSS3|守候 发布于 2012-10-29 17:35查看数: 20962评论数: 41帖子模式个人总结面试题大全HTML+CSS1.对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离

转载 前端面试问题小结

前端面试问题小结已有 622 次阅读2014-10-15 01:20 |系统分类:HTML/CSS| 前端面试问题给前端面试者准备的一点问题,自己总结的,供前端面试者参考(大牛可略过),面试过很多家,也面试过一些人,答案自己找~~meta头可以设置哪些内容,格式是怎样的,列举3个以上http请求头,响应头有哪些字段,列举5个以上;http的响应状态消息有哪些值,列举

原创 压力说。

压力说。

转载 Chrome 中的 JavaScript 断点设置和调试技巧

你是怎么调试 JavaScript 程序的？最原始的方法是用 alert() 在页面上打印内容，稍微改进一点的方法是用 console.log() 在 JavaScript 控制台上输出内容。嗯~，用这两种土办法确实解决了很多小型 JavaScript 脚本的调试问题。不过放着 Chrome 中功能越发强大的开发者工具不用实在太可惜了。本文主要介绍其中的 JavaScript 断点设置和调试功能，

转载 闲聊CSS之关于clearfix--清除浮动

一，什么是.clearfix你只要到Google或者Baidu随便一搜"css清除浮动"，就会发现很多网站都讲到"盒子清除内部浮动时可以用到.clearfix"。.clearfix:after { content: " "; display: block; clear: both; height: 0;}.clearfix { zoom: 1;}div c

原创 批量输入<li></li>的简便方法~~~~·

批量输入 <li></li> 里面内容 简便方法

转载 div#header 和 div #header的区别

div#header 和 div #header的区别html>head>style type="text/css">div#header{ background-color:green;}style>head>body>div id="header">澳大利亚div>div>中国div>body>html> 上面的例子中第1div的背景为green，

转载 html5开发之viewport使用

html5开发之viewport使用发布时间：2012-08-31 12:25:34   来源：   评论：0 点击： 次 【字号：大 中 小】QQ空间新浪微博腾讯微博人人网豆瓣网百度空间百度搜藏开心网复制更多49随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行，移动互联应用开发也越来越受到人们的重视，用html5开发移动应用是最好的选择

转载 关于手机端meta知多少

关于手机端meta知多少移动前端 / 移动前端 | 2014-03-17 | 来源:cnblogs | 发布者: EVEN 本来打算写关于手机端的知识，想了想先从meta着手。接下来请大家看几个网站的例子。一、天猫天猫触屏版 二、淘宝淘宝网触屏版 三、京

转载 CSS3 圆角（border-radius）

CSS3 圆角（border-radius）前缀例1例2：无边框书写顺序其它支持性值：半径的长度前缀-moz(例如 -moz-border-radius)用于Firefox-webkit(例如：-webkit-border-radius)用于Safari和Chrome。例1#round { padding:10p

转载 传说这样就可以得博客之星啊。。。。~~

膜拜大神学习了~当然啦，能的话还是帮小黄毛也投一票~~2014年博客之星-小巫的无耻拉票帖各位亲爱的博友们，打开这篇博客说明你已经进入小巫的拉票环节中，我看很多博主给自己拉票都一笔带过留下而过链接就走了，说个实在话优快云里有很多牛人高手，写的博客也非常不错，小巫有时候也会去观摩学习，但是呢，小巫的博客跟大部分人有不一样的地方，给你们一个机会说说有什么不一样

转载 使用onclick跳转到其他页面/跳转到指定url

使用onclick跳转到其他页面/跳转到指定url☆如果是本页显示可以直接用location,方法如下：①onclick="javascript:window.location.href='URL'"②onclick="location='URL'"③onclick="window.location.href='URL?id=11'"☆如果页面中有frame可以

转载 display:inline、block、inline-block的区别

display:block就是将元素显示为块级元素.block元素的特点是：总是在新行上开始；高度，行高以及顶和底边距都可控制；宽度缺省是它的容器的100%，除非设定一个宽度, , , , 和 是块元素的例子。display:inline就是将元素显示为行内元素.inline元素的特点是：和其他元素都在一行上；高，行高及顶和

转载 2014年WEB高手都在做什么

技术前端0. 写在前面的话今年, 对于我, 从技术上说, 还是有不少的进步的. 进步的主要是在于前端开发, 所以, 想从后端工程师的身份对前端的发展做一些总结.在我前几年的印象中, 前端工程师一直是一个很不独立, 也不高端的职位. 因为他们就是来写 Javascript 的.往上要跟 UI 设计师要设计图, 被他们欺负, 往下与老牌的后端工程师要

原创 WIN7系统的桌面突然不好使了，右键没反应，桌面上所有的图标点击都没反应explorer

桌面没反应 屏幕没反应 win7 右键没反应

原创 网页缩小，滚动之后出现空白？啊哈哈，我来帮你忙~~

页面缩小 空白 css html 前端 显示

原创 写了交互给后台后来不能用？bug多多多又找不到文件效率低？工作流程帮你优化起来~~~~

高效 工作流程 沟通 产品/美工 后台 前端

原创 Javascript获取浏览器窗口大小 获取屏幕，浏览器，网页高度宽度

var wid=100;document.getElementById("someid").style.width=wid;设置高度/******************** * 取窗口滚动条高度  ******************/function getScrollTop(){    var scrollTop=0;    if(document