随笔分类 - native相关
rax,rn,weex等
摘要:仓库地址:rax-longlist 介绍一下 本节来扩展一下列表组件,我们知道和列表相似的组件有很多,我们来挑几个来实现一下。 需求 跑马灯 轮播 tab瀑布流 解决方案 跑马灯:列表自动向上滚。实现难点在于最后一个和第一个如何无缝切换,我们可以把第一个元素追加到数组最后一项,然后跑马灯滚动到最后一
阅读全文
摘要:仓库地址:rax-longlist 介绍一下 性能优化完成之后,我们的开发工作仍然未完成,每次小的需求改动还是需要我们开发来改代码,有没有一种方式能够让运营他们来分担开发的工作量呢!当然有,我们只需要把系统的通用配置吐出去,使得外界可以灵活修改,这也是我们开发的终极目的,一次开发,多处使用,当然系统
阅读全文
摘要:仓库地址:rax-longlist 介绍一下 前一节我们可以看到,数据量一上来就出现了很多问题。本节我们就来讲讲这些bug的解决办法。首先我们要知道为什么会出现这个问题,我们的长列表在大量数据(上千条,这个量级并不多)的情况下会出现拖动卡顿甚至拖不动,控制台也报错了。我们可以分析一下出现问题的原因,
阅读全文
摘要:仓库地址:rax-longlist 简单介绍一下 上一节完成了业务埋点,本节我们来学习一下性能监控,初步认识一下performance这个api。前端的性能监控,就不得不提Performance,它可以检测页面中的性能,W3C性能小组引入进来的一个新的API,它可以检测到白屏时间、首屏时间、用户可操
阅读全文
摘要:仓库地址:rax-longlist 简单介绍一下 上一节实现了组件的复用封装,本节要学习一下埋点,前端埋点已经成为app应用开发中的很重要的一环,用户行为的监控,属于前端监控的部分。当然前端监控包括数据监控和性能监控。学习埋点之前先来接触几个名词pv、uv和ip。 PV(page view): 访问
阅读全文
摘要:仓库地址:rax-longlist 简单介绍一下 上一节实现了列表的无限滚动,这一节我们来对组件进行一下封装,包装成可复用的的公共组件,达到拿来即用的效果。另外本节还弄了下消息未读小红点, 需求 我们先来分析一下,封装一个无限滚动组件需要透出什么属性?什么方法?首先我们的长列表复用组件是一个架子,我
阅读全文
摘要:仓库地址:rax-longlist 简单介绍一下 本节接着上一节,实现微信消息的无限滚动。 需求 修改单位,统一使用vw vh 无限加载滚动列表 滚动到底加载下一页的值 解决方案 无限滚动加载,主要是如何检测到某个item是否到底了,可以转化成某个div距离屏幕上下左右的距离的问题,即可以使用get
阅读全文
摘要:仓库地址:rax-longlist 简单介绍一下 本次示例选择微信消息列表,旨在实现移动端的无限滚动。为了增加趣味性,来恶搞微信消息吧!!!本节来还原一下微信消息的静态页面,下一节实现功能。 需求 高度还原微信消息列表页面 群组消息、公众号消息、好友消息、微信运动消息、文件传输助手消息展示 本地引静
阅读全文
摘要:仓库地址:rax-todolist 简单介绍一下 rax系列由易到难完成一些小demo来培养学习的兴趣。后面会讲一些自己对rax框架的认识和理解,学习完成一些示例之后会开始研究源码实现以及rax为什么能兼容多端。todolist是一个简单的小例子,可以算作是学习rax练手的demo。环境和前一篇相同
阅读全文
摘要:仓库地址:rax-helloworld 简单介绍一下rax rax即是一个开发兼容多端(包括web,mobile web,小程序以及android或ios等app页面)的前端应用框架。其实就是使用react的方式来写weex 第一个rax应用程序:rax-helloworld 环境 macOS 10
阅读全文