挨踢前端 - 博客园

CSS 多类选择器

摘要：写的代码多了，就会发现，自己越来越无知了，总以为html css很简单，已经掌握的很熟练了，其实我还差的很多。平时没有用过css的这种写法 .a.b{display:block;} 上网一查才明白。参考：http://www.w3school.com.cn/css/css_selector_class.asp1、在 HTML 中，一个 class 值中可能包含一个词列表，各个词之间用空格分隔。例如，如果希望将一个特定的元素同时标记为重要（important）和警告（warning），就可以写作（这两个词的顺序无关紧要，写成 warning important 也可以）：<p cl.. 阅读全文

posted @ 2012-12-17 12:59 挨踢前端阅读(24441) 评论(3) 推荐(2)

xampp中apache不能启动解决方法（share）

摘要： Xampp的获得和安装都十分简单，你只要到以下网址：http://www.apachefriends.org/zh_cn/xampp.html 下载xampp即可，我安装的是windows版本的Installer安装包，只要根据它的安装提示一路安装下去就可以了，十分方便快捷。不过，安装目录最好选择C盘之外的其它磁盘，据某些网友的经验，在Windonws7或Vista中，如果选择C盘安装，由于权限原因，会出现创建一些文件失败的问题。如果你已经据有最高权限，可以直接装在C盘。一般在windows XP或windows 7中，刚安装完xampp时，apache服务器是启动不了的。这个原因有很多，下面阅读全文

posted @ 2012-11-20 23:57 挨踢前端阅读(2406) 评论(0) 推荐(1)

web app开发技巧总结（share）

摘要：（转自http://hi.baidu.com/kuntakinte/item/ca92d6e5edae9fc0bbf37d08）自Iphone和Android这两个牛逼的手机操作系统发布以来，在互联网界从此就多了一个新的名词-WebApp(意为基于WEB形式的应用程序，运行在高端的移动终端设备)。开发者们都知道在高端智能手机系统中有两种应用程序：一种是基于本地（操作系统）运行的APP；一种是基于高端机的浏览器运行的WebApp，本文将主要讲解后者。WebApp与NativeApp有何区别呢？NativeApp：1、开发成本非常大。一般使用的开发语言为JAVA、C++、Objective-C.. 阅读全文

posted @ 2012-11-09 19:25 挨踢前端阅读(4844) 评论(0) 推荐(1)

使用iScroll时，input等不能输入内容的解决方法

摘要：最近做移动平台的应用，使用iscroll使屏幕上下滑动。发现当使用iscroll后，input等不能输入内容了。只要在iscroll.js文件中加入如下代码就ok了。function allowFormsInIscroll(){ [].slice.call(document.querySel... 阅读全文

posted @ 2012-11-09 19:14 挨踢前端阅读(7900) 评论(5) 推荐(3)

jq 中each的用法（share）

摘要： each的使用方法在jQuery里有一个each方法，用起来非常的爽，不用再像原来那样写for循环，jQuery源码里自己也有很多用到each方法。其实jQuery里的each方法是通过js里的call方法来实现的。下面简单介绍一下call方法。call这个方法很奇妙，其实官方的说明是：“调用一个对象的一个方法，以另一个对象替换当前对象。”网上更多的解释是变换上下文环境，也有说是改变上下文this指针。call([thisObj[,arg1[, arg2[, [,.argN]]]]])参数thisObj可选项。将被用作当前对象的对象。arg1, arg2, , argN可选项。将被传递方法参数阅读全文

posted @ 2012-11-08 23:55 挨踢前端阅读(12063) 评论(2) 推荐(1)

文档碎片

摘要：使用文档碎片在某些情况下可以提高页面效率。 javascript操作dom是一个很耗性能的过程，在某些情况下，不得不进行dom循环操作，我们每次对dom的操作都会触发"重排"，这严重影响到能耗，一般通常采取的做法是尽可能的减少dom操作来减少"重排"。面对循环操作dom的过程，我们选择使用文档碎片（creatDocumentFragment），将需要添加到dom中的内容一次性添加到文档碎片中，然后将文档碎片添加到dom树，这样就可以有效的减少操作dom的次数。<!DOCTYPE HTML><html><head>&l 阅读全文

posted @ 2012-11-03 00:59 挨踢前端阅读(2160) 评论(0) 推荐(2)

获取兼容的DOM子节点

摘要：浏览器对于DOM节点识别并非都是一致的，主要分为两个阵营，ie浏览器和非ie浏览器。（刚刚试了一下，ie9对DOM的识别好像和非ie一样了）。 ie只把标签识别为节点，回车等文本符并不视为节点。而非ie把回车也视为一个节点。那怎么获取的的节点，在不同浏览器看来，都一样呢。看看下面的例子，大家就明白了。<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>获取兼容的子节点</title><meta name="Keywords&qu 阅读全文

posted @ 2012-11-03 00:11 挨踢前端阅读(1419) 评论(0) 推荐(0)

什么是JavaScript框架（share）

摘要：摘要：现代网站和web应用程序趋向于依赖客户端的大量的javascript来提供丰富的交互。特别是通过不刷新页面的异步请求来返回数据或从服务器端的脚本（或数据系统）中得到响应。在这篇文章中，你将会了解到javascript框架如何更快、更方便的创建互动性强、响应快得网站和web应用程序。导言：JavaScript是一种面向对象的脚本语言，一直以来用作Web浏览器应用程序客户端脚本接口的选择。JavaScript允许Web开发人员编程与网页上的对象的工作,为凭空操作这些对象提供了一个平台。当JavaScript最初推出时，它通常用来提供一些微不足道的功能，如时钟、在浏览器状态栏中滚动文本。另外一阅读全文

posted @ 2012-11-01 09:47 挨踢前端阅读(461) 评论(0) 推荐(0)

基于flipsnap框架，滑动页面的布局

摘要：基于上篇介绍的flipsnap框架，当滑动页面数为基数时页面该怎么布局呢？假如滑动页面数为3个，布局设计如下图所示1、2、3三个页面，向左拖动，页面2、页面3出现。此时页面可分三种设计方法：方法一：浮动方法。如果子元素为奇数，则子元素的宽度不精确，且子元素不能设置border，如果设置border，宽度就更不精确了。方法二：弹性布局方法。此方法也是是不错的选择。但经测试，如果页面中弹性布局运用的很多，在UC等浏览器上，非常卡。说明弹性布局非常耗性能。方法三：定位方法。此方法可解决方法一、二的缺点。注意：inner部分需设置高度，不然子元素会被隐藏，因为out... 阅读全文

posted @ 2012-10-31 23:15 挨踢前端阅读(2991) 评论(0) 推荐(2)

HTML5开发手机应用--viewport的作用

摘要：在用HTML5开发手机应用或手机网页时，部分总会有如下一段代码，这段代码到底什么意思呢。在网上，大家会得到很多答案。我从网上搜集了部分介绍，整理一下，以留备用。什么是Viewport 手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。移动版的 Safari 浏览器最新引进了 viewport 这个 meta tag，让网页开发者来控制 viewport 的大小和缩放，其他手机浏览器也基本支持。wi... 阅读全文

posted @ 2012-10-31 20:11 挨踢前端阅读(34602) 评论(1) 推荐(4)

flipsnap--手机屏幕水平滑动框架

摘要：在很多手机应用中，大家都会见过这样一种效果：当手指横向滑动屏幕时，屏幕上的页面会向左或向右滑动。下面介绍一下当用HTML5+CSS3开发手机应用时解决这类效果的一款js框架：flipsnap。 flipsnap.js的源码大家可以到flipsnap官网：http://pxgrid.github.com/js-flipsnap/下载。下面列出我写的小例子，大家一看应该就看明白了。<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>水平切换 demo< 阅读全文

posted @ 2012-10-31 19:15 挨踢前端阅读(8740) 评论(0) 推荐(0)

Mobile Web调试工具Weinre

摘要：现在、将来，用移动设备上网越来越成为主流。但对于开发者们来说，移动web的调试一直是个难题，前期可以使用模拟器来协助调试，但到了真机调试阶段就让人非常头痛。而Weinre就是解决这难题的利器。 Weinre的本意是Web Inspector Remote，它是一种远程调试工具。功能与Firebug、Webkit inspector类似，可以帮助我们即时更改页面元素、样式，调试JS等，下面就简单介绍下如何使用。下面以以Windows系统为例：一、首先确保你的电脑已经搭建好了java环境。即：安装了jdk。这里就不多说了，在网上搜个jdk，一步步安装及ok。二、安装及运行Weinr... 阅读全文

posted @ 2012-10-28 18:47 挨踢前端阅读(34799) 评论(5) 推荐(1)

浅谈HTTP中Get与Post的区别（share）

摘要：这几天做一个酒店搜索与预订的移动平台的应用，需要向住哪网开放平台（http://open.zhuna.cn/）提供的API请求数据，所以AJAX异步交互技术成为这次项目的主角。自己也学到了很多知识，但对于请求数据时，get和post方法理解的还不是很透彻。今天在网上看到一篇文章，个人觉得解释的很清楚了。转载过来和大家分享一下，顺便留个备份。转自：http://www.cnblogs.com/hyddd/archive/2009/03/31/1426026.html Http定义了与服务器交互的不同方法，最基本的方法有4种，分别是GET，POST，PUT，DELETE。URL全称是资源... 阅读全文

posted @ 2012-10-25 23:09 挨踢前端阅读(975) 评论(0) 推荐(0)

Android SDK 安装中组件的离线安装方法（share）

摘要：这次安装在Android开发环境搭建及配置phoneGap中，搜到了一下资料，留个备份。源地址：http://anlab-qiao.blog.sohu.com/190769011.html一、迅雷下载地址资源 https://dl-ssl.google.com/android/repository/xxx.zip , xxx用以下包替换。API 3android-1.5_r04-windows.zipandroid-1.5_r04-macosx.zipandroid-1.5_r04-linux.zipAPI 4android-1.6_r03-windows.zipandroid-1.6... 阅读全文

posted @ 2012-10-21 05:10 挨踢前端阅读(7866) 评论(1) 推荐(1)

Android开发环境搭建及配置phoneGap

摘要：整了两天，Android开发环境终于基本搭建好了，phoneGap也配置好了。参考了很多资料，给我的感受就是，不能死按人家的资料来，要学会变通。Android开发环境搭建几句话就能说清，但实际操作起来是最麻烦的。麻烦的是各个工具的下载。我下载了很多版本，试验了很多次，最后安装的是哪个版本我都忘了。怎么下载自己摸索吧，我就不误人子弟了。下面是我搭建的步骤，以作参考。一、下载并搭建环境的工具 1、JDK（这个比较快，一步步安装就行了）想进行Android开发必须搭建java环境，否则Android SDK不能正常安装。安装成功检测：启动DOS窗口开始-->运行-->cmd... 阅读全文

posted @ 2012-10-21 04:55 挨踢前端阅读(19754) 评论(1) 推荐(1)

原生Ajax 和Jq Ajax

摘要：前言：这次介绍的是利用ajax与后台进行数据交换的小例子，所以demo必须通过服务器来打开。服务器环境非常好搭建，从网上下载wamp或xampp，一步步安装就ok，然后再把写好的页面放在服务器中指定的位置。打开时，在浏览器地址栏输入“localhost/指定页面”或者“127.0.0.1/指定页... 阅读全文

posted @ 2012-10-20 01:06 挨踢前端阅读(8370) 评论(0) 推荐(0)

用jquery 写的类似微博发布的效果

摘要：看了上个原生js DOM版的微博发布的效果，再来看看如何用jq写。看完代码，就会发现jq的强大，用更少的代码写更多的效果。<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>微博发布jq版</title><meta name="Keywords" content=""><meta name="author" content="@my_programmer&q 阅读全文

posted @ 2012-10-19 23:59 挨踢前端阅读(1955) 评论(2) 推荐(2)

解读SEO 黑帽白帽（share）

摘要：我一哥们写的关于seo方面的知识，个人感觉非常总结的非常详细，留个备份，以便随时查阅。转自：http://blog.163.com/hongshaoguoguo@126/blog/static/18046981201261491652303/ 前言：SEO中白帽技术与黑帽技术是两大主流的技术，白帽相当于光明的一类，而黑帽又相当于黑暗的一样。白帽指的是一步一步稳稳当当的推广自己的网站，而黑帽又名黑帽障眼法技术，是一种盗取别人链接、截取别人网站文章等更新为名提高自己的网站的排名与推广。SEO网络优化技术黑帽障眼法技术用的人比较多，而白帽用的人相对比较少一点，这两种技术又有什么好处和不同呢... 阅读全文

posted @ 2012-10-19 23:42 挨踢前端阅读(1360) 评论(0) 推荐(3)

原生js DOM写的类似微博发布的效果

摘要：分享一下以前写的DOM操作的小效果（非常简单的那种），顺便复习一下关于DOM的各个知识点。注释写的还算清楚，这里就不废话了，直接上代码吧。<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>微博发布</title><meta name="Keywords" content=""><meta name="Description" content="" 阅读全文

posted @ 2012-10-19 23:32 挨踢前端阅读(1868) 评论(0) 推荐(0)

解读网站PR值

摘要： 1.网站PR值百科：网站PR值全称为PageRank(网页级别)。它是Google排名运算法则（排名公式）的一部分，是Google用于用来标识网页的等级、重要性的一种方法，是Google用来衡量一个网站的好坏的重要标准之一。级别从1到10级，10级为满分。PR值越高说明该网页越受欢迎（越重要）。例如：一个PR值为1的网站表明这个网站不太具有流行度，而PR值为7到10则表明这个网站非常受欢迎（或者说极其重要）。一般PR值达到4，就算是一个不错的网站了。 Google的PageRank根据网站的外部链接和内部链接的数量和质量来衡量网站的价值。PageRank背后的概念是，每个到页面的链接都是.. 阅读全文

posted @ 2012-10-19 23:00 挨踢前端阅读(626) 评论(0) 推荐(0)

Hello World

公告

导航