移动wabAPP 开发 viewport 注意事项】的更多相关文章

我们在开发移动设备的网站时,最常见的的一个动作就是把下面这个东西复制到我们的head标签中: <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> http://wenzhixin.net.cn/2014/08/01/viewport_mobile ----游戏UI编辑器设计的UI宽度都是固定的h…
1.C#跨平台物联网通讯框架ServerSuperIO(SSIO)介绍 <连载 | 物联网框架ServerSuperIO教程>1.4种通讯模式机制. <连载 | 物联网框架ServerSuperIO教程>2.服务实例的配置参数说明 <连载 | 物联网框架ServerSuperIO教程>- 3.设备驱动介绍 <连载 | 物联网框架ServerSuperIO教程>-4.如开发一套设备驱动,同时支持串口和网络通讯. 目       录 5. 轮询通讯模型开发及注意…
1.C#跨平台物联网通讯框架ServerSuperIO(SSIO)介绍 <连载 | 物联网框架ServerSuperIO教程>1.4种通讯模式机制. <连载 | 物联网框架ServerSuperIO教程>2.服务实例的配置参数说明 <连载 | 物联网框架ServerSuperIO教程>- 3.设备驱动介绍 <连载 | 物联网框架ServerSuperIO教程>-4.如开发一套设备驱动,同时支持串口和网络通讯. <连载 | 物联网框架ServerSupe…
1.C#跨平台物联网通讯框架ServerSuperIO(SSIO)介绍 <连载 | 物联网框架ServerSuperIO教程>1.4种通讯模式机制. <连载 | 物联网框架ServerSuperIO教程>2.服务实例的配置参数说明 <连载 | 物联网框架ServerSuperIO教程>- 3.设备驱动介绍 <连载 | 物联网框架ServerSuperIO教程>-4.如开发一套设备驱动,同时支持串口和网络通讯. <连载 | 物联网框架ServerSupe…
1.C#跨平台物联网通讯框架ServerSuperIO(SSIO)介绍 <连载 | 物联网框架ServerSuperIO教程>1.4种通讯模式机制. <连载 | 物联网框架ServerSuperIO教程>2.服务实例的配置参数说明 <连载 | 物联网框架ServerSuperIO教程>- 3.设备驱动介绍 <连载 | 物联网框架ServerSuperIO教程>-4.如开发一套设备驱动,同时支持串口和网络通讯. <连载 | 物联网框架ServerSupe…
Go 程序开发的注意事项    1) Go 源文件以 "go" 为扩展名.    2) Go 应用程序的执行入口是 main()函数. 这个是和其它编程语言(比如 java/c)    3) Go 语言严格区分大小写.    4) Go 方法由一条条语句构成,每个语句后不需要分号(Go 语言会在每行后自动加分号),这也体现出 Golang 的简洁性.    5) Go 编译器是一行行进行编译的,因此我们一行就写一条语句,不能把多条语句写在同一个,否则报错    6) go 语言定义的变…
我们见过很多创业者,栽在这app外包上.很多创业者对于app外包这件事情不是特别重视,以为将事情交给app外包公司就完事了,实际上不是的.无论是从选择app外包公司还是签订合同.售后维护等各方面都有许多地方需要注意的.下面51开发app官网(外包潜规则揭秘网)将创业者在 app开发外包上容易犯的错误一一列举出来. ◆ 以为开发一个app软件和简单,自己需求不明确就开始让app外包公司开发了,若你找的app外包公司是不负责任的,那么你悲剧就开始了 ◆ 在需求没有明确之前急着要报价.这是一个常见的错…
一.viewport的概念   移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域,就是浏览器上用来显示网页的那部分区域,但viewport不局限于浏览器可视区域 的大小,它可能比浏览器的可视区域要大,也可能比浏览器的可视区域要小.   在默认情况下,移动设备上的viewport都是要大于浏览器可视区域的,这是因为考虑到移动设备的分辨率相对于桌面电脑来说都比较小,所以为了能在移动设备上正常显示那些传统的为桌面浏览器设计的网站,移动设备上的浏览器都会把自己默认的viewp…
三种 viewport layout viewport:文档流的 css 宽度,是一个静态的值,使用 document.documentElement.clientWidth 获取,在meta中是 width 设置的值 visual viewport:当前可视区的显示的 css 宽度,为文档流现在在屏幕可视区显示出来的宽度,可以使用 window.innerWidth 来获取 ideal viewport:移动设备的理想viewport,不同的设备拥有有不同的ideal viewport.所有的…
在智能手机横行的时代,作为一个web前端,不会编写移动web界面,的确是件悲催的事情.当公司准备做一个微信的微网站时,作为一个多年经验的web前端码农,我迷茫了,真心不知道从何下手. 接下来就是搜一堆教程,然后开始编写代码,三天后,我的第一个移动端web页面编写完成. 回头想想,移动端的web页面代码编写远没有我想的那样复杂(可能是我做的这个项目比较简单的缘故).但是就入门来说,其实是蛮简单的,我把他总结为一下几个方面:特殊的meta标签/百分百比布局宽度/rem设置字体大小/css3的使用.…
1. 安装GO 安装go语言包: $ curl -O https://storage.googleapis.com/golang/go1.10.1.linux-amd64.tar.gz   下载完成后,解压至/usr/local 目录下: $ sudo tar -C /usr/local -xzf go1.10.1.linux-amd64.tar.gz 2. 配置go语言环境变量 进入.bashrc 配置环境变量: $ sudo vim ~/.bashrc 或者是: $ sudo vim /et…
1. 引擎或模块问题:遇到应用层无法解决的问题,如果能确定需要引擎和模块支持的,不要自己想办法绕过去,要第一时间在开发者社区提交问题,或找APICloud项目经理提出. !!!注意!!!: 在开发者社区中,会有版主和APICloud技术支持对您的问题进行验证和解答. !!!注意!!!: 定制平台项目问题提出后2天之内没有解决的,可以直接找APICloud项目总监投诉. 2. 开发工具:推荐使用Sublime Text+APICloud插件,调试工具使用自定义Loader,真机同步使用WiFi真机…
在智能手机横行的时代,作为一个web前端,不会编写移动web界面,的确是件悲催的事情.当公司准备做一个微信的微网站时,作为一个多年经验的web前端码农,我迷茫了,真心不知道从何下手. 接下来就是搜一堆教程,然后开始编写代码,三天后,我的第一个移动端web页面编写完成. 回头想想,移动端的web页面代码编写远没有我想的那样复杂(可能是我做的这个项目比较简单的缘故).但是就入门来说,其实是蛮简单的,我把他总结为一下几个方面:特殊的meta标签/百分百比布局宽度/rem设置字体大小/css3的使用.…
备注 几乎没有做过 C/S 方面的开发(有 RIA 方面的开发经验),此文纯属个人胡思乱想,写下来是希望朋友们多给点意见. C/S 开发注意事项 C/S 开发需要注意如下几点: 采用何种模式组织 UI 代码?如:MVC.MVP.MVVM 和 PM等. 采用何种开源框架简化开发? 采用何种第三方组件库简化开发? 是否采用 Ioc 管理 UI 对象的创建? 如何全局支持脏跟踪和撤销? 如何提供统一的按钮事件处理逻辑?如:异步执行.执行期间的界面遮罩.执行失败的提醒和执行成功的提醒. 如何复用 UI…
1. APP外包的流程是怎样的? 一般外包的项目都需要经常这几个流程: 1)需求沟通:双方沟通项目的需求,对项目的可行性进行分析 2)工作量评估:在确认了项目的需求后,外包团队对项目的价钱和进度进行评估,并提供一份详细的报价表及项目进度文档,确认开发进度及时间安排 3)签署NDA与项目合同:双方在项目报价和开发时间上如果达成统一意见,则正式签署项目合同,之后项目将正式启动 4)设计,研发,测试,上线:根据最终确认的设计方案,对整个项目进行产品原型,视觉图的设计,研发,测试,验收,最终发布上线 5…
首先要知道,在移动开发中,手机的浏览器会默认网页是为宽屏而设计的,它会缩小整个页面来适应屏幕. 1. 不使用viewport出现的问题 提到响应式设计,大家首先想到的可能是 Bootstrap , @media . @media(媒体查询)是CSS3的属性,利用它可以在不依赖其他库的情况下实现响应式设计.示例代码如下: @media screen and (min-width: 960px) { body { background-color: blue; } } @media screen a…
从事java web开发也有几年了,可是开发中的安全问题却越来越不以为然.直到不久遇到一黑软,瞬间sql注入,少时攻破网站数据库.还好,我还没有用root级的用户连接数据库.不过也没有什么用了,因为我的懈怠用户表的帐号密码没有加密.对方可以很容易的进入网站后台为所欲为了.更让我郁闷的是文件上传我没做类型限制,唉,不用说了上传一个webshell文件.可怜的服务器成了赤裸羔羊.回过头来痛定思痛,决定重新规范web开发的安全标准,总结如下. 1.绝对绝对绝对要采用预处理的方式来进行sql操作,如果实…
1. 微信开发 新浪SAE开发平台 验证Token 一直失败? 这个问题困扰了一个又一个的微信学习者,现在百度到的答案有:在echo $echoStr;之前添加header('content-type:text');一句这个就可以验证成功了.好多人得了这个方法,从此脱离了苦海. 可惜,对我的情况无效. 后来我本地打包了一下,上传上去,就好了.…
在Windows上面32位与64位的区别有: 1.指针大小的区别,sizeof(int *)在32bit下面是4个字节,在64bit下面是8个字节 2.size_t的区别,size_t在32bit下面是4个字节的范围,在64bit下面是8个字节的范围 3.地址空间的区别,在32bit下面,最大地址空间是4GB,在64bit下面是可以大于4GB的 4.32位程序在64位Windows上运行,是有一个Wow64子系统辅助其运行的,默认情况下,访问注册表和某些文件夹是被重定向的 5.指针的区别也意味着…
窗口间通信的问题 electron窗口通信比nwjs要麻烦的多 electron分主进程和渲染进程,渲染进程又分主窗口的渲染进程和子窗口的渲染进程 主窗口的渲染进程给子窗口的渲染进程发消息 subWin.webContents.on('dom-ready', () => {     subWin.webContents.send('message', {         title: self.$root.a[self.$root.aIndex].title,         content: …
手机浏览器默认做了2件事情: 一.页面渲染在一个980px(ios,安卓可能有640px或1000多不等)的viewport. 二.缩放 为什么渲染时,要有viewport? 为了排版正确(980px的viewport),再进行缩放就能看的正确. 不用980px的排版: font-size为40px等于pc上12px同等物理大小,不规范. 1.window对象有一个devicePixelRatio属性, 它的官方的定义为:设备物理像素和设备独立像素的比例 dpr,也就是 devicePixelR…
1.viewport的概念 能在移动设备上正常显示那些传统的为桌面浏览器设计的网站宽度 2.css中的1px并不等于移动设备的1px 在iphone3上,一个css像素确实是等于一个屏幕物理像素的.后来随着技术的发展,移动设备的屏幕像素密度越来越高,从iphone4开始,苹果公司便推出了所谓的Retina屏,分辨率提高了一倍,变成640x960,但屏幕尺寸却没变化,这就意味着同样大小的屏幕上,像素却多了一倍,这时,一个css像素是等于两个物理像素的. 设备物理像素和设备独立像素的比例,也就是 d…
1.viewport viewport 即设备 屏幕上显示网页的区域.因为移动设备屏幕比较小,为了能让移动设备能够显示更多内容,默认设置的viewport 并不是屏幕真是像素点的宽度,一般为980px 宽或者是其他值(不同的设备可能不一样),但带来的后果就是当网页过宽浏览器会出现横向滚动条,因为浏览器可视区域的宽度是比这个默认的viewport的宽度要小. 2.像素和物理像素 说到像素和物理像素,就得说一下DPR(devicePixelRatio) 这个词了,DPR表示屏幕 “显示像素” 与 “…
1. 修改类别文件名及类别方法. 开发SDK时通常会用到比较多的第三方的类别方法, 这样的话, 开发者在使用你的SDK时, 因为他可能也会加一些第三方的开源库, 比如都使用了NSString的md5类别文件. 由于这两个文件都是从网上下载来下的, 所以文件名是一样的. 这样在编译时就会报错. 然后就想到要去修改这个类别文件名, 等修改类别文件名后. 发现类别中的方法名是一样的, 而ios在调用两个相同方法的类别方法时, 不能确定其调用的哪个方法, 但可以肯定地是只会调用一个类别方法, 如果恰好开…
目前我的方式是按时间算. 首先这得建立在双方的信任基础上. 以我做过的Case为例: 首先会和客户一起评估需求: 1. 哪些功能是最为重要的 2. 哪些功能是可以删除的 3. 用什么策略保证APP的出色 4. 最终这个APP大概需要多少时间来完成开发 接下来就简单了,根据难度,50-150美金每小时不定.这样就能得出这个APP的开发预算. 谈定时间后就开始进行设计开发. 此时,客户首先得对我进行充分信任:1. 我有足够的能力成熟度 2. 我讲诚信,不会故意多记开发时间. 开发进程分为几个步骤:…
在安装完PIESDK进行二次开发的过程中会遇到下面几种常见的开发配置问题,就写一个文档总结一下. 1.    新建项目无PIESDK模板问题 关于新建项目时候,找不到下图中的PIEMainApplication或者PIEMapApplication模板 解决方法: 1.定位问题: 打开VS2013或其他版本,打开VS工具条选择“工具”->“选项”->“项目和解决方案” 查看划红框区域用户项目模板位置路径有没有PIEMainApplication.zip或者PIEMapApplication.z…
1.Manifest合并 在Android studio编译项目时,无论你使用了几个Module都会把所有Manifest最终合并成一个,需要我们注意的是application标签下这个几个属性引用的值. 如果多个Module有相同名字的资源,在编译时会不知道引用哪个资源而导致Manifest合并失败. 解决方法:在主 Module Manifest application 加入红色标记的部分,原理就是以当前Manifest引用的资源为准. <application android:icon=&qu…
提高python代码运行效率 1.使用生成器,节约内存.[一边循环一边计算的机制,称为生成器:generator] 例: .如何创建生成器 1.只要把一个列表生成式的[]改成(),就创建了一个generator: >>> L = [x * x for x in range(10)] >>> L [0, 1, 4, 9, 16, 25, 36, 49, 64, 81] >>> g = (x * x for x in range(10)) >>…
转自http://coolshell.cn/articles/3512.html 在http://www.viva64.com/en/l/上例出了28个在64位平台上使用C/C++开发的注意事项,对于进入64位时代的程序员应该去看看这28个事项, 相信对大家一点有帮助. Lesson 01. What 64-bit systems are. Lesson 02. Support of 32-bit applications. Lesson 03. Porting code to 64-bit s…
在http://www.viva64.com/en/l/上例出了28个在64位平台上使用C/C++开发的注意事项,对于进入64位时代的程序员应该去看看这28个事项,这些英文读物对于有C/C++功底的朋友读起来应该并不难,我估计大约20-30分钟可以精读完一篇(或者更快),下面是这28个注意事项的列表.相信对大家一点有帮助. Lesson 01. What 64-bit systems are. Lesson 02. Support of 32-bit applications. Lesson 0…