- 博客(34)
- 收藏
- 关注
RSS订阅转载 史上最全的CSS hack方式一览
做前端多年，虽然不是经常需要hack，但是我们经常会遇到各浏览器表现不一致的情况。基于此，某些情况我们会极不情愿的使用这个不太友好的方式来达到大家要求的页面表现。我个人是不太推荐使用hack的，要知道一名好的前端，要尽可能不使用hack的情况下实现需求，做到较好的用户体验。可是啊，现实太残酷，浏览器厂商之间历史遗留的问题让我们在目标需求下不得不向hack妥协，虽然这只是个别情况。今天，结合自己的经
2015-12-10 20:32:31
259
转载 行内元素与块级元素
一、行内元素与块级元素块级元素列表定义地址定义表格标题定义列表中定义条目定义文档中的分区或节定义列表定义列表中的项目定义一个框架集创建 HTML 表单定义最大的标题
2015-12-09 21:41:57
258
转载 前端组件库集合
前言本文包含搭建web app常用的样式/组件等收集列表(移动优先)，推荐mark！0. 前端自动化(Workflow)前端构建工具Yeoman – a set of tools for automating development workflowgulp – The streaming build systemgrunt – the JavaScript Task Ru
2015-12-03 14:45:26
1211
转载 浏览器兼容处理
兼容性处理要点 1、DOCTYPE 影响 CSS 处理 2、FF: 设置 padding 后， div 会增加 height 和 width， 但 IE 不会， 故需要用 !important 多设一个 height 和 width 3、FF: 支持 !important， IE 则忽略， 可用 !important 为 FF 特别设置样式 4、div 的垂直居中问题:
2015-11-26 15:54:38
236
转载 常见CSS浏览器兼容性问题
CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名. CSS技巧1.div的垂直居中问题 vertical-align:middle; 将
2015-11-26 15:43:28
311
转载 css层叠样式详解
基本上层叠的意思就是“继承”、“权重”、“覆盖”，通过良好的层级命名更好的实现效果，更少的代码，更多的功能，下面为大家详细介绍下，感兴趣的朋友不要错过 解答一：层叠指的是样式的优先级，当产生冲突时以优先级高的为准。1. 开发者样式>读者样式>浏览器样式（除非使用!important标记 ）2. id选择符>（伪）类选择符>元素选择符3. 权重相同时取后面定义的样式
2015-11-26 15:35:14
405
转载 面试题
HTML+CSS1.对WEB标准以及W3C的理解与认识标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性；2.xhtml和html有什么区别HTML是
2015-11-25 21:09:14
249
转载 css使用方法及比较
前言最常看见的CSS的使用方式有三种1. 在span, div 等标签上直接使用 style 属性定义CSS[html] view plaincopyspan style="color:blue">This is Blue.span> 2. 在当前的html 文件中定义class, 在html 标签中用class
2015-11-25 21:06:38
238
转载 程序员都会的35个jQuery小技巧
干货推荐，每个程序员都会的35个jQuery小技巧！1. 禁止右键点击$(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; });});2. 隐藏搜索文本框文字Hide when clicked in the s
2015-11-22 17:18:54
261
转载 移动端web开发技巧
移动端web开发技巧这是一个最好的时代，因为我们站在潮流中；但也是一个最坏的时代，因为我们站在潮头上。META相关1. 添加到主屏后的标题（IOS）name="apple-mobile-web-app-title" content="标题"> 2. 启用 WebApp 全屏模式（IOS）当网站添加到主屏幕后再点击进行启动时，可隐藏地址栏（从浏览器跳
2015-11-22 17:17:05
508
转载 常用的jQuery代码段
效率在总结中提升！1、js实现placeholder效果Html代码： 复制代码Js代码： $(document).ready(function() { $("input.text1").val('请输入您
2015-11-22 17:11:49
267
转载 实用js代码
function clientIsPC(){ var userAgentInfo = navigator.userAgent; var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
2015-11-22 17:08:24
205
转载 更改css默认样式
html, address,blockquote,body, dd, div,dl, dt, fieldset, form,frame, frameset,h1, h2, h3, h4,h5, h6, noframes,ol, p, ul, center,dir, hr, menu, pre { display: block }/*以上列表元素默认状态下以块状显示，未显示的将以内联元素显示，该列表
2015-11-21 13:45:42
280
转载 使用js获取表单form的数据
js获取form表单所有数据在HTML中用js获取通过GET、POST方法（就是在网址后加?a=b&c=d之类）传过来的表单值。针对大家常用的获取表单方式，很多时候都是在重复的写一些代码，今天给大家贴出来的代码可以作为公用方法直接调用。可以提高大家的开发效率。Js代码 "text/javascript"> //获取指定form中
2015-11-20 23:27:55
819
1
转载 WAMP安装与配置---详细
对于初做PHP网站的朋友来说，第一步肯定是希望在自己电脑是搭建PHP环境，省去空间和上传的麻烦！但搭建环境也不是件容易的事情，特别是对于新手同学来说！因此在这里跟大家介绍我作为一名新手在使用的方便好用的PHP服务器架设软件，那就是wampserver，这款软件在安装的过程中就已经把Apache、MySQL、PHP继承好了，而且也做好了相应的配置，除此之外，还加上了SQLit
2015-11-19 18:25:20
507
转载 HTML-embed标签详解
HTML-embed标签详解Embed（一）、基本语法：embed src=url说明：embed可以用来插入各种多媒体，格式可以是 Midi、Wav、AIFF、AU、MP3等等， Netscape及新版的IE 都支持。url为音频或视频文件及其路径，可以是相对路径或绝对路径。示例：（二）、属性设置：1、自动播放：语法：autostart=true
2015-11-17 20:16:23
213
转载 Git SSH Key 生成步骤
Git SSH Key 生成步骤2012-11-27 15:49 126089人阅读 评论(4) 收藏 举报Git是分布式的代码管理工具，远程的代码管理是基于SSH的，所以要使用远程的Git则需要SSH的配置。github的SSH配置如下：一 、设置Git的user name和email：$ git config --global user.na
2015-11-16 15:23:44
260
转载 Git常用命令
一、 Git 常用命令速查git branch 查看本地所有分支git status 查看当前状态 git commit 提交 git branch -a 查看所有的分支git branch -r 查看远程所有分支git commit -am "init" 提交并且加注释 git remote add origin [email protected]:ndshow
2015-11-15 01:19:22
202
转载 git/github学习笔记
git/github学习笔记2011-08-25 21:57 by 虫师, 34772 阅读, 9 评论, 收藏, 编辑1. git 版本控制系统相比CVS\SVN优势：－ 支持离线开发，离线Repository－ 强大的分支功能，适合多个独立开发者协作－ 速度块ps:关于git的更详细的介绍于优点在此就不介绍了，教大家怎么用是关键。:）==========
2015-11-14 23:46:27
211
转载 github设置添加ssh
2014-02-28 13:19 7723人阅读 评论(1) 收藏 举报目录(?)[+]很多朋友在用github管理项目的时候，都是直接使用https url克隆到本地，当然也有有些人使用 SSH url 克隆到本地。然而，为什么绝大多数人会使用https url克隆呢？这是因为，使用https url克隆对初学者来说会比较方便，复制https ur
2015-11-14 18:07:10
252
转载 Git教程
原文 http://www.eoeandroid.com/thread-274556-1-1.html【初识Github】首先让我们大家一起喊一句“Hello Github”。YEAH!就是这样。Git是一个分布式的版本控制系统，最初由Linus Torvalds编写，用作Linux内核代码的管理。在推出后，Git在其它项目中也取得了很大成功，尤其是在Ruby社区中。目前，包括
2015-11-14 10:39:00
259
转载 GitHub详细教程
GitHub详细教程目录(?)[-]Table of ContentsGit详细教程1 Git简介11 Git是何方神圣12 重要的术语13 索引2 Git安装3 Git配置31 用户信息32 高亮显示33 忽略特定的文件34 使用gitkeep来追踪空的文件夹4 开始操作Git41 创建内容42 创建仓库添加文件和提交更改43 di
2015-11-14 10:35:50
171
转载 HTML5音乐播放器
HTML5音乐播放器开发关于HTML5的音乐播放器，总结一下各个模块的程序思路和遇到的蛋疼问题，不完美的地方就是没做歌曲列表和歌词显示，等改天有需求了再做吧，先上DEMO。查看DEMOCSS部分页面的重构不算复杂，使用了常见的几个CSS3属性，主要的是使用@Font-face来制作页面的icon，这样除了歌手头像以外没用其他的图片，不用做蛋疼的css spiri
2015-11-13 16:17:43
577
转载 瀑布流
瀑布流布局——JS+绝对定位绝对定位方式的瀑布流布局：一、布局1、包围块框的容器:div id="main"> ... ...div>2、一个块框：div class="pin"> div class="box"> img src="./images/g (1).jpg"/> div>div>3
2015-11-06 17:11:06
223
转载 闭包和匿名函数
//普通函数function box() {return 'Lee';}alert(box());//匿名函数function () {//单独的匿名函数，是无法运行的return 'Lee';//就算能运行，也无法调用，因为没有名称}//把匿名函数赋值给变量var box = function () {return 'Lee';};alert(
2015-11-04 22:16:44
257
转载 border-radius属性详解
这个borde-radius属性其实也是一个简写值，它分别是 border-top-left-radius（左上圆角半径）, border-top-right-radius（右上圆角半径）, border-bottom-right-radius （右下圆角半径）,border-bottom-left-radius（左下圆角半径），如下图所示：说到半径，我突然想起来了以前数学中学过关于圆跟半
2015-11-04 17:26:40
2115
转载 z-index详解
概念z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。 层级关系的比较1. 对于同级元素，默认(或position:static)情况下文档流后面的元素会覆盖前面的。2. 对于同级元素，position不为static且z-index存在的情况下z-index大的元素会覆盖z-index小的元素，即z-
2015-11-04 16:53:33
277
转载 jquery瀑布流下拉加载（position定位版）
瀑布流的算法一直是迷惑我很久的一个东西，我虽知道原理但自己凭空尝试仍是自己做不来，于是借鉴园子里别人写的代码的思路和自己找的一些关于瀑布流布局的教程，一步步来，终于自己独立做出来了。(本着学习分享为主，只贴出js逻辑部分，布局和css都不发了就。)数据用的：http://www.wookmark.com/apijquery版本：1.9.1效果图如下:
2015-10-24 23:09:05
317
转载 JavaScript-- prototype原型和原型链详解
用过JavaScript的同学们肯定都对prototype如雷贯耳，但是这究竟是个什么东西却让初学者莫衷一是，只知道函数都会有一个prototype属性，可以为其添加函数供实例访问，其它的就不清楚了，最近看了一些 JavaScript高级程序设计，终于揭开了其神秘面纱。每个函数都有一个prototype属性，这个属性是指向一个对象的引用，这个对象称为原型对象，原型对象包含函数实例共享的方法
2015-10-21 21:36:47
324
转载 fullpage.js与fullpage详解
fullPage.js和fullPage都能实现全屏滚动，二者区别是：fullPage.js需依赖于JQuery库，而fullPage不需要依赖任何一个js库，可以单独使用。一、fullPage.js实现全屏fullPage.js是开源的JQuery插件库，其Github地址：https://github.com/alvarotrigo/fullPage.js1、基本演
2015-10-21 16:54:17
5480
转载 fullpage插件的使用
1、引用文件[html] view plaincopyprint?link rel="stylesheet" href="css/jquery.fullPage.css"> script src="js/jquery.min.js">script> script src="js/jquery-ui.min.js">script> s
2015-10-21 16:26:22
719
转载 JS获取浏览器窗口大小 获取屏幕，浏览器，网页高度宽度
网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括边线的宽) 网页正文全文宽：document.body.scrollWidth
2015-10-21 15:35:09
263
转载 JavaScript 之call , apply 和prototype 介绍
1. 前言为什么将这三个概念放在一起说。原因是这些是会在实现js 继承会需要使用到的2. call 和 applycall 和 apply 的作用基本类似， 都是去执行function并将这个function 的context替换成第一个参数带入。 两者的不同是call 必须将function 的参数一一带入，而 apply 只要在第二个参数带入一个数列。
2015-10-21 10:01:37
254
转载 JavaScript 之arguments、caller 和 callee 介绍
1.前言arguments, caller , callee 是什么？在javascript 中有什么样的作用？本篇会对于此做一些基本介绍。2. argumentsarguments: 在函数调用时， 会自动在该函数内部生成一个名为 arguments的隐藏对象。 该对象类似于数组， 但又不是数组。可以使用[]操作符获取函数调用时传递的实参
2015-10-21 09:50:32
250
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人