先通过返回的布尔值判断会否是 iPhone X ，然后再进行操作：比如给头部一个上边距，一般是44px。
在一些app场景中，经常看到app里面嵌套H5页面， 安卓和ios提供一个空壳子，方法两者互相调用。上一周就是写H5页面让安卓和ios调用使用，中间传参，接受参数。通过 window.wx 对象调用一些原生 app 的功能。这个H5页面，我用的是vue来写的。用到了vue全家桶。
最近在学习mpvue,记一下苹果X安全区域的适配问题 判断机型工具类 全局组件mixin 安全距离css 页面标签class类处理 # 判断机型工具类 safe-area.js let cache = null export default function getSafeArea() { return new Promise((resolve, reject) => { if (cache != null) { // 如果有缓存不行行调用 resolve(cache)
卡颂日常从事基础架构相关工作。这次接到一个任务：封装一个React组件交给业务方使用。
Nuxt.js就是一个Vue的服务端渲染框架,和React的服务端渲染框架Next.js类似,
单纯的控件只是展示了简陋的视觉UI和基本行为，在实际开发中需要用到的是经过各种样式装饰和动画还有丰富行为的UI，而且还会被重复利用。所以为了降低代码重复率，提高开发效率，一般开发会把一个或多个控件的结构、样式、行为、联动封装到一个文件中，这样一个组合文件就称为“组件”。
最近一段时间开发一个App，由于时间紧采用原生+H5混合开发，这里记录一下开发过程中遇到的问题。
做好了项目之后,在各种浏览器里面测试,都没有问题.很高兴,交付后端使用.然而发现在微信自带浏览器里面,却是出现了问题.
巧用Console.log(event) Event::事件对象，方法在执行的时候，当前环境携带的一些信息 可以打印出来、获取很多信息，根据这些信息再度寻找你需要的信息的路径。如小程序里的event.detail.width;;;; 页面加载后切换一次类名，实现初始页动画展示、初始页切换类名、配合一次性定时器切换类名 1 onLoad: function (options) { 2 3 setTimeout(()=>{ 4 5 this.setData({ a: 'a-class
问题：兼容性差距，由于@change触发方式不同，导致时间加载不够统一，时间触发出现问题。
Safari下使用border-image，不能设置border-color: transparent。
最近一段时间公司要做一个小程序项目，还要支持，微信小程序，头条小程序，百度小程序。一套代码，实现三个平台。当时接到这个任务，就不知道怎么去下手，一套代码，分别要发布三个平台，赶紧就去上网了解这些东西，查看了，uni-app，taro,Chameleon这三个库，然后把每个都运行了一次，看一下文档。当我运行完Chameleon 这个项目的时候，直接就放弃这个了，滴滴公司开发的，一套代码，多端使用。主要是刚刚发布没有多久，官方实例太少，坑特别特别多。文档不全面，简直就是羊入虎口，但是，看介绍不错，直接可以调用安卓和ios开发，支持热更新，项目集成app了Sdk。渲染能力还是比较强。对于taro这个多端框架，相比较Chameleon好一些，语法是基于react和小程序结合的，也有自己的一套ul框架。在物料市场，也有很多很多插件供参考使用，社区活跃度还可以的。最后说说uni-app，也是在项目中选择使用了uni-app,真是的以进入uni-app这个框架，就相等与调入虎口一样，踩不完的坑，写不完的bug，但是主要这个语法简单，基于vue，可以说会vue和小程序，就很容易上手，直接可以开发项目，
问题：然后利用new Date() 转换时间戳时，使用微信开发工具、安卓都没问题，ios中无法展示并报错 “invalid date”。
文 | 何延希 何延希，美团点评工程师，4 年 web 开发经验，现在是美团点评点餐团队的一员。 在上一期，知晓程序（微信号 zxcx0101）与大家分享了「大众点评点餐」小程序团队带来的小程序技术分析。 本期，我们想要和大家分享下大众点评点餐小程序中，有关 View 视图层的一些开发经验。 本文部分示例来自于「大众点评点餐」小程序的菜单页面。 页面代码结构为： 我们将要说的小程序的 View 视图层，是由 WXML（menu.html）与 WXSS（menu.less）两大部分组成，由组件——也就是视图
随着移动技术的快速迭代，数据流量费用的快速下降，视频、直播正成为全民的媒体盛宴，我司必然也不会缺席此次盛宴，这里讲述的是通过h5实现仿抖音视频全屏播放&滑动切换的效果,供我司直播鉴定回放视频使用。
背景 ---- 2020年受到疫情的影响，大众减少了线下娱乐，将更多的时间投入到了线上活动，直播行业迎来了一个小爆发，主播注册数量与线上观众不断增长。同时，在线直播演唱作为一种全新的演出模式，受到广大网友的好评，4月以来TME承办了近20场明星在线演唱会。 随着站外直播场景业务需求逐步增多，K歌直播旧的业务代码无法满足不断增长的产品功能需求和用户体验需求。在此背景下，Web侧急需为推流直播业务提供更加可靠的技术支持。 HLS和HTTP FLV ---- 目前K歌Web使用的直播流格式主要以HLS直播流为主
两天前，微信新增小程序测试系统，可便于开发者检测小程序缺陷，评估小程序产品质量。在小程序发布之前，开发者可将小程序代码提交到测试系统，在不同型号的手机真机上运行，执行完毕后自动生成测试报告。小程序云端测试平台，由WeTest提供基础支持，下载“微信开发者工具”即可使用。
今天给大家分享一款 AI 小游戏：『寻物大作战』，这款游戏是基于 GitHub 上两个开源项目实现的。
现象 总体而言，iOS 14 渲染性能变差，可以从以下几个测试看出。 测试1： 简单demo，使用egret引擎显示3000个图（都是同一个100*100 png 纹理），逐帧做旋转。（博客园视频播放
小程序的渲染层和逻辑层分别由两个线程管理，两个线程的通信由微信客户端(Native)做中转。
日益新增的机型，给开发人员带来了很多的适配工作。代码能不能统一、apk能不能统一、物料如何选取、样式怎么展示等等都是困扰开发人员的问题，本方案就是介绍不同机型的共线方案，打消开发人员的疑虑。
小程序组件分为原生组件和非原生组件，原生组件属于客户端的组件，在WebView的渲染流程之外的，且层级在所有非原生组件之上（无论你如何改z-index都没用的）。
最近在开发微信公众号网页的时候，由于手机端的各种不适配或者机型的问题出现了很多莫名其妙的bug，但这些bug只会在固定的机型或者部分手机复现，电脑端调试以及大部分手机都是没有问题的。所以需要在手机上模拟控制台输出日志来查看是否有报错。
用户承接页，是承载上游的落地页，其核心职能是承接流量、转化用户。对用户增长业务来说，如何让用户更快看到页面，是影响用户决策、决定拉新成功的关键。用增承接页的目标用户是手淘低活用户，这部分人的手机设备中低端占比90%以上，网络条件也不稳定，这对于我们承接页的性能、体验提出了更高的要求。
本文主要是记录自己在移动端开发中遇到的一些坑点或者总结（持续更新，有新的坑点会总结进来）
今天在编写小程序页面时发现，在iphoneX真机预览时，底部button会被手机底部黑线盖住一部分，
3D渲染业务，GPU机器需要安装Grid驱动，Grid驱动安装很麻烦，建议使用2019Grid公共镜像购买GN7vw或GI3X或GNV4或GNV4v机型的机器，2019Grid公共镜像集成好相关驱动了，并且是免费的。
React Native For Android是伟大的互联网公司Facebook与2015年9月15日发布的，该可以让我们广大开发者使用JavaScript和React开发我们的应用，该提倡组件化开发，也就是说React Native给我们提供一个个封装好的组件让开发者来进行使用，甚至我们可以相关嵌套形成新的组件。使用React Native我们可以维护多种平台(Web,Android和IOS)的同一份业务逻辑核心代码来创建原生应用。现阶段Web APP的的体验还是无法达到Native APP的体验，所以这边fackbook更加强调的是learn once,write everywhere，应用前端我们使用js和React来开发不同平台的UI，下层核心模块编写复用的业务逻辑代码，提供应用开发效率。
官网：https://chromedriver.chromium.org/downloads 国内：https://npm.taobao.org/mirrors/chromedriver/ 将文件拖入项目中： driver_path = BASEDIRPATH + '/chromedriver'
相信很多朋友字进行php开发时都遇到相同的问题，那就是H5移动端安装苹果底部返回难题，直至今晚终于被小编给解决了，原来只需要引入一个JS，就解决了所有问题。
最近在开发微信公众号网页的时候，由于手机端的各种不适配或者机型的问题出现了很多莫名其妙的bug，但这些bug只会在固定的机型或者部分手机复现，电脑端调试以及大部分手机都是没有问题的。
chrome，对于web开发者而言，都是很熟悉的一个浏览器，无论是从事的是前端，后端或者是测试！简单、快捷和功能强大使它受到了许多开发者的青睐！在浏览器排行上，chrome最多人使用，而且占了浏览器份额的半壁江山。可见其欢迎程度。作为一个前端开发者，我也是注重chrome的使用技巧。今天给大家分享下，希望能帮到大家，如果大家还有些什么好用的技巧，欢迎在评论补充，让大家交流意见，一起进步！
相信大家搜css touch-action很容易搜到一批文章，但感觉自己还是需要写下自己这这个过程中的一些探索经历。
2017年9月16日，IMWebConf2017在深圳科兴国际会议中心完美落幕。IMWebConf 是由腾讯IMWeb团队发起的专注于web前端领域的非营利性开发者大会，现场参会者达到约500人，参会者覆盖了华为、大疆、京东、百度、阿里、腾讯等近百家公司，还有来自北京、上海、香港等各地的开发者远道而来参会。
虚拟化技术支持，需几个方面的条件支持：芯片组自身支持、BIOS提供支持、处理器自身支持、操作系统支持。
【云真机视频映射】云真机画面本地映射 【兼容性测试报告】新增问题机型聚类功能 【新增Android9.0】同步上线最新安卓系统
乍一看还是很奇怪的，因为上线之后大多数人是没有问题的，结果突然间出了这么一例。乱码问题，无非就是编解码不一致导致的，那为什么大多数机型的编解码一致，而少部分却不一致呢，接下来就是排查阶段。
Hybrid App 是半原生半 web 的开发模式，部分界面或者功能是原生的，其余部分是 html 和 js 来完成，最终 webview 加载 H5 页面；入职百度后第一个做的成型的产品是 Hybrid App，在开发过程中研究了 H5 与 NA 通信机制，特对通信机制进行介绍。
最一开始，我只试着弄了个职教云签到监控。帮我签到，但是后来居然在一些地方看到各种逆天操作，然后发现全部都是教师权限才能的操作，然后我就对职教云补签进行了抓包分析（别问我教师账号怎么来的，注册即可）。
--- 拔出你心中最困惑的刺！--- 在这个用过即弃的时代，不要让你的求知欲过期。 今日拔刺： 1、为什么BAT杀不死“慢节奏”的网易？ 2、腾讯游戏回应《王者荣耀》对部分手机进行负优化，你怎么看？ 3、手机总是跳出“系统更新”提示，到底应不应该点？ 本文 | 2794字 阅读时间 | 六分钟 为什么BAT杀不死“慢节奏”的网易？ 网易不做大哥好多年 曾几何时，新浪、搜狐和网易是在我们电脑上霸屏的三大门户网站。从正式成立时间来看，成立于1997年的网易还是，最早的一家。这在很大程度上，得力于丁磊的洞察——他
前言 近日，王者荣耀推出“多核多线程技术”，明显提升了玩游戏时的帧数。可是只开放OPPO R11 和OPPO R11 PLUS两款机型（背后是否不知名的py交易暂不讨论） 今天就教大家用任意手机开启高
原文链接：http://wetest.qq.com/lab/view/405.html
2017年4月，企鹅智酷公布了最新的《2017微信用户&生态研究报告》。报告数据显示，截止到2016年12月微信全球共计8.89亿月活用户，新兴的公众号平台拥有1000万个。微信这一年来直接带动了信息消费1742.5亿元，相当于2016年中国信息消费总规模的4.54%。
本文的内容是关于 React Native 重写的经验分享，基于 React Native 重写 Ionic 应用Growth 过程中遇到的一些坑。 Growth 是一款专注于Web开发者成长的应用。其 1.0 和 2.0 主要使用 Ionic 实现，Ionic 1.x 的主要问题是 Angular 1.x 已经落后了。而 Ionic 2.x 则在启动的性能上不是让人满意——其实在开源方面，我是中 HDD（热闹驱动开发）的一员。 在重写的过程中，我们错误估计了其开发效率与 Ionic 2.x 是接近的，我们
以往拿到一份视觉稿要做页面适配，通常都是针对不同分辨率尺寸做断点写 media query，然后看效果再微调。开发过程中视觉稿要是做了修改，修改的地方就得再走一遍分辨率测试和微调，这时想屎的心都有了。而且这些适配都是建立在已 知的分辨率尺寸库上，如果市面新出来一款分辨率尺寸机型，呵呵，又要奔跑在测试微调路上。是不是能有用一套代码就适应各种分辨率窗口，那么就不会再有上面 这些烦恼，且开发效率快和维护成本会降低很多。 答案是有的，而且这种形式最早出现于 flash 全屏整站，前阵子拜读了举总介绍的一篇文章关于图
这篇博客主要介绍的是 Android 主流各种机型和各种版本的悬浮窗权限适配，但是由于碎片化的问题，所以在适配方面也无法做到完全的主流机型适配，这个需要大家的一起努力，这个博客的名字永远都是一个将来时。
1、找个android真机测试下（机型版本为4.4以上），真机联调测试（如果不知道怎么联调，那么请看这里：Android真机 - 联调chrome调试）
给大家介绍一个可自动收集能量的方法，亲测有效，让你不在动手，能量即可充到爆！！！ 一、实操步骤 先在安卓手机上安装 Auto.js.apk； 首次运行 Auto.js.apk，会提示需要启用无障碍服务
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频
