【初探移动前端开发01】惊鸿一瞥

简介:

前言

上周五老夫(自称老夫是因为叶小钗已经100多岁啦,角色代入习惯了)吃坏了肚子啦,感觉也没吃什么东西就中暑了......

纠其原因我觉得还是上周找工作太操劳了,太花费精力了,有一种情况是上午面下午面,或者下午2次面。。。面到周四时候我都有些不知道现在是面的哪家了。。。。

大家以后一次性还是不要面太多的公司了,这是个人的一点点心得。

面试题整理我本来准备写一个系列的,但是最近的面试却发现不太好整理,因为其实基础面试就那些东西,一周就整理完了,剩下的东西没法整理的,只好作罢。

但是面试是可以获取很多信息的,比如现在我们前端应该慢慢转移至移动前端了,PC移动两不误才是王道嘛。

但是不是每个前端都马上有机会接触手机端的东西的,所以我们一起来学习一点移动开发的知识吧

移动互联网

在前几年,很多大公司就在布局移动互联网,而后腾讯出了微信,QQ等一系列宝贝,阿里淘宝电商称王,百度......

到今年,HTML5在PC端支持的还算可以(抛开IE678)...在手机端的浏览器相当不错啦!

移动互联网的出现有以下原因:

① 3G出现(2-2.5G)

② 各个手持设备的使用率鲸吞着市场,我们会惊奇的发现,也许我们使用平板或者手机的时间会超过我们使用电脑!

所以,移动广告,移动搜索,移动购物,移动社交网络,移动多媒体,移动游戏接踵而至,有时候我们还没做好准备,却发现已经在用了,而且还很习惯的说。

PS:在此不得不赞同现代人的接受能力,然后上次高考结束后,我发现身边很多弟弟妹妹多出了一样智能机,虽然各不相同啦

所以,我们不得不感叹,移动互联网来临了,而且会越来越多的的侵入我们的生活。

智能手机的发展

移动互联网大战已经爆发,各个手机平板电脑都在鲸吞着市场份额,只能手机更是发展的五花八门:

WAP 1.0

2000年时,移动互联网便到来了,只不过那时候手机可能还是奢侈品吧,我记得2000年我应该还是初中吧?

当时有个小灵通都牛了,我是小县城的我们那里基本没手机,那个时候一般就是短信业务了,彩信都很少。

这个时代就是SP时代,这个时代移动互联网还未完全来临。

WAP 2.0

到2006年,智能手机得到了发展,然后我记得那时候出现了QQ这般的聊天工具,让老夫觉得不差,这就是传说中的WAP 2.0阶段

“3”G时代

完了我们就进入了传说中的3G时代了,虽说我现在网速还是不行。。。

这个阶段与之前有所不同,google、苹果各自亮出了法器,android与ios手机平台,然后整个世界跟着他们疯了,由于智能手机逐渐变得强大,甚至可以使用wifi

这个时候手机已经不再是手机了,我们叫它移动设备(电脑)比较合适了。

PS:我觉得洛基亚之所以没落可能就是因为现在我们需要的是移动设备而不是手机了吧。

移动设备的浏览器们

一个好消息就是,我们的手机端的内核基本都是Webkit(求微软不要出手机):

Android——Android Browser

ios——safari

BlackBerry——webkit浏览器

symbian s60——web browser for s60

webkit

webkit实际上是一种浏览器引擎,也是一个开源项目,chrome、safari已经内置了webkit引擎,并支持HTML5与CSS3特性

其中黑莓更是直接将webkit内置到了平台中。

基于HTML5的移动web应用

我坚信基于HTML5与CSS3和javascript的web app是将来的趋势:

① canvas

② 多媒体

③ 本地存储

④ 离线应用

⑤ 地理位置

以上的特性带给我们移动web活力,然后我们有了以下东西:

jquery mobile,森差、Touch 并且可以出现了PhoneGap神器(能打通web与native之间的通道)

后面我们都会一一学习。

结语

因为中间发生了一点点插曲,耽搁了进度,思路就给断了,这次学习暂时到这里,我们下午继续吧。

水文可能会被移除首页的。。。

您可以考虑给小钗发个小额微信红包以资鼓励 


本文转自叶小钗博客园博客,原文链接:http://www.cnblogs.com/yexiaochai/p/3179232.html,如需转载请自行联系原作者
相关文章
|
JSON 监控 前端开发
AMIS:百度开源的前端低代码神器,18.4k star 背后的开发效率提升利器
AMIS(前端低代码框架)是百度开源的低代码前端框架,基于纯 JSON 配置即可生成完整后台页面,包括表单、表格、图表、CRUD 列表,支持可视化拖拽编辑。,星标数已达 18.4k,百度内部已沉淀超过 5 万个页面,广泛应用于审核系统、数据管理后台、模型监控等落地场景
2027 0
|
人工智能 前端开发 JavaScript
前端工程化演进之路:从手工作坊到AI驱动的智能化开发
前端工程化演进之路:从手工作坊到AI驱动的智能化开发
1131 19
前端工程化演进之路:从手工作坊到AI驱动的智能化开发
|
前端开发 安全 开发工具
【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
1292 90
【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
|
JSON 自然语言处理 前端开发
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
863 72
【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
|
Dart 前端开发
【05】flutter完成注册页面完善样式bug-增加自定义可复用组件widgets-严格规划文件和目录结构-规范入口文件-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
【05】flutter完成注册页面完善样式bug-增加自定义可复用组件widgets-严格规划文件和目录结构-规范入口文件-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
664 75
【05】flutter完成注册页面完善样式bug-增加自定义可复用组件widgets-严格规划文件和目录结构-规范入口文件-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
|
存储 消息中间件 前端开发
PHP后端与uni-app前端协同的校园圈子系统:校园社交场景的跨端开发实践
校园圈子系统校园论坛小程序采用uni-app前端框架,支持多端运行,结合PHP后端(如ThinkPHP/Laravel),实现用户认证、社交关系管理、动态发布与实时聊天功能。前端通过组件化开发和uni.request与后端交互,后端提供RESTful API处理业务逻辑并存储数据于MySQL。同时引入Redis缓存热点数据,RabbitMQ处理异步任务,优化系统性能。核心功能包括JWT身份验证、好友系统、WebSocket实时聊天及活动管理,确保高效稳定的用户体验。
917 4
PHP后端与uni-app前端协同的校园圈子系统:校园社交场景的跨端开发实践
|
前端开发 Java Shell
【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
1193 20
【08】flutter完成屏幕适配-重建Android,增加GetX路由,屏幕适配,基础导航栏-多版本SDK以及gradle造成的关于fvm的使用(flutter version manage)-卓伊凡换人优雅草Alex-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
|
Dart 前端开发 容器
【07】flutter完成主页-完成底部菜单栏并且做自定义组件-完整短视频仿抖音上下滑动页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
【07】flutter完成主页-完成底部菜单栏并且做自定义组件-完整短视频仿抖音上下滑动页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
677 18
【07】flutter完成主页-完成底部菜单栏并且做自定义组件-完整短视频仿抖音上下滑动页面-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈
|
JSON 前端开发 测试技术
大前端之前端开发接口测试工具postman的使用方法-简单get接口请求测试的使用方法-简单教学一看就会-以实际例子来说明-优雅草卓伊凡
大前端之前端开发接口测试工具postman的使用方法-简单get接口请求测试的使用方法-简单教学一看就会-以实际例子来说明-优雅草卓伊凡
1365 10
大前端之前端开发接口测试工具postman的使用方法-简单get接口请求测试的使用方法-简单教学一看就会-以实际例子来说明-优雅草卓伊凡
|
前端开发 Java 开发工具
【03】完整flutter的APP打包流程-以apk设置图标-包名-签名-APP名-打包流程为例—-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈 章节内容【03】
【03】完整flutter的APP打包流程-以apk设置图标-包名-签名-APP名-打包流程为例—-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈 章节内容【03】
1838 18
【03】完整flutter的APP打包流程-以apk设置图标-包名-签名-APP名-打包流程为例—-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈 章节内容【03】

热门文章

最新文章

  • 1
    前端如何存储数据:Cookie、LocalStorage 与 SessionStorage 全面解析
    1453
  • 2
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(九):强势分析Animation动画各类参数;从播放时间、播放方式、播放次数、播放方向、播放状态等多个方面,完全了解CSS3 Animation
    718
  • 3
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(八):学习transition过渡属性;本文学习property模拟、duration过渡时间指定、delay时间延迟 等多个参数
    582
  • 4
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(七):学习ransform属性;本文学习 rotate旋转、scale缩放、skew扭曲、tanslate移动、matrix矩阵 多个参数
    585
  • 5
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(六):全方面分析css的Flex布局,从纵、横两个坐标开始进行居中、两端等元素分布模式;刨析元素间隔、排序模式等
    675
  • 6
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(五):背景属性;float浮动和position定位;详细分析相对、绝对、固定三种定位方式;使用浮动并清除浮动副作用
    855
  • 7
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(四):元素盒子模型;详细分析边框属性、盒子外边距
    1689
  • 8
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(三):元素继承关系、层叠样式规则、字体属性、文本属性;针对字体和文本作样式修改
    403
  • 9
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(二):CSS伪类:UI伪类、结构化伪类;通过伪类获得子元素的第n个元素;创建一个伪元素展示在页面中;获得最后一个元素;处理聚焦元素的样式
    1396
  • 10
    【CSS】前端三大件之一,如何学好?从基本用法开始吧!(一):CSS发展史;CSS样式表的引入;CSS选择器使用,附带案例介绍
    702