李俊良
- 浏览: 141660 次
- 性别:
- 来自: 北京
-
最新评论
-
46311875：
SB。 搞得那么复杂。哈哈
html5单页面应用程序之历史记录控制 -
李俊良：
正准备处理移动版本的兼容，貌似移动端的用纯web做的比较少
瀑布流网站记录 -
wolf199103：
花瓣网：http://huaban.com/鼻祖Pintere ...
瀑布流网站记录 -
firstfall：
BuN_Ny 写道最近很不喜欢这种只贴代码的帖子。总觉得是想表 ...
前端js也能写算法 -
Sky_YiBai：
楼主，可不可以把帖子重新编辑下，别光写代码呢。。。写点思路之类 ...
前端js也能写算法
文章列表
移动开发的一些关键字记录
1.rem 字体大小单位，会按照上级节点的大小来自适应字体大小
2.phantomjs 用来做抓取的nodejs模块
3.ASNI颜色，console命令行的颜色控制
4.adb调试，ios6.0以上用safari进行调试
本来用的是forever来处理守护进程的问题
但是过程中发现forever对于mysql数据库连接中断的情况处理不好
所以只能效仿其他语言的守护进程模式，感觉挺方便的
源码如下
var spawn = require('child_process').spawn,
server = null;
function startServer(){
console.log('restart server');
server = spawn('node',['app.js']);
console.log('node js pid is ...
var fs = require("fs");
fs.readFile("page.htm",function(err,data){
var str = data.toString();
var matchs = str.match(/&#[0-9]{5};/gm);
for(var i = 0 ; i < matchs.length ; i++){
var ma = matchs[i];
var a = ma.replace(& ...
function circleNumber(n){
var re = [];
/**
1表示右
2表示下
3表示左
4表示上
*/
var currentPos = 1;
/**定义初始1的xy坐标*/
var xy = null;
var max = n * n;
/**
生成空数组
*/
function initMap(){
for(var i= 0 ; i < n ; i++){
var tmp = [];
for(var j = 0 ; j < n ; j++ ){
...
1、iscroll页面初始化闪烁，只是会在iphone4上面出现
页面内容比较少的情况下不会出现
2、点击事件click还是触击touchstart？touchstart响应速度快，还有很多用来模拟click，用touchstart来模拟，但是不完全是touchstart，个人认为，最好的方式是主动地处理哪些地方可以直接用touchstart，不能用的地方，还是用click就行
3、点击穿透，这个问题到现在也没搞明白，多个div同层级的层，最上层的，也是index值最大的，并且display为block，而其他层的display为none，点击最上面的div，居然会激发下层的 ...
假设设置一个全局的样式
*{
-webkit-backface-visibility: hidden;
}
这个是带css3效果的一个样式
会发生什么问题呢？
当你的dom节点动态不断增加的时候
会导致内存占用过大
在ios系统中，特别是低级的itouch，高级的ios设备上需要更多的节点才会导致应用程序退出
所以css3样式用的时候要注意
千万注意选择的元素的数量，数量大，占用内存多
性能会有很大的影响
appendChild方法会改变node的parentNode
看下面的一个例子
function insertBefore(html,targetElement,callback)
{
var pNode = targetElement.parentNode;
var temp = document.createElement("div");
temp.innerHTML = html;
var frag = document.createDocumentFragment();
(function(){
if(temp.first ...
window.addEventListener("hashchange",function(){
var hash = window.location.hash.replace("#","");
var sp = hash.split("~");
console.log("current router is ",sp,hash);
var controller = sp[0] || "home";
if(sp.length == 2){
var ...
【转】yii 分页功能详解
Yii 是利用CPagination来实现//在 Controller（控制器） 中的代码public function actionIndex(){$criteria = new CDbCriteria();$criteria->order = ' 数据库字段 desc'; //按什么字段来排序$count = Article::model()->count('$criteria');//count() 函数计算数组中的单元数目或对象中的属性个数。$pager = new CPagination('$count');$pager -> ...
在andriond手机上面
chrome手机pushState方法后取不到state对象
解决方法是同时使用pushState和window.history.state赋值来解决
-webkit-tap-highlight-color 当设置为transparent或者rgba(0,0,0,0)时，点击任何可点击元素的时候不会显示高亮
-webkit-touch-callout 当设置为none可以防止用户保持复制图片，也不会弹出其他的复制层
setTimeout(scrollTo,0,0,0);可以去除iO ...
<!doctype html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta id="viewport" name="viewport" content="width=device-width,initial-scale=0.5,maximum-scale=0.5,user-scalable=no"/>
<meta na ...
如果你是一名前端er,又想在移动设备上开发出自己的应用，那怎么实现呢？幸好，webkit内核的浏览器能帮助我们完成这一切。接触 webkit webApp的开发已经有一段时间了，现把一些技巧分享给大家 ：
1. viewport：也就是可视区域。对于桌面浏览器，我们都很清楚viewport是什么，就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域，这是真正有效的区域。由于移动设备屏幕宽度不同于传统web,因此我们需要改变viewport;
实际上我们可以操作的属性有4 个：
context.beginPath();context.moveTo(200,200);context.lineTo(250,150);context.lineTo(300,200);context.lineTo(250,250);context.lineTo(200,200);context.closePath();context.fill()
context.beginPath();context.moveTo(150,200);context.lineTo(250,100);context.lineTo(350,200);context.lineTo(250,300);cont ...