文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

阿里无线11.11 之 Weex——关于移动端动态性的思考、实现和未来

什么是动态性 今天在移动端，尤其是像手机淘宝这样的 app 中，动态性问题逐渐成为一个比较棘手的问题。所谓动态性，就是把移动应用本身的灵活性、迭代更新的周期和成本优化到极致。...为什么要解决动态化的问题 动态性需求的出现有很多必然的因素：我们的移动应用背后是一个平台级甚至是生态级的电商系统，它需要有海纳百川的能力和高速流通的特点，市场上很多移动应用也有类似的客观形态和诉求；同时整个行业迄今为止在移动端的积累都还不足以对产品形态...所以动态性问题在今天的移动端显得尤其重要。 动态性问题的历史 动态性问题不只是移动端特有的，在互联网技术发展的历史长河中，桌面端也存在并经历着类似的事情。...实际上，我们觉得 RN 更像是一个全新的移动开发框架，而不是为了增强现有移动应用的动态性而生。大家希望通过 RN 解决动态性问题，是因为它在客户端引入了 JavaScript 引擎而已。...Weex的设计理念和思考过程 Weex 在我们看来已经具有非常多的特点，比如： 致力于移动端，充分调度 native 的能力 充分解决或回避性能瓶颈 灵活扩展，多端统一，优雅“降级”到 HTML5 保持较低的开发成本和学习成本

2K20
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    Pupil Labs 移动眼动追踪眼镜购买与使用指南

    而在移动场景中进行自然行为记录，Pupil Labs 提供的眼动追踪眼镜成为科研人员和开发者的热门选择。...本文从实际用户角度出发，结合项目经验，分享如何评估自身需求、购买设备、进行配置与使用，帮助有志于使用 Pupil Labs 系统的朋友少走弯路。...二、购买前的准备建议为了确保设备与研究场景匹配，以下几个步骤建议优先完成：✅ 1. 阅读官方文档访问 Pupil Labs 的 在线文档中心，深入了解产品型号、模块功能、系统要求、使用流程等关键信息。...（不支持3D相机版） 适合对自由移动需求较高的研究，如户外实验、儿童行为观察等 六、软件开发与数据处理建议 所有用户建议下载最新版本的： Pupil Capture（数据采集） Pupil Player...（回放分析） 有开发经验的用户可从 GitHub 仓库 克隆源码 新手可参考 Git 使用入门：版本控制教程 七、总结：科研友好的视线追踪解决方案Pupil Labs 的移动眼动追踪系统以其模块化设计

    63500

    移动开发实用

    font-family 中文字体使用系统默认即可，英文用Helvetica /* 移动端定义字体的代码 */ body{font-family:Helvetica;} 参考《移动端使用字体的思考》...移动端字体单位font-size选择px还是rem，对于只需要适配手机设备，使用px即可，对于需要适配各种移动设备，使用rem，例如：只需要适配iPhone和iPad等分辨率差别比较挺大的设备 rem...200-300 ms的延迟响应 移动设备上的web网页是有300ms延迟的，玩玩会造成按钮点击延迟甚至是点击失效。...造成的后果用户纯粹单击页面，页面需要过一段时间才响应，给用户慢体验感觉，对于web开发者来说 是，页面js捕获click事件的回调函数处理，需要300ms后才生效，也就间接导致影响其他业务逻辑的处理。...，可明示用户有些事情正要发生，是一个比较好体验，但是移动设备中并没有鼠标指针，使用css的hover并不能满足我们的需求，还好国外有个激活css的active效果，代码如下， <!

    9.2K30

    云上11.11｜腾讯云大数据产品双11盛惠 爆品首单1折起大回馈

    11.11云上盛惠 多款大数据产品特惠专场 腾讯云BI、 Elasticsearch Service、 流计算 Oceanus、腾讯云数据仓库 TCHouse-D、移动推送、数据湖计算 DLC 首月秒杀...4.移动推送：安全快速稳定的移动消息推送服务，支持 App 推送、应用内消息等多种消息类型，有效提升用户活跃度。...6.流计算 Oceanus：基于 Apache Flink 构建的企业级实时大数据分析平台，具备一站开发、无缝连接、亚秒延时、低廉成本、安全稳定等特点。...教你四招 玩转11.11 01 爆品秒杀 新客首月1元起尝鲜 腾讯云BI新客户首月秒杀仅1元！Elasticsearch Service、移动推送1折起秒杀！...已参与首单活动的新客户想重复购买？全都满足你！此模块新老客户均可购买！

    4.3K40

    11.11 | 移动推送BIES云数仓Doris智能数据分析,19.9元秒杀,首单2.5折起,大数据爆品速抢！

    11.11云上盛惠 多款大数据产品年终钜惠 移动推送、商业智能分析BI 智能数据分析、Elasticsearch Service 云数据仓库for Apache Doris 首月秒杀 19.9元、新客首购...教你4招 玩转11.11 01 爆品秒杀 新客首月19.9元尝鲜 “移动推送、Elasticsearch Service、云数据仓库for Apache Doris”新客户首月秒杀仅19.9元！...单产品每日仅限20名客户购买，拼手速啦！ 02 新客首单特惠 首单福利 快薅羊毛 专为产品新客户打造的首单专属福利，单产品每人限购1个。...已参与首单活动的新客户想重复购买？全都满足你！此模块新老客户均可购买！...100%中奖率 11.11活动会场订单额累计满200元、1000元、5000元，均可获得1次抽奖机会，总计3次机会，中奖率100% 速抢 扫码立即参与活动↓ 轻松处理海量数据 11.11云上盛惠

    24.5K30

    移动开发即服务，腾讯云移动开发平台打造开发新模式

    互联网“下半场”，移动App开发对于质量、效率的要求更加苛刻。传统移动开发的模式是移动开发者手动集成所需的各种移动服务，和后台服务紧耦合去打造精品移动应用。...为了更好的帮助移动开发者提升效率，腾讯云，崩溃监控bugly，移动推送信鸽，移动分析MTA，腾讯计费米大师联手打造腾讯云移动开发平台MobileLine，首推零代码集成，基于配置的云端一体化闭环开发体验...，借助腾讯在移动应用开发领域的成熟积累，帮助移动开发者低成本、快速的构建弹性、高质量的精品应用。...三、赢在起跑线，打造云端一体化开发模式 腾讯云移动开发平台MobileLine针对开发者比较普遍的需求，首先开放一些开发者需求比较迫切的移动服务，让移动开发者能够享受到腾讯在移动开发这里成熟的积累，实现云和端一体化的闭环开发体验...四、全链条、全方位的移动开发服务，让App开发者聚焦核心业务 腾讯打造移动开发生态多年，已经形成了一整套全链条、全方面的移动服务。

    15.1K80

    云上11.11 | 腾讯移动推送，1.1折秒杀，首单2.5折起，复购2.8折起，速抢！

    腾讯移动推送 快速/安全/稳定的移动消息推送服务 助力企业高效触达用户，挖掘数据潜力 是提升用户活跃/留存的必备神器 11.11特惠专场！...什么场景可以用到移动推送？...教你三招 玩转11.11 01 爆品秒杀 新客首月19.9元尝鲜 新客户首月秒杀尝鲜仅88元！ 02 新客首单优惠 首单福利 快薅羊毛 专为产品新客户打造的专属福利，首单2.5折起，每人限购1个。...已参与首单活动的新客户想重复购买？都可以！新老客户不限，2.8折起！购买的服务时长越长，优惠力度越大。...速抢 扫码立即参与活动↓ 轻松高效触达用户 11.11移动推送会场 文创/电商/游戏/金融行业都在用 日推送超500亿,用户促活超easy 关注腾讯云大数据公众号 邀您探索数据的无限可能 点击阅读原文，

    4.3K50

    移动端开发总结

    如何让我们所开发的手机页面能有更好的交互体验，就是这篇文章的主旨：移动web开发问题和优化小结。...这个只是我自己在开发的时候知道的坑，如果大家有遇到什么别的坑，欢迎补充，或者觉得我哪里写错了，欢迎指点！...1.web移动前端有哪些优化方案？...2.web移动端页面性能优化方案 3.Web前端优化最佳实践及工具集锦 4.移动前端系列——移动页面性能优化 5.Web性能优化：图片优化 16.小结 我在移动web(手机网站)上，遇到的问题，暂时就是上面这些了...如果大家在开发移动网站的时候，有遇到过什么大大小小的问题，在评论或者自己以文章方式提醒！方便让以后的避免踩坑！最后，如果大家有什么补充或者觉得我哪里写得不好，写错了！欢迎指点！

    3.5K10

    移动开发-流式布局

    移动开发-百分比布局 流失布局案例: 京东商城: 点击查看 通过盒子宽度设置百分比来根据屏幕宽度来进行伸缩，不受固定像素限制，内容向两侧填充 流式布局，就是百分比布局，也称非固定像素布局 max-width...最大宽度 – max-height 最大高度 min-width 最小宽度 – min-height 最小高度 图片 CSS初始化 normalize.css: 移动端CSS初始化推荐使用normalize.css...1CSS像素=1物理像素 多倍图: 在标准viewport设置中，使用倍图来提高图片质量，解决在高清设备中的模糊问题 通常使用二倍图， 因为iPhone6\7\8影响，还存在3倍4倍图的情况，这个看实际开发需求...background-size: 50px 50px; /*原始图片100*100px*/ 关于更多: background-size 属性 多倍图切图 cutterman: 图片 移动端主流方案:...单独制作移动端页面 (主流)，通过判断设备，如果是移动设备打开，则跳到移动端页面 响应式兼容移动端 (其次)，通过判断屏幕宽度来改变样式，以适应不同终端, 制作麻烦，需要花很大精力去调兼容性问题 移动端浏览器

    1.8K30

    移动站点开发

    作者Dino Esposito 尝试从不主要侧重于技术的角度阐述移动站点开发，是每个web开发人员必读的系列文章，文章如下： 移动站点开发：第 1 部分 标记 移动站点开发，第 2 部分：设计 移动站点开发...，第 3 部分：路由请求 移动站点开发，第 4 部分：管理设备配置文件 移动站点开发，第 5 部分：jQuery Mobile Introduction to jQuery Mobile Making...dotnetstories/archive/2012/11/13/looking-into-asp-net-mvc-4-0-mobile-development-part-2.aspx 使用ASP.NET MVC开发混合移动应用...开发 Hybrid Native 和移动 Web 应用程序 Using jQuery Mobile in an ASP.NET MVC 4 and SignalR Application https:...//github.com/geffzhang/MobileMasses 在 ASP.NET MVC 4 中创建为移动设备优化的视图 在 ASP.NET MVC 4 中创建为移动设备优化的视图，第 2 部分

    3.3K80

    移动端开发初识

    对于pc端的前端开发以及html5和css3学习过后对页面布局更加熟练了,对于现在开发更多倾向于移动端开发,对于移动端开发和传统PC开发又有所不同,下面简单认识下移动端开发概况!...对于学习移动端开发首先要了解下面三个概念(设备独立像素,物理像素,和像素比),下面简单介绍下这三个概念!...屏幕大小(这个可以叫做点,是一个单位),可以改变(缩放可以改变) window.innerWidth/window.innerHeight 设备像素(物理像素)    设备的分辨率(实际像素值),就是购买的设备如手机售货员告诉你手机多少像素...上面说过的设备独立像素如何改变,下面就看看使用移动端开发的meta的viewport标签 <meta name="viewport" content="width=device-width,initial-scale...minimum-scale=1,maximum-scale=1//最大最小缩放比例,一般不用设置 移动端开发的meta标签一般只需要一下的属性就行 <meta name="viewport" content

    1.7K40

    移动web开发(2)

    移动端技术选型 流式布局(百分比布局) 流式布局,就是百分比布局,也称非固定像素布局 通过盒子的宽度设置为百分比来根据屏幕的宽度来进行伸缩,不受固定像素的限制,内容向两侧填充....流式布局方式是移动web开发使用的比较常见的布局方式. 比如说,我们想要一个盒子里面放两个小盒子,那我们就采取流失布局,主要是宽度要采取百分比的形式. 当然我们也要限制宽度,不能无限的缩放,为了保护我们盒子里的内容,我们还有两个方法: 最大宽度: max-width; 最小宽度: min-width; 现在又要做案例啦,这次是京东的移动端页面...技术选型 方案:我们采取单独制作移动端页面方案 技术:采取流式布局 放一些做案例时的小细节: 这次的案例就是做了一个这样的京东移动端的页面,比较简陋,但是也不简单

    1.1K11

    移动开发-响应式

    移动开发-响应式布局 响应式开发原理: 使用媒体查询针对不同宽度的设备进行布局和样式设置，从而适配不同设备 设备划分 尺寸区间 超小屏幕 (手机) < 768px 小屏设备 (平板) >= 768px...使用者要按照框架所规定的某种规范进行开发 Bootstrap优点: 标准化的html+css编码规范 提供了一套简洁、直观、强悍的组件 有自己的生态圈，不断的更新迭代 让开发更简单，提高开发的效率 2.3.2...：停止维护,兼容性好,代码不够简洁，功能不够完善 3.4.1：稳定, 但放弃了IE6-IE7，对IE8支持但是界面效果不好,偏向用于开发响应式布局、移动设备优先的Web项目 4.6.1 ：最新版，目前还不是很流行...viewport) 的容器 栅格系统介绍: 栅格系统英文为 Grid systems ,翻译为网格系统，是指将页面布局划分为等宽的列，然后通过列数的定义来模块化页面布局 Bootstrap提供了一套响应式、移动设备优先的流式栅格系统...大屏 .hidden-xs 隐藏 可见 可见 可见 .hidden-sm 可见 隐藏 可见 可见 .hidden-md 可见 可见 隐藏 可见 .hidden-lg 可见 可见 可见 隐藏 为了加快对移动设备友好的页面开发工作

    4K20

    移动web开发介绍

    视口(viewport) 视口（viewport）浏览器显示页面内容的屏幕区域，视口可以分为布局视口，视觉视口和理想视口 布局视口(layout viewport) 一般移动设备的浏览器默认设置了一个布局视口...user-scalable 用户是否可以缩放 二倍图 物理像素&物理像素比 物理像素点是只屏幕显示的最小颗粒，是物理真实存在的，设置厂商在出厂时就设定好了的如某手机分辨率为 750*1334 我们在移动...web开发时1px不一定等于1物理像素 而在pc页面1px是等于1物理像素的 一个px能显示的物理像素点的个数，称为物理像素比或者屏幕像素比 如下例 定义一个300*300的盒子 在pc显示正常1px=...web开发 1px！...，但此时不会模糊，因为图片之前就是移动端放大后的大小 img{ width:50px; height:50px; } ...

    1.7K10
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号

      领券