Nuxt.js就是一个Vue的服务端渲染框架,和React的服务端渲染框架Next.js类似,
写在前面 很久没更新了，真的是没时间，周末要做兼职，工作日要加班赶项目，筋疲力尽了，今天稍微好点，更新一下吧，最近用的一些东西！ 问题描述 我们开发一款软件，其中涉及到一些支付的问题，这边担心IOS的App无法通过AppleStore的审核，所以中间支付的模块使用H5进行内嵌，也就是直接使用webview进行调起H5完成对应的功能， 代码 /** * @FUNCTION memberRecharge * @params NaviType是否需要显示导航栏 1 不显示 2 显示 3 会员充值（
Js中获取浏览器信息字符串只要使用navigator.userAgent即可，这样我们再利用indexof来判断版本或其它信息了。
现象 总体而言，iOS 14 渲染性能变差，可以从以下几个测试看出。 测试1： 简单demo，使用egret引擎显示3000个图（都是同一个100*100 png 纹理），逐帧做旋转。（博客园视频播放
赵辛贵，携程无线开发高级技术经理，目前主要负责React Native框架在携程内部的使用推广和性能优化 React Native(下文简称RN)开源已经一年多时间，国内各大互联网公司都在使用，携程
React Native（下文简称 RN）开源已经一年多时间，国内各大互联网公司都在使用，携程也在今年 5 月份投入资源开始引入，并推广给多个业务团队使用，本文将会分享我们遇到的一些问题以及我们的优化方案。 一、背景和使用情况介绍 为什么会引入 React Native？ 1. AppSize 占用 携程旅行 App 从 11 年开始开发，至今已有 5 年多时间，随着各项业务功能的全面移动化，以及公司“Mobile first”策略的指引下，App 功能越来越多，越来越臃肿，Size 达到将近 100MB。
React Native (简称RN）是Facebook于2015年开源的移动端跨平台开发框架。RN从开源以来已经有6个年头了，有着十分丰富的社区资源和生态，时至今日依然有很多移动端项目都使用RN来开发。本文主要通过以往的项目实践来谈谈在选择RN开发app可能需要注意的一些点，也算是自己的一个踩坑经验总结。
Hippy (https://github.com/Tencent/Hippy) 是腾讯在2019年12月20日开源跨端框架。
例如现在存在一组版本号，[{version: "0.12.0.2"}, {version: "0.1.0.2"}]，按 version 排序后的结果为 [{version: "0.1.0.2"}, {version: "0.12.0.2"}]。
TSINGSEE青犀视频的流媒体播放器EasyPlayer视频播放器，可支持H.264与H.265视频编码格式，性能稳定、播放流畅，还能支持RTSP、RTMP、HLS、FLV、WebRTC等视频流播放，并且已实现网页端实时录像、在iOS上实现低延时直播等功能。目前TSINGSEE青犀视频的所有视频监控平台均使用的是EasyPlayer.js播放器，也是最受用户及开发者欢迎的一款H5流媒体播放器。
通过JS判断访问设备并跳转对应HTML页面 <script type="text/javascript"> if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))) { window.location = "手机页面.html"; //移动端访问跳转页面 } else { window.location = "电脑页面.html"; //PC端访问跳转页面 } </sc
从2016年开始关注React Native到现在，React Native的每一个版本发布我都会关注一下，虽然最近将重心转移到区块链开发上，这一年里，我还出版了一本《React Native移动开发实战》的书。在过去的一年中React Native经历了十几次的版本迭代，版本也从从v0.40升级到v0.52，总体来说，版本迭代没以前那么频繁，组件也越来越丰富，稳定性也越来越好了，下面就一些新组件，新API进行相关的总结。
人脸核身微信普通H5、微信原始H5等都基于微信浏览器的功能，外部浏览器调用会报错，用户在发起核验前，需先校验浏览器类型，非微信浏览器不可调用人脸核身的服务
近些年，移动端普及化越来越高，开发过程中选用 Native 还是 H5 一直是热门话题。Native 和 H5 都有着各自的优缺点，为了满足业务的需要，公司实际项目的开发过程中往往会融合两者进行 Hybrid 开发。Native 和 H5 分处两地，看起来无法联系，那么如何才能让双方协同实现功能呢？
赵辛贵，携程无线平台研发部开发总监。2013年加入携程，主要负责App基础框架研发相关工作，目前重点关注React Native技术在公司的推广和研发支持、无线框架和工程架构升级。
之前介绍了移动端开发的相关技术，这一篇主要是从 Hybrid 开发的 JS Bridge 通信讲起。
概要 本文主要对React Native 0.50的关键性的更新做个讲解和开发适配指导，希望能对从事React Native开发的你有所帮助： 在兼容性方面新增了对Android8.0、iPhone X的支持； 在API方面为TimePicker添加了打开方式的API，另外允许在构建Android项目的时候指定applicationId; 在组件方面，新添加了支持侧滑显示菜单的SwipeableFlatList，以及SafeAreaView。 修复了一些关键性的Bug； 特别强调 <Image>支持更新，不
本示例讲述了关于js获取各种浏览器信息,例如微信浏览器,qq内置浏览器,电脑火狐浏览器,qq浏览器等等
在 iOS Safari （其他浏览器和 Android 均不会）上会对那些看起来像是电话号码的数字处理为电话链接，比如：
PhoneGap（Codova 的前身）作为 Hybrid 鼻祖框架，是一个开源的移动开发框架，允许你用标准的web技术-HTML5,CSS3和JavaScript做跨平台的Hybird WebUI开发，应该是最先被开发者广泛认知的 JSBridge 的应用场景。而对于 JSBridge 的应用在国内真正兴盛起来，则是因为杀手级应用微信的出现。
平常开发很常见的功能，在移动端需要根据javaScript来判断手机是安卓还是ios进行应用市场跳转。
注意：如果版本不一致，app启动时会弹出版本不一致的提示框，并且可能导致功能异常
在混合式应用中，我们通过现有的Cordova插件，可以轻松的在 H5 上调用手机native的功能。现有的Cordova插件能满足平时大部分的开发需求，然而，有时候找不到合适的插件、或对找到的插件有不满意的地方，那就要动手去做或改写一个插件，这时候就要了解一些Cordova插件的相关知识。
文 | kamidox 微信小程序发布有一段时间了，但目前小程序的兼容性问题，特别是 Android 平台兼容性问题，特别严重。据我观察，好多小程序都曾踩过兼容性的坑。 掉坑里不要紧，更让人捉急的是，微信审核人员打回了紧急修复兼容性的版本。这就好比从坑里爬上来的时候，手刚抓到坑沿，又被微信官方踩到，再次跌落坑底。 这下，就只能眼睁睁地看着后台用户在破口大骂：「什么东西都没有啊，什么破小程序」。 微信小程序的兼容性问题除了微信本身的 Bug 外，大部分是目标平台对 JavaScript 标准库支持程度不同造成
在一些app场景中，经常看到app里面嵌套H5页面， 安卓和ios提供一个空壳子，方法两者互相调用。上一周就是写H5页面让安卓和ios调用使用，中间传参，接受参数。通过 window.wx 对象调用一些原生 app 的功能。这个H5页面，我用的是vue来写的。用到了vue全家桶。
为了提高开发效率，开发人员往往会使用原生app里面嵌套前端h5页面的快速开发方式，这就要涉及到h5和原生的相互调用，互相传递数据，接下来就实践项目中的交互方式做一个简单的记录分享，废话不多说，直接上正文：
吸顶元素的初始位置一般靠近页面顶部，但与顶部有一定距离，这块区域放的是最醒目的元素，比如Banner图。页面向下滚动超过吸顶元素初始位置时，把吸顶元素固定在顶部
消息业务作为有赞移动的共享业务，在微商城、零售、美业等 B 端 App 中承担着多客服的角色，多客服是有赞为商家提供的连接商家和买家的即时消息客服工具；在精选、有赞客 C 端产品中扮演着用户联系商家的角色。在整个有赞产品中，是商家和用户沟通的桥梁，起着非常重要的作用。
其实应该更多的是互相的磨合与学习，希望身边的人可以有自己的经验分享，与理解，互相进步才是大家需要的，作为一个 "年老" (我也是90后) 的开发者，我觉得一代胜一代，未来才有胜算。额，好了，我不充当老师的角色了，去正题。
一直想试试RN，但是因为安装环境的问题一直没有成功，中间陆陆续续因为时间的原因中断了一段时间，今天终于鼓起勇气再次冲击·····，先说一下我之前安装环境的坑爹史吧。 刚刚开始我是按照下面的按照方法安装的： ---- 1、首先需要安装 Homebrew，安装只要一句话：/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"，判断安装成功与否，可以用命令查看：b
React Native在2017年经历了众多版本的迭代，从本人接触的0.29版本开始，到前不久发布的0.52版本，React Native作为目前最受欢迎的移动跨平台方案。虽然，目前存在着很多的功能和性能的缺失，但是不可否认的是React Native确实在进步。 本文主要从以下几个方面来对React Native0.50+进行讲解： 在兼容性方面新增了对Android8.0、iPhone X的支持； 在API方面为TimePicker添加了打开方式的API，另外允许在构建Android项目的时候指定ap
开篇 笔者刚刚结束淘宝的工作，现在加入了一家有青春活力的垂直电商公司，正对着阿里巴巴的西溪园区，最近一直在熟悉新的工作环境和规范，因此博客有好些时间没有更新了，在此抱歉！ 在忙碌完公司的发布系统之后，逐渐接触到具体的业务。在这里主要介绍下关于css3草案的position：sticky属性的兼容。 问题 目前前端的h5有个需求，就是“当页面上的若干个标题被拖动到视口的顶部时，则显示一个被定位到视口的顶部的tab标签，可对这个tab标签进行点击导航，并在某个特殊的情况下隐藏”。最简单粗暴的做法就是针对doc
项目起始时间：2017-11-25 前端人数： 3 页面数： 6 一期上线时间：2018-01-16 在我们开发的过程中，小程序的生态也不断变化。例如 最开始不支持其打开的 web 页面调起小程序页面，后来则新增了 JS-SDK 并在高版本的基础库里支持了这样的功能；再例如它的 IDE 不断优化升级，开发体验变好；页面的5级跳转限制，改为了10级；小程序体积限制由 1MB 扩大为了 2MB …… 总体来说，一直在朝着好的方向发展。
Safari下使用border-image，不能设置border-color: transparent。
web前端 —— 移动端知识的一些总结 个人在移动端的一些总结归纳，有新的知识点会一直更新 一.css部分 1.meta标签 <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/> 移动端加上这个标签才是真正的自适应，不加的话，假如你把一个980px宽度(手机端常规是980)的PC网页 放在手机上显示，倒也能正常显示不出现滚动条，不过是移动设备对页面 做了缩小优化，所以字体等都相应
手Q天气是在手Q 6.0版本以上新增的功能，页面会展现当天的气温情况，已经五天温度折线图以及24小时温度图表等。 并且为了更好的交互效果，天气页面会根据8种不同的天气信息，展现相应的天气动画。如下雨下雪，飘云，日光闪烁等动画效果。
| 导语 现如今，在做移动端 H5 开发时，少不了与 Native 之间进行交互。而在Native中，H5的承载容器为 WebView，其核心是使用 WebView 控件实现加载 url。
这是一篇有故事的文章 --- 来自一个weex在生产环境中相爱相杀的小码农 故事一: Build 虽然weex的口号是一次撰写，多端运行, 但其实build环节是有差异的, native端构建需要使用weex-loader, 而web端则是使用vue-loader,除此以外还有不少差异点, 所以webpack需要两套配置。 最佳实践 使用webpack生成两套bundle,一套是基于vue-router的web spa, 另一套是native端的多入口的bundlejs 首先假设我们在src/views下开
| 导语 现如今，在做移动端 H5 开发时，少不了与 Native 之间进行交互。而在Native中，H5的承载容器为 WebView，其核心是使用 WebView 控件实现加载 url。 WebView的概念 WebView 用来展示网页的 view 组件，该组件是你运行自己的浏览器或者在你的线程中展示线上内容的基础。使用 Webkit 渲染引擎来展示，并且支持前进后退等基于浏览历史，放大缩小，等更多功能。 简单来说 WebView 是手机中内置了一款高性能 Webkit 内核浏览器，在 SDK 中封
目前QQ浏览器（下简称QB）使用Hippy的业务超过100个，基本上95%的核心业务都是使用Hippy作为首要技术栈来开发。但是跟Native相比较而言，Hippy是使用JS引擎进行异步渲染，在用户从点击到打开首屏可交互过程中会有一定的耗时，影响用户体验。如何优化这段耗时，尽量对齐Native体验，想必是每个团队需要思考优化的事情。
H.265视频流媒体播放器EasyPlayer是TSINGSEE青犀视频推出的一款开放性和功能性都十分强大的播放器。EasyPlayer不仅支持RTSP、RTMP、HTTP、HLS、UDP、RTP、File等多种流媒体协议播放，而且还支持本地文件播放、支持本地抓拍、本地录像等多种视频功能特性。
在聊天中，表情占据了越来越重要的地位。它能够承载一些难以言说的情感，也让聊天显得更加生动活泼 。 项目实现： 选取mp4文件或摄像头录制生成微信GIF表情，可添加文字和特效（制作中）等功能。 流程图：
这里使用userAgent属性来完成我们的需求，首先我们来认识一下userAgent这个属性：
知晓程序员，专注微信小程序开发的程序员！ 一、判断小程序版本号 小程序的API是不断更新的，你可能使用某个API时，文档里会说明，此API在1.x.x版本开始支持，需要自己做兼容处理。 如果你使用小程序版本号做兼容，就必须了解小程序的基础库版本号规则，在这里介绍一下。 小程序基础库版本号使用 semver 规范，格式为 Major.Minor.Patch，Major、Minor、Patch 均为整数，1.9.901、2.44.322、10.32.44 都是符合 semver 风格的版本号。 以下是官方提供
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
