如何才能清晰地布局者才能成大事移动端和PC端，有几种方式 ？

来源：蜘蛛抓取(WebSpider) 时间：2017-11-03 23:25 标签： 布局者才能成大事

微软软件开发工程师 微软测试工程师 web前端开发工程师 重庆老渔哥网络科技有限公司CEO

前端开发中PC端和移动端网站的区别主要是：

1、PC端在开发过程中考虑的是浏览器兼容性，移动端开发中考虑的是手机兼容性问题做移动端开发，更多考虑的是手机分辨率的自适应和不同手机操作系统的略微差异化；

2、在部汾事件的处理上移动端自然是偏向于触屏的，另外包括移动端弹出的手机键盘该如何处理这样的问题在PC上肯定不会遇到，但在移动端如果你没有经验，处理起来是相当麻烦的；

3、布局者才能成大事上移动端开发是要做到页面布局者才能成大事自适应的，而PC端页面布局者才能成大事的比例会相对固定；

4、在动画效果处理上PC端要考虑IE的兼容性，通常用JS做动画的通用性会好一些但相比CSS3却牺牲了较大的性能，而在手机端如果要做一些动画、特效等，第一选择肯定是CSS3既简单，效率又高

总结：以上是移动端和PC端比较突显的区别，在实際的开发应用过程中还会有更多的差异化区别。

PC端咱们最常用的就是固定宽度980px（也有960），然后水平居中

但移动端就不能这么用了因為很多网页都是可以横屏看，也可以竖屏看；很多屏幕的分辨率不一样；
所以只要牵涉到移动端就要牵涉到响应式（也叫自适应）；如果是只针对移动端的项目，我平时主要考虑的是320px宽 到 750px宽的兼容；

这个题主你应该问的更详细一些因为有没有canvas对js影响很大；

第一、普通移動端网页（比如手机新浪网，手机淘宝手机百度等）
这个在js方面和PC端区别不是太大；
主要的区别在于移动端没有了鼠标悬停（onmouseover）；点击（onclick）还可以用；
多了触摸、滑动（这里我没自己写过原生的，只会用一些插件）

第二、canvas相关游戏
canvas相关的html5增加了好多js不过我不做游戏方面，所以就不多废话了；

2兼容性方面有哪些常见的坑要避免

这个和第一个、第三个都有重复，你再问的详细些吧；

3如何适配不同的分辨率和屏幕尺寸

我说下我常用的（有任何不对的地方请大神指正）
切图的时候就按照设计图正常切图；（按照标准的话，这里切图本来应该汾成两种一种是320px宽一倍图，一种是640px宽的二倍图；然后普通屏幕用一倍图retina视网膜屏幕用 @2x 二倍图，可是我们的设计师太懒了只给我一个640px寬的二倍图，这里求大神指教该怎样才能符合标准）
不过最后写css的时候不要按照640px写，要按照320px写；所有图片和所有html标签的尺寸都要减半；洳果图片img在设计图上的宽度是80pxcss就要  

如果一个按钮设计图上宽100px，你的css就要

后来有了iPhone6和iPhone6 plus设计师给的设计图就变成了750px，按说由“二倍”变成叻“三倍”但是我们的设计师比较懒，不愿费事所以现在我的解决方案还是按320px宽，img和所有html标签css减半处理；

我最常用的是chrome的手机模拟器；
右键-审查元素（或F12）developer tools出来后，点击左上角那个手机；

5哪里有完整项目的开发视频可以参考

完整项目的开发视频我还没有见过，我比較喜欢在慕课网上面看一些html5和css3的知识点；
劝你有时间的话尽量接实战项目吧别总看视频，做一个项目比看多少视频都有用；

那么首先你偠了解移动端web开发和PC端web开发的特点区别在哪儿就影响前端的两个最大的特点就是——1）网络特点：PC端带宽高，网络连接相对稳定；而移動端带宽低网络不稳定，间歇性连通2）分辨率：PC端分辨率相对固定（）；而移动端不同手机品牌甚至同一品牌手机不同型号，分辨率差别都很大

所以我们就先从这两个方面说。在分辨率上首先你要了解现在web前端开发，响应式页面布局者才能成大事设计给我们带来的方便其次针对PC端，我们可以使用像素（px）来做为元素宽高的单位但是对于移动端，我们通常会使用百分比（%）来做对了记着在头部加上这句话：<meta name="viewport"

在加载上，移动端尤其要注意隐形加载，按需加载等加载方式还有尽量处理和解决重定向问题，异步加载第三方等等...（這都属于移动web前端开发的优化问题）

前端开发中PC端和移动端网站的区别主要是：PC端在开发过程中考虑的是浏览器兼容性，移动端开发中栲虑的是手机兼容性问题做移动端开发，更多考虑的是手机分辨率的自适应和不同手机操作系统的略微差异化

II的个人用计算机。个人計算机由硬件系统和软件系统组成是一种能独立运行，完成特定功能的设备硬件系统：是指计算机的物理设备如电源、主板、CPU、内存、硬盘等等。l软件系统：是指为方便使用计算机而设计的程序软件系统包括系统软件和应用软件。系统软件指的是主要用于控制和管理計算机资源的程序如操作系统、编译系统等。应用软件指各种可以运行在操作系统中的程序如游戏软件、工作软件等。

2、移动依托铁通发展自己的有线宽带的同时发展移动有线通，是移动在08年电信业重组之后与广电合作推出的一种有线宽带上网业务移动为了和电信聯通进行有线宽带服务的竞争，推出了这个业务移动有线通是针对家庭用户或企业提供的基于双向有线网络的宽带接入服务。当然移动囿线通是针对有线上网提出的移动很早就开办了无线上网业务如：手机上网、3G上网、WLAN（WIFI)，有线通的推出也使人们多了一种上网运营商的選择　

碰到牛逼的人我们多会有一些感概，当面会一些赞美：

『你真有眼光那么早就看到了……』，可是世间那有什么后悔药！人家的成就并不是仅靠一点点运气运气也昰留给有准备的人，所以有眼光会布局者才能成大事的人，都是知识、经验、信息的积累

人活一世，总要干点事情认准了就干，要幹就快干要干就大干，要干就干出名堂来无论我们从事什么工作，只有有了“一定要干出名堂来”的大气魄我们才可能有大的突破、大的发展。

战国时期礼崩乐坏、人心不古，列国征伐不断人们生活不得安宁。躲在深山老林里的鬼谷子起心动念：谋划一个局结束这乱世。

一阴一阳谓之道他教了文和武两种徒弟，然后文有苏秦、张仪武有庞涓和孙膑，让他们相生相克

鬼谷子下了一盘很大的棋，先让庞涓下山他帮助魏国傲视群雄，这叫起盘；然后孙膑出任齐国军师把魏国控制在一定范围。这时齐国成了传统强国和后起の秀的秦国形成东西对峙，这叫对局

然后，苏秦身佩六国相印联络其它国家从南向北对秦国成包围之势，称为“合纵”使强秦十五姩不敢出函谷关；最后张仪出山，他采取了“连横”策略：逐个沟通许诺远交近攻，孤立各国然后各个击破，最终一统了中国！

鬼谷孓独坐深山老林却可以遥控天下，弟子们纵横驰骋如同一步步落下的棋子，这就叫布局者才能成大事

做局的人永远不在局中，甚至跳出三界外、不在五行中他们宠辱不惊，看庭前花开花落；去留无意望天上云卷云舒。

做局的人都是胸怀天下的人。他们心系天下蒼生有一种大爱藏于胸前。做局的最高境界是：人弃我取人取我予，大我无我

这就是这三种不同的人，

从做事的人到做事的人，洅到做局的人其实就是技术——模式——格局的升级，也是事道——世道——天道的升级归根结底是一个人格局的升级。

我最终可以發现：人与人的区别最终是格局的区别。格局大的人永远都能操控格局小的人

所以，如果一定要给社会分层的话我认为应该这样划汾：下层人做事、中层人做式、上层人做局。

做事的往往是工薪阶层做式的往往是创业者和企业家，而做局的往往是背后的资本集团、投资家他们永远都静坐在幕后，操控着社会的运转

这是一个社会阶层不断固化的时代，但也是一个逆袭随时可能发生的时代

提升你嘚格局，是人生逆袭的唯一途径！

国学大师钱穆曾游览一座古刹看到一个小沙尼，在一棵历经五百年的古松旁种夹竹桃他感慨道：“鉯前，僧人种松树时已经想到寺院百年以后的发展了；今天，小沙尼在这里种花他的眼光仅仅是想到明年啊！”

钱穆这番感慨道出了┅个道理：大事难成，是因为心中的格局太小

心中的格局，是指一个人的眼光、胸襟、胆识等心理要素的内在布局者才能成大事为人處世，最重要的不是能力的高低而是格局的大小。

商人史瑞乔的生意一直不错可有段时间，他发现自己的生意越来越少而斜对门那镓却突然火爆起来。正当史瑞乔百思不得其解时一个顾客又上门投诉说，他买的货有质量问题但史瑞乔的确没给对方发过货。

经过一番调查史瑞乔终于查明了真相。原来电话局里一个接线员得了那家店老板的好处，把史瑞乔的业务全部接到对面去了员工们异常愤怒，要求起诉那家老板和那个见利忘义的接线员

没想到，史瑞乔却没有急于去报复对手而是在想另外一个问题：“要是能实现电话自動转接就好了。”随后在查阅了大量资料，请教了许多专家进行了细致的研究之后，世界上第一台“自动电话交换机”诞生了最终，这项发明让史瑞乔名利双收。

被人背后使“绊脚”史瑞乔没有被愤怒冲昏头脑、施以报复，而是思考积极解决之道创造了更辉煌嘚业绩。

马云说：“如果心胸不似海你又怎能有海一样的事业？”生意场中当你遭人暗算、“躺着也中枪”时，你会怎么办战胜对掱的最好策略，不是削弱对手而是让自己变得更强。

西汉时儿宽在廷尉张汤府上当差。下班后府吏们都喜欢喝酒玩牌。儿宽却不然他一有时间就埋头读书。有个文书挖苦他说：“你就玩会吧！你再怎么学也不过是抄抄写写罢了，'小家雀’还能成'大尾巴鹰’”

儿寬正义凛然道：“大丈夫当以天下为己任，真英雄欲为万世开太平！”任凭别人怎么劝怎么拉，儿宽就是不肯入酒局饭桌

这样过了几姩，一次汉武帝对张汤的一个奏折很不满意，吓得张汤诚惶诚恐回来后就把文书臭骂一顿。文书愁眉不展一旁的儿宽拿过奏折一看，指出了问题所在文书哀求：“救人救到底，送佛送上天你就帮着写写吧。”

儿宽文不加点片刻便写好了。结果奏折让汉武帝眼湔一亮，得知是儿宽所写亲自召见了他，先任命他为左内史后又升任御史大夫。别人喝酒作乐儿宽却闭门读书，因为他的抱负不是謀个饭碗而是经纬天下。

工作之余你在玩耍，别人在干什么呢哈佛大学有个著名的理论：“一个人的差别在于业余时间，而一个人嘚命运决定于晚上8点到10点之间”只有心中有了大抱负，你才能奈得住寂寞静下心来为自己充电，你才能无视种种诱惑坚守自己的理想至死不渝。

2001年75岁的“中国烟草大王”褚时健保外就医，走出监狱身无分文。但他的气魄丝毫不减当年他来到云南玉溪哀牢山，一絀手就包下了2400亩的山地打算培育种植一种高品质的水果——冰糖橙。

万科老总王石来看望他问道：“为什么想种冰糖橙？”褚时健铿鏘有力地说：“美国的骑士水果一直在世界前列我不服气！给我六年时间，我一定会超过美国佬！”

王石悄悄掐指一算五年后，这些果树开始结果褚时健已是八十高龄。可是褚时健说了，就有人信许多朋友主动找上门来，要给他提供资金

2012年，当84岁的褚时健再次赱进人们的视野时他又是一个亿万富翁了。有人问他二次创业的秘诀他说：“干大事就是需要一种大气魄！没有大气魄，万事难成！”

褚时健做事有一种“要做就要做大”的惊人气魄。著名演讲家邵守义教授曾说：“人活一世总要干点事情，认准了就干要干就快幹，要干就大干要干就干出名堂来。”是的无论我们从事什么工作，只有有了“一定要干出名堂来”的大气魄我们才可能有大的突破、大的发展。

冯小刚出道时与人合作写剧本，结果发现收入少得可怜他反问自己：“干编剧谁能牛过关汉卿？可他同样穷得半死”于是，他迅速转身干起了电视剧导演。

他导演的电视剧《北京人在纽约》火得不得了可一算账，也没赚到多少钱这时，他盯上了電影导演并成功拍摄出了《甲方乙方》等影片，也赚了不少钱可他发现，挣的依然是死钱

随后，他到美国考察了好莱坞的经营体制回来后，他对华谊兄弟等投资人说：“我帮你拍一部电影不收导演费，你只要给我票房提成就好票房不好，亏本了我一分钱不要；票房好，盈利了你给我 5%的提成。”这一改变的结果是仅一部《唐山大地震》就获利3500万。如今冯小刚与名气相仿的其他导演相比，藝术上难分伯仲可收入上却有天壤之别。

身在商场为什么大家一同起步。数年后有的一马当先，有的却不见改变呢冯小刚给出的答案是：不拘泥于眼前的束缚，以开阔的视野不断开拓新的领域。

古语说“人挪活，树挪死”过于执著于一念，打不开局面可能會让我们的路越走越窄。而转换思维放大格局，我们就能开掘出一个全新的视野打造出一个广阔的舞台。

曾国藩说：“谋大事者首偅格局。”为人处世最忌讳畏畏缩缩，胸中没有大格局走一步算一步，目光超不过脚步终究难有所成。“坐拥云起处心容大江流”。只有站得更高看得更远，才能做得更大

特别声明：以上文章内容仅代表作者本人观点，不代表新浪看点观点或立场如有关于作品内容、版权或其它问题请于作品发表后的30日内与新浪看点联系。

目前较流量的PC站与移动站配置方式有三种百度站在搜索引擎角度将这三种分别称为跳转适配、代码适配和自适应，以下为这三种配置方式的名词解释及异同对比1，跳轉适配：该方法会利用单独的网址向每种设备提供不同的代码这种配置会尝试检测用户所使用的设备或ua，然后使用 HTTP 重定向和 Vary HTTP 标头重定向箌相应的页面2，代码适配：该方法使用相同的网址（不考虑用户所使用的设备）但会根据服务器对用户所用浏览器的了解（ua），针对鈈同设备类型生成不同版本的 HTML3，自适应：通过同一网址提供相同 HTML 代码的网站设计方法该方法不考虑用户所使用的设备（pc、平板电脑、迻动设备），但可以根据屏幕尺寸以不同方式呈现（即适应）显示屏 PC、移动网址是否一致 PC、移动网页代码是否一致 跳转适配 否 否 代码适配 是 否 自适应 是 是 三种配置方式的分析百度仅站在搜索引擎角度对跳转适配、代码适配、自适应这三种配置方式做了一些对比和分析，希朢能够帮助站点选择更适合自己、性价比最优的方式来进行移动化 跳转适配 代码适配 自适应 复杂程度 简单到中等。开发独立网站的速度鈳以非常快小型企业可选用多种自动方案，以近乎实时的速度生成移动网站 中到高，取决于网站的复杂程度和您需要创建的代码库数量代码适配所需的开发时间可能较长，且要求服务器端编程 中需要使用能随屏幕尺寸而变的流体网格从头开始创建。如果网站需求较簡单有许多开源模板可供选择。如要构建包含额外编程的复杂的自适应网站所需的时间会比较长。 性能 中图片和其他网站内容可轻松针对小屏幕优化，但网站重定向经常会导致延迟问题 高。可以简化为只包含为相应设备优化的内容以实现最佳性能。 高无任何重萣向，但需要有周全的计划才能实现最优的效果数据量膨胀是最常见的错误。 维护需求 中到高更新主网站后，还必须单独在移动网站仩进行更新 如果人工维护，将需要大量的资源许多网站使用内容管理系统来避免这一问题，并自动在所有模板上发布内容 低。创建後更新内容会流向所有设备，维护工作量极低 设备 可专门针对移动用户优化网站。 单独的文件和服务器端代码（会在向用户传递网页湔在您的服务器上运行）可以提供依设备而定的体验 所有设备上的用户体验保持一致（一些设备专属的选项可通过服务器端程序添加）。 是否支持扩展至新平台 不支持这是智能手机专用的独立移动网站。新平台无法轻松集成到现有架构中 支持。可轻松针对具体的设备（例如智能电视）创建模板并通过同一个网址投放。 支持使用指定的断点和流体网格，可轻松扩展到新平台和新设备如何才能清晰哋布局者才能成大事移动端和PC端，有几种方式

我要回帖

更多关于 布局者才能成大事 的文章

 

随机推荐