移动端的一些tip 开发相关 关于viewport <meta name="viewport" content="name=value,name=value"> // 指令 每对键值对都是一个指令,(ppk 大神的叫法)以下总计共有6对: width 设置layout viewport的宽度(css px) initial-scale 设置页面的初始缩放比例同时可以设置layout viewport的宽度 minimum-scale 设置最小缩放比例(指…

最近项目需要使用手机图表,但是找了很久都没找到专门为移动端开发的图表,只能找一些能兼容移动端的图表控件,今天就讲讲关于iChartjs这个图形库的一点问题. 问题 iChartjs的提示框tip的显示没有为移动端做调整,在移动端显示效果很差 原因 直接通过iChartjs的源码看原因,查看$.Tip这个提示框组件中的doAction: doAction:function(_){ _.T.on('mouseover',function(c,e,m){ _.show(e,m); //显示提示框 })…

其他章节请看: 前端学习 node 快速入门 系列 服务端渲染 在简易版 Apache一文中,我们用 node 做了一个简单的服务器,能提供静态资源访问的能力. 对于真正的网站,页面中的数据应该来自服务器(服务器查询数据库),我们来模拟一下.请看示例: - demo - node_modules // 安装 art-template 后自动生成 - public - lib - art-template // 将 node_modules/art-template 拷贝过来即可 - view -…

1,移动端页面 最重要的标签: <meta content="width=device-width,initial-scale=1.0,minimum-scale=1,maximum-scale=1,user-scalable=no,target-densitydpi=high-dpi]" name="viewport"> 在多数ios和android设备的浏览器都支持viewport meta元素覆盖默认的画布缩放设置.在标签中插入meta标签,设置相…

写在前面: 昨天在博客记录自己抽空写的一个Socket聊天程序的初始设计,那是这个程序的整体设计,为了完整性,今天把服务端的设计细化记录一下,首页贴出Socket聊天程序的服务端大体设计图,如下图: 功能说明: 服务端主要有两个操作,一是阻塞接收客户端的socket并做响应处理,二是检测客户端的心跳,如果客户端一段时间内没有发送心跳则移除该客户端,由Server创建ServerSocket,然后启动两个线程池去处理这两件事(newFixedThreadPool,newScheduledThrea…

这个效果是公司产品中一个用到的效果,用于展示项目的信息,废话少说,先上效果图,代码在最后:),这个组件是在上篇博客中用webpack搭建的环境中完成的http://www.cnblogs.com/wunan/p/5776117.html#3490750 (完全暴露了自己的喜好--) 组件中其实最重要的就是手势的几个事件的用法,在react中手势的事件被应用为onTouchStart,onTouchMove,onTouchEnd,通过对这几个事件的监听,完成图片随手势的移动. 先看一下dom结构…

作为一个前端,而且作为一个做移动端开发的前端,那意味着你要有三头六臂,跟iOS开发哥哥一起打酱油,跟Android开发哥哥一起修bug... Android vs Ios 我在webkit内核的chrome中进行开发的页面,拿着iPhone和安卓机来进行测试,传说中它们的浏览器内核也是WebKit,那么问题来了,同样的页面为什么在ios中和安卓中表现不同,出现了各种稀奇古怪的bug... 我尝试找下两者的根本区别: - iOS 随着2007年6月29日iPhone的上市,WebKit进入iPho…

Poshy Tip是一款非常友好的信息提示工具,它基于jQuery,当鼠标滑向链接时,会出现一个信息提示条.信息的内容直接可以在HTML里设定也可以是从服务端调用的数据,该插件还提供了很多属性和方法. Poshy Tip  网上很多例子. 有些时候  由于表单高度大于屏幕高度..就会显示不正确. 看了下源代码 在327行 var pos = {l: 0, t: 0, arrow: ''}, $win = $(window), win = { l: $win.scrollLeft(), t: $w…

有忙于它事,故延迟了,但在坚持! 1.Tip jQuery   2.给span加display: inline-block; 怎样能对齐? 解决方法:vertical-align: bottom:   3.前端组件库   4.欢拍砖的 小http 代理程序   5.字体确定或选择? 解决方法:字体寻找或ps   6.文本框输入按钮就亮,为空就是灰色的.开始是灰色的,你输入文字它会变亮,再删掉又变灰色.有判断输入框是否输入的事件,怎么实现呢? 解决方法:oninput onpropertychan…

第一个项目终于上线了,是一个叫亲青筹的公益众筹平台,微信端,电脑端还有后台界面大部分都是我完成的,几个月过来,感觉收获了很多,觉得要总结一下. 首先想到的是图片上传的问题.在通常表单数据都是ajax上传的情况下,为了上传图片而去使用form表单感觉很蠢.然后那时候也没有想到用jquery form插件. 后台的同事给的方案是用iframe里写一个form表单,然后上传图片之后自动提交表单,他将图片在服务器上的地址以跳转页url的一部分,我再来截取的方式. 方案一:iframe+form表单 <f…