[使用 Weex 和 Vue 开发原生应用] 6 使用 vue-router
系列文章的目录在 ? 这里 (由于 我比较懒 最近一段时间在忙其他事,系列文章拖了好久终于又更新了。。。) 什么是 vue-router ? vue-router 官方文档 vue-router 是针对 Vue.js 开发的前端路由工具,可以很方便的开发单页应用。 单页应用 单页应用的概念其实很早就出现了,它是指在同一个页面内包含了应用的所有功能,...
Cross-platform stock chart library based on the canvas - clchart
ClChart is a simple, high-performance and cross-platform open source project for stock data visualization created based on the canvas. Support PC, webApp and React Native and Weex platforms. Fully adapting the open source project GCanvas on React Native and Weex makes it easy to use GCanvas to en...
2018-05-08
[使用 Weex 和 Vue 开发原生应用] 5 使用 Vuex
Vuex 是一个专为 Vue.js 应用程序开发的 状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。
在 Weex 中使用 SVG
近几年 SVG 逐渐成为前端开发的热门技术。我们可以在业务场景中构建我们的图标,以及替代部分位图,随着动画交互的普及,SVG 也成为了大家的选择之一。今天我们给大家带来如何在 weex 项目中通过 weex-svg 来实现 SVG 的一些图形信息的展示。
[使用 Weex 和 Vue 开发原生应用] 7 完整项目目录详解
weex-hackernews 是一个使用 Weex + Vue 开发的原生应用项目,可以实现同一份代码在三端中运行。不仅用到了 Weex 和 Vue.js 的各种特性,也用到了 Vuex 和 vue-router ,在 Web 、 Android 、 iOS 上都能正常工作,作为一个范例供大家参考。
weex踩坑之旅第三弹 ~ 在weex中集成font-awesome
为了完成一个APP开发,图标是必不可少,使用图片图标加载速度慢,编程复杂。可以考虑使用字体图标库,阿里有一套图标库[链接],大家可以借鉴,但我更偏向于使用font-awesome(官网[链接]。那么,如何将其集成到weex开发中呢?这并不是一个简单的事情。
Weex 开发小游戏是件很 high 的事儿
作为一个移动端初学者、爱好者,能使用前端技术开发原生游戏一直是一件渴望而不可及的事情,暂且不说游戏逻辑的复杂度,算法的健壮性,单单是场景、画布、布局就让我们无处下手。
vue源码构建代码分析
vue内部代码模块比较清晰,这边主要分析scripts内部代码,讲解vue是如何进行构建的.首先你必须要懂一些rollup,vue内部是通过rollup来进行构建的,rollup是一款js的构建工具,将各个小模块打包成一个总的模块(只针对js文件,比较轻量,不会有css,img等压缩,比较适合开发插件,如果是ui组件库的话,还是webpack构建会比...
2018-10-16
Weex学习第三篇:模版,样式,脚本
今天我们来介绍一下weex代码的三部分构成:<template>、<style>、<script>第一部分:template官方解释--必须的,使用 HTML 语法描述页面结构,内容由多个标签组成,不同的标签代表不同的组件。可以看出里面其实就是html的代码,像title,body,表单等元素。
为什么在传统软件公司无法推广React-Native?
本文是结合笔者自身的经历以及个人有限的见识进行分析的。可能由于个人的视野局限会有一定的以偏概全现象,因此,如果有描述不当之处,可以留言指出,大家一起进步。
2017-12-18
Weex Eros快速入门
随着Weex跨平台技术的持续火热,一时间涌现出了一大批基于Weex的开源解决方案,Weex Eros就是这么一个面向前端Vue的开源APP解决方案。目前,如果直接使用Weex框架开发应用会存在很多痛点,诸如初始化启动的环境问题、项目工程化问题、版本升级与版本兼容问题和不支持增量更新等,而Weex Eros等开源解决方案能对上述问题...
weex踩坑之旅第二弹 ~ 在weex中集成vue-router
接着第一弹讲,我们已经搭建好一个属于自己的weex项目了,然后如何开发呢?由于之前项目中都是采用vue全家桶进行开发,路由使用vue-router插件,状态管理使用vuex,Ajax前后台交互使用axios,图标库使用font-awesome,组件库使用element-ui...但是这些插件能不能都在weex中集成呢?如果你也是一个web开发者,应该重点考...
移动跨平台技术方案总结
React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架,是Facebook早先开源的React框架在原生移动应用平台的衍生产物,目前主要支持iOS和安卓两大平台。
Weex——关于移动端动态性的思考、实现和未来
今天在移动端,尤其是像手机淘宝这样的 App 中,动态性问题逐渐成为一个比较棘手的问题。所谓动态性,就是把移动应用本身的灵活性、迭代更新的周期和成本优化到极致。比如手机淘宝的店铺首页,它允许商家实时装修自己的店铺,更新自家的商品、活动等信息;再比如淘宝、天猫每次大促的会场页面,要求我们非常灵活的及时调...
rollup入门以及vue使用rollup构建源码分析
首先,rollup.js是一个JavaScript 模块打包器。可以将我们自己编写的js代码与第三方模块打包在一起,也可以将小块代码编译成大块复杂的代码,例如 library 或应用程序。rollup直接支持tree shaking只有ES模块才支持,在打包构建时,会对编译的代码进行静态分析,打包结果只包含使用到的代码,这样可以大幅精简代码量。和...
2021-10-14
淘宝小部件 Canvas 渲染流程与原理全解析
作者:史健平(楚奕)上篇回顾:《 淘宝小部件:全新的开放卡片技术!》、《淘宝小部件在 2021 双十一中的规模化应用》本文主要从技术视角阐述 Canvas 在小部件下的渲染原理。在进入正文之前需要先解释下什么是【小部件】,小部件是淘宝模块/卡片级的开放解决方案,其主要面向私域提供类小程序的标准&一致化的生产、开...
什么是 Rax,以及 Rax 的特点
Rax is a universal JavaScript library with a largely React-compatible API. If you use React, you already know how to use Rax.