vivo 互联网客户端团队- Xu Jie 日益新增的机型,给开发人员带来了很多的适配工作.代码能不能统一.apk能不能统一.物料如何选取.样式怎么展示等等都是困扰开发人员的问题,本方案就是介绍不同机型的共线方案,打消开发人员的疑虑. 一.日益纷繁的机型带来的挑战 1.1 背景 科技是进步的,人们对美的要求也是逐渐提升的,所以才有了现在市面上形形色色的机型 (1)比如vivo X60手机采用纤薄曲面屏设计,属于直板机型. (2)比如vivo 折叠屏高端手机,提供更优质的视觉体验,属于折叠屏机型.…

作者:vivo 互联网客户端团队- Wang Zhenyu 本文主要讲述了Android客户端模块化开发的痛点及解决方案,详细讲解了方案的实现思路和具体实现方法. 说明:本工具基于vivo互联网客户端团队内部开源的编译管理工具开发. 一.背景 现在客户端的业务越来越多,大部分客户端工程都采用模块化的开发模式,也就是根据业务分成多个模块进行开发,提高团队效率.例如我们vivo官网现在的整体架构如下图,分为13个模块,每个模块是一个独立代码仓. (注:为什么这么分,可以参考之前的一篇文章<Andro…

本文介绍了资源包的概念及使用场景,同时对资源包的几种使用方案进行对比.通过本文,大家可以快速掌握资源包的使用方法,解决单一配置满足多场景.多样式的问题. 一.业务背景 随着官网项目的业务深入发展,单纯的配置已经满足不了各种复杂场景的需求了,靠适配各种场景的需求只会让配置后台越来越复杂.而且有些特殊场景是需要在特殊时间触发,并且需要运营人员做到快速配置,无需发版,配置正确的地步.资源包的出现就是为了解决上述场景的.它能配置一次,无需发版,支持预览,并且适合所有特殊场景的样式.这种能力已经在我们官网…

微信现在很火啊.公司官网原先提供的ios和andriod的app下载链接要求切换成微信公众号二维码.简单的替换,大家都说不需要测试直接上线.还是测了下. 1 验证所有与下载相关的信息都已去除. 包括下载菜单,下载链接,网页源代码里的标题.搜索关键字等 这一步问题较多,开始仅去除了首页的下载链接. 2 验证扫描每个二维码可以关注公众号. 3 兼容性 浏览器兼容性 ie有问题,源代码汉字都是乱码.谷歌浏览器正常. 4 验证不影响其他功能…

(马蜂窝技术公众号原创内容,ID: mfwtech) 熟悉马蜂窝的朋友一定知道,点击马蜂窝 App 首页的发布按钮,会发现发布的内容已经被简化成「图文」或者「视频」. 长期以来,游记.问答.攻略等图文形式的形态一直是马蜂窝发展的优势所在.将短视频提升至与图文并列的位置,是因为对于今天的移动互联网用户来说,内容更真实直观.信息密度更大.沉浸感更强的短视频已经成为刚需.为了使旅游用户拥有更好的内容交互体验,丰富和完整原有的内容生态体系,马蜂窝加码了对短视频领域的布局. 现在,每天都会有大量短视频在马…

主页划 5 个组件,即 header  icon  swiper recommend weekend 一. header区域开发 1. 安装 stylus npm install stylus --save cnpm install stylus-loader --save 2. 编写样式 <template> <div class="header"> <div class="header-left">返回</div>…

.katex { display: block; text-align: center; white-space: nowrap; } .katex-display > .katex > .katex-html { display: block; } .katex-display > .katex > .katex-html > .tag { position: absolute; right: 0px; } .katex { font-style: normal; font…

作者:威威(沪江前端开发工程师) 本文原创,转载请注明作者及出处. 背景 最近, 产品同学一如往常笑嘻嘻的递来需求文档, 纵使内心万般拒绝, 身体倒是很诚实. 接过需求,好在需求不复杂, 简单构思 后决定用Vue, 得心应手. 切好图, 挽起袖子准备撸代码的时候, SEO同学不知何时已经站到了背后. "听说你要用Vue?" "恩..." "SEO考虑了吗?整个SPA出来,网页的SEO咋办?" "奥..." 换以前, 估计只能无…

前言 Android 开发者官网中对systrace(Android System Trace)有专门的介绍,本篇文章作为systrace系列的开头,笔者先不做任何介绍,仅仅翻译一下官网的介绍.在后续的文章中再整理一份学习教程,以及笔者的实践经历.官网中对该工具的介绍文档路径为[https://developer.android.google.cn/studio/command-line/systrace?hl=en#java].或者在进入到官网的首页后,按照Android Developers…

Tesla是汽车行业知名的奢华品牌,产品为纯电动汽车,知名度极高.此模板正是取自Tesla的官网,高端大图配上文字排版,彰显了汽车的奢华感觉. 本原型由国产Mockplus(原型工具)和iDoc(智能标注,一键切图工具)提供. 交互上实现了菜单的显示隐藏,此模板分别阐述了4个产品的特性,非常适合企业作为官网,展示自己的产品. 点击这里,可以立即在线预览:Tesla原型模板在线预览. 以上设计的所有页面可以在这里下载分享. 所有页面的图片集(5张),在这里下载. Enjoy it!…