axl234
- 浏览: 268803 次
- 性别:
- 来自: 北京
-
最新评论
-
haixin3036：
jQuery是一套跨浏览器的JavaScript库，简化HTM ...
jquery sizzle 选择器浅析 -
panshunchang：
非常感谢分享，正找这东西呢。
基于jQuery的QQ表情插件 -
yuur369：
不错。。。
移动端webapp开发必备知识
文章列表
这个插件可以用来检测和恢复在jQuery1.9版本中已删除或已过时的API，比如常用的live方法
https://github.com/jquery/jquery-migrate/
测试页面：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xht ...
Codiqa，https://codiqa.com 简单试用了一下，强大，太强大了，百度APP平台的体验跟它比起来简直是就是渣了。
你可以通过简单的拖拽来实现页面的布局，点击TEST查看效果，点击Inspect Code来生成代码。之后简单修改一下，一个移动WEB APP就诞生了。
这种思路是在一个国外的网站上发现的，设计者在网站中使用了很多小图标，但是并没有使用CSS-Sprite技术，而是使用了另外一种特殊的办法。那就是css3的font-face技术载入了一个自己做的字体文件，在需要显示的地方直接打上调用的字符。
这种办法只适用于大量纯色，至于数量貌似没有上限，a-z+0-9+符号就够用了，狠一点，插入中文，动辄几千个单位…
font-face图标 VS CSS-Sprite图标
@charset "utf-8";
html {
margin:0;
padding:0;
border:0
}
.bp-reset-element,body,h1,h2,h3,h4,h5,h6,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,blockquote,q,th,td,caption,table,div,span,object,iframe,
Android如何区分app原生和webview实现
- 博客分类：
- 其他
在开发Android app时，特别是强内容展现型的功能，会想在原生native实现和web实现中做选择，做这种选择的时候，难免想看看竞品或其它app类似功能是用哪种方式实现的。但是如何判断其它app是用原生控件实现还是用webview载入网页来实现呢？其实要想做到这一点不难，至少有两种办法：
一、抓包
这是比较原始，也是比较容易想到的，打开相应界面，抓取数据包看看，如果有url是返回比较完整的html代码，那基本就是webview来实现的了。
二、利用系统开发人员工具
抓包的方法还是太麻烦，很多系统有更高级的开发人员工具功能，一般在设置里可以找到，有些手机可能需要特殊的操作才能打开开 ...
除了BODY和HTML的滚动条,在触屏下几乎所有浏览器都不支持DIV的滚动条(说几乎是因为新版的IOS已经支持)
这个应该算是完美解决方案了,需要注意的是setTimeout,必须要在内部的HTML解析完毕,JS获取它的高度不会出错的时候才可以执行,一般来说100毫秒差不多了.如果内部是个大图片,且高度不固定的时候,倒计时要久一点.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewpor ...
前端已经被玩儿坏了！像console.log()可以向控制台输出图片等炫酷的玩意已经不是什么新闻了，像用||操作符给变量赋默认值也是人尽皆知的旧闻了，今天看到Quora上一个帖子，瞬间又GET了好多前端技能，一些属于技巧，一些则是闻所未闻的冷知识，一时间还消化不过来。现分类整理出来分享给大家，也补充了一些平时的积累和扩展了一些内容。
HTML篇浏览器地址栏运行JavaScript代码
这个很多人应该还是知道的，在浏览器地址栏可以直接运行JavaScript代码，做法是以javascript:开头后跟要执行的语句。比如：
javascript:alert('hello from addre ...
当前在互联网上，任何一个稍微复杂的网站或者应用程序都会包含许多HTML、CSS和JavaScript。随着互联网运用的发展以及我们对它的依赖性日益增加，设定一个关于组织和维护你的前端代码的计划是绝对需要的。
当今的 ...
设置双核浏览器的浏览模式
- 博客分类：
- css
如果访问的页面中有 CSS3 代码，双核浏览器会自动切换到 Webkit 内核吗？http://www.zhihu.com/question/20094625我的第一反应是：不会。目前我知道IE可以设置浏览模式：
或许你已经习惯了console.log()来调试js，非常好用，但是今天微博看到console.table()调试javascript，和console.log()类似，主要区别在于:
主要用来输出对象和数组;
更加直接的可视化，以表格形式展现;
可以单独输出某个或某几个属性；
详情点击：http://www.mariusschulz.com/2013/11/13/advanced-javascript-debugging-with-consoletable
iOS下无法正常渲染按钮的问题
- 博客分类：
- css
最近做移动端的页面，碰到了一个问题，就是css无法定义按钮样式，包括input :submit,:button及button标签等，如图，左边是设计稿，右边是iOS下显示的效果；stackoverflow搜索了一下，http://stackoverflow.com/questions/5438567/css-submit-button-weird-rendering-on-ipad-iphone，找到了解决方案，就是在按钮元素上加个样式：
禁止横竖屏时内容自动调整
- 博客分类：
- css
iOS下当竖屏转向横屏的时候，发现内容字体会自动变大，通过各种方法设置字体大小都失败了
如上图所示，很明显当手机由竖屏转向横屏的时内容中的文字自动变大，跟你自己设置的大小无关。
网上搜索了一下：发现有个text-size-adjust属性，具体文档请查看：
https://developer.apple.com/library/ios/DOCUMENTATION/AppleApplications/Reference/SafariWebContent/AdjustingtheTextSize/AdjustingtheTextSize.html
https://developer ...
JS对象复制
- 博客分类：
- javascript
在JavaScript很多人复制一个对象的时候都是直接用"="，因为大家都觉得脚本语言是没有指针、引用、地址之类的，所以直接用"="就可以把一个对象复制给另外一个对象，如下代码：代码１ var i1 = 1; var i2 = i1; ...
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="author" content="ini.iteye.com" /> <title>jQuery反向排序(倒序)子对象</title><style type="text/css">*{ma ...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><script type=" ...