话题
文章列表
朱灵子 移动开发
REACT NATIVE入门实战(一) 本文举一个简单的例子介绍如何进行react native实战开发,主要从以下几个方面来进行介绍: * 如何在mac IOS下进行react native环境配置 * 写一个简单的例子,分析react native布局与web布局的不同点 * 如何在Xcode上进行编译以及在IOS真机上运行 * 首屏加载一些简单的优化方法 react native入门实战初体验,希望能给大家一些小帮助哦~~~^_^ REACT-NATIVE MAC IOS环境配置 在mac环境下可行的react native简易安装步骤如下: * 安装Homebrew Mac系统的包管理器,用于安装NodeJS和一些其他必需的工具软件。 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" * node安装 brew install node * Watchman安装 ...显示全部
1 年前发表 899次浏览 0条评论 0次收藏
朱灵子 移动开发
React Native 用IOS自带的JavaScriptCore作为JS的解析引擎,普通的JS-OC通信就是React Native在OC定义一个模块方法,JS可以直接调用这个模块方法并还可以无缝衔接回调。 具体的接口调用实现方法如下所示: * 将OC注册进来的模块取出,调用模块中的对应函数,且将参数传入 var RCTVideo = require('react-native').NativeModules.RCTVideo; RCTVideo.addVideoTitle('video title'); * 利用回调参数得到访问OC的函数,并得到其返回值 RCTVideo.RNCallbackEvent('dsb',(error,callBackEvents)=>{ if (error) { console.error(error); } else { AlertIOS.alert('返回值:'+JSON.stringify(callBackEvents)); } }); * 利用回调参数得到访问OC的函数,并得到其返回值 ...显示全部
1 年前发表 605次浏览 0条评论 0次收藏
yangkevin 移动开发
微信小程序从发布开始,可谓赚足了眼球,一度引发了开发界“全民学JavaScript”的梗。 为了跟上时代步伐,我们 NOW直播 [https://now.qq.com] 团队也在发布后第一时间尝鲜,本文就来扒一扒这几天试水小程序开发的那些事。 ffffffffffffffffffff [https://cloud.githubusercontent.com/assets/2362621/19342679/647b76e8-9165-11e6-8405-b2d4183a19b3.png] 入门 准备工作 想要开发微信小程序,首先必须要有一个微信公众平台小程序的帐号(目前帐号只有内测邀请唯一途径),此帐号用于获取app id、secret id、添加开发者等管理后台操作。 然后你需要下载官方提供的微信web开发者工具,这是一个集成了编码、调试、预览、发布功能的一个IDE。 编码功能: 1 [https://cloud.githubusercontent.com/assets/2362621/19335068/01bbff0a-9133-11e6-9f37-d9261f3fe3a5.png] ...显示全部
1 年前发表 1620次浏览 0条评论 0次收藏
袁飞翔 移动开发
前言 花样直播项目客服端的动画基本已都使用web来做,总结分享一下 方案列表 * css3动画 * canvas 动画 * 播图片 * gif图片 各个方案的优缺点 CSS3动画 * 优点:启用css3的3d加速,能够满足性能要求;资源文件最小; * 缺点:元素量多、复杂的动画难以实现 案例: * 花样交友礼物动画 [http://huayang.qq.com/jiaoyou_mgift/9999.html?from=bat>to=bat] CANVAS 动画 * 优点:可以用swf文件直接导出生成,在线导出 Google Swiffy [https://developers.google.com/swiffy/convert/upload] (感谢Flash大神龙哥的指导) * 缺点:性能不佳。如果不用swf导出,人工绘制canvas性能也不是很好,况且复杂的动画很难绘制,能人工绘制的基本就可以使用css3去搞 PS: 最初想用觉得完美,但性能问题被测试叼得不行,之后加班加点换播图片 播图片 * 优点:能够解决一切性能、复杂度的问题 ...显示全部
2 年前发表 2368次浏览 3条评论 1次收藏
刘恒兵 ,永远不要怀疑一个人的潜力! 移动开发
序言 近期对外进行了两次行业分享。 * Qcon :《 Hybrid App下监控与极限优化 [http://2015.qconshanghai.com/speakers/201931] 》> Qcon分享总结 [http://imweb.io/topic/56362f3209e01a534b461eb9] * StuQ :《 移动Web优化之道 [http://mp.weixin.qq.com/s?__biz=MzA3MjEyNTE4MQ==>mid=401201750>idx=3>sn=ae2ded243e16674df71ed4227dca2a6b] 》 通过两次分享,首先团队以及个人的影响力有所提升,特别是Qcon的分享,通过几次上海之旅,有了很多新的认识。其次是能够通过分享,不断发现自己的不足,也是后续工作和学习不断努力方向。 心路历程 “一次收获颇多的成长历程”,用这句话概括,最适合不过了。至于聊到收获,大致概括为: * 人脉 ——又认识了很多新同学,都是在自己领域擅长的同学。在几天的认识和交往中,一部分成了很好的朋友,在以后的技术然所之路上会有莫大的帮助。 ...显示全部
2 年前发表 1417次浏览 2条评论 0次收藏
袁飞翔 移动开发
上周处理了一下群活动的badjs,第一步是摆脱 Script error. ,捕获异常栈,找到自己是错在哪里~ 分享一下这个步骤 异步的切入点: 1、XMLHttpRequest.prototype.send 2、setTimeout、setInterval 3、define、require 4、Zepto的事件绑定 on 、bind (另外要能off、unbind) 何时引入切入文件: 最简单的方法是在requirejs引入后立刻做define,require的切入, 在Zepto加载之后做on,bind的切入。或者在zepto引入之后做所有的切入。但这样无法对inline进去的代码做切入,比如预加载的代码。既然是移动端,使用 window.__defineSetter__ 去监听define,zepto的出现也许是最好的选择~ 下面是主要的代码: _.before(XMLHttpRequest.prototype, 'send', function() { if (this.onreadystatechange) { ...显示全部
2 年前发表 1744次浏览 3条评论 0次收藏
vienwu 移动开发
使用cocos2d-js版开发跨平台手游非常简单,并且在手机端也拥有不错的性能。但因为推出时间并不够久,用户也不够多,项目里仍然存在不少bug,这里介绍一个常见的bug和个人解决方案。 大段中文文字无法自动换行并且在不同终端行为不一致的BUG修复 这个bug具体表现为,js版的cc.LabelBMFont类实现存在缺陷。 该类中,判断是否自动换行时,首先检测字符是否结束或者是否存在空格,满足条件后才会换行。 当字符串为英文时,此逻辑可以良好执行,但面对中文时就不能正常处理了。 理论上,在 cocos2d-html5/cocos2d/labels/cclabelbmfont.js 大约736行 if (!self._lineBreakWithoutSpaces) { 应该判断是否为中文,或者在后续的寻找空格逻辑中,增加寻找中文的判断。 其次,cocos2d-js在手机端执行时,会将js代码编译为jsb字节码,调用的cc.LabelBMFont类是c++实现的,并且该类实现的算法和web端的实现不同,导致字体大小、换行行为不一致,尤其在单独控制某个文本字符颜色时,定位某个文本的索引都会不同。 ...显示全部
3 年前发表 1916次浏览 0条评论 0次收藏