weex

Vue源码探秘(一)

…衆ロ難τιáo~ 提交于 2020-03-21 03:37:20
3 月,跳不动了?>>> 引言 Vue 作为当前前端开发中比较重要的框架,在企业级开发中应用十分广泛。目前也是我的主要技术栈之一。在接下来的系列文章中,我将带大家一起探秘 Vue.js 底层源码。 本篇文章是 Vue源码探秘 的第一篇。在这一篇中,我主要是带大家做一些准备工作,介绍一下 flow 、 源码目录 和 源码构建流程 。 认识flow flow 是 facebook 出品的 JavaScript 静态类型检查工具。 Vue.js 的源码利用了 flow 来做静态类型检查,所以了解 flow 有助于我们阅读源码。 为什么用 flow JavaScript 是动态类型语言,它的灵活性有目共睹,但是过于灵活的副作用就是很容易就写出非常隐蔽的隐患代码,在编译期甚至运行时看上去都不会报错,但是可能会发生各种各样奇怪的和难以解决的 bug。 项目越复杂就越需要通过工具的手段来保证项目的维护性和增强代码的可读性。 Vue.js 在做 2.0 重构的时候,在 ES2015 的基础上,除了 ESLint 保证代码风格之外,也引入了 flow 做静态类型检查。 flow 在 Vue.js 源码中的应用 flow 常用的两种类型检查方式是: 类型推断 :通过变量的使用上下文来推断出变量类型,然后根据这些推断来检查类型。 类型注释 :事先注释好我们期待的类型,flow 会基于这些注释来判断。 在

双十一 手淘技术用了这几招

一世执手 提交于 2020-02-28 11:51:52
互动:当技术变革遇见消费升级 从一到万:Buy+升级“造物神” 从年初Buy+概念曝光,到7月份的“造物节”提出了“造物神计划”,大家对Buy+和“造物神”的关注由来已久,双11期间3个国家7大场景的VR购物场景更是对未来新消费场景的大胆尝试。双11当天,阿里巴巴资深技术总监庄卓然现身GMLab(阿里创新实验室)首次向大家去解密Buy+和“造物神“背后的技术和思考。“新零售时代的到来,离不开终端硬件的升级,更需要大量的优质3D内容的生产和呈现,我们看到了直播、VR、AI的火爆,消费需求发生了变化,催生我们去创造更多的场景和内容,我们希望通过高技术去降低成本,从而创造新内容,携手合作伙伴一起来共建新商业生态。” Buy+的使命是探索极致的购物体验,手机淘宝团队通过自主研发的VR UI的SDK和动画系统来展示全景视频中的商品和各种交互,确保消费者在全景视频中有身临其境的体验,并充分的考虑到大众消费者设备现状,即便是cardboard(成本10元左右的VR眼镜)也可以流畅的体验到未来的购物场景。 由静到动:从静态图片展示到交互式多媒体增强技术的应用 造物神的使命是通过创新性的技术,让用户轻松构建更富表现力、互动性的数字化内容。无论3D化的商品和场景表达,还是类似全景空间的图像和视频交互,人们得以借助强大的实时计算能力和数据技术进一步连接线上与线下世界,实现更好的”在线”体验。 DIVA

黑科技在此!移动开发者必须了解的跨平台开发工具

隐身守侯 提交于 2020-02-24 22:06:19
跨平台一直是老生常谈的话题,cordova、ionic、react-native、weex、kotlin-native、flutter等跨平台框架的百花齐放,颇有一股推倒原生开发者的势头。本文将对当下跨平台移动开发的现状、实现原理、框架的选择等进行深度解析。 为什么我们需要跨平台开发? 本质上,跨平台开发是为了增加代码复用,减少开发者对多个平台差异适配的工作量,降低开发成本,提高业务专注的同时,提供比web更好的体验。通俗了说就是:省钱、偷懒。 本篇主要以react-native、weex、flutter,结合资讯展望,深入聊聊当前跨平台移动开发的实现原理、现状与未来。至于为什么只讲它们,因为对比ionic、phoneGap,它们更于 “naive”。 一、原理与特性 目前移动端跨平台开发中,大致归纳为以下几种情况: react native、weex均使用Java作为编程语言,目前Java在跨平台开发中,可谓占据半壁江山,大有“一统天下”的趋势。 kotlin-native开始支持 iOS 和 Web 开发,(kotlin已经成为android的一级语言)也想尝试“一统天下”。 flutter是Google跨平台移动UI框架,Dart作为谷歌的亲儿子,毫无疑问Dart成为flutter的编程语言,如下图,作为巨头新生儿,在flutter官网也可以看出,flutter同样“心怀天下

什么是weex

左心房为你撑大大i 提交于 2020-02-24 10:42:58
Weex是一个使用web开发体验来开发高性能原生应用的框架 在集成WeexSDK之后,你可以使用javaScript和现代流行的前端框架来开发移动应用、 Weex的结构是解耦的,渲染引擎与语法层是分开的,也不依赖任何特定的前端框架,目前只要支持Vue.js 和Rax这两个前端框架 Vue.js和Rax都集成了Weex SDK,你不需要再额外引入 Weex 提供一个命令行工具 weex-toolkit 来帮助开发者使用Weex,它可以用来快速创建一个空项目,初始化iOS和Android开发环境、调试、安装插件等操作。 来源: https://www.cnblogs.com/xiaofenguo/p/10275826.html

ReactJS+ReactNative笔记

依然范特西╮ 提交于 2020-02-23 04:46:13
1.移动App第1天 什么是混合移动App开发【重点】 苹果上的软件是如何开发出来的:使用的是 OC、或者使用Swift这门语言 安卓平台上的软件又是如何开发出来的:使用安卓相关的语言开发的,Java,安卓的控件进行开发 苹果和安卓平台上共有的软件是如何开发出来的:腾讯招两套开发人员【开发组】,手机京东 前端移动 App(Application)开发技术,去开发手机端的应用程序; 前端的混合移动App开发技术,并没有使用 苹果 或 安卓 官方推荐的 开发平台和开发方式,而是抛弃了 官方提供的方式,使用 前端的独有的技术进行移动App开发体验; 什么是移动App开发:通俗的理解,就是把开发Web网站的技术(HTML+CSS+JS),通过某种方式,移植到移动App开发上进行使用,这种利用Web开发技术进行移动端开发体验的方式,叫做混合移动App开发! 关于移动App开发,需要知道的几个概念: 原生开发:它的英文单词是(NativeApp),指的就是使用 IOS、Android 官方提供的工具、开发平台、配套语言进行 手机App开发的方式; 混合开发:(HybirdApp)就是使用前端已有的技术,HTML + CSS + JS ,然后再搭配一些相关的打包编译技术,就能够开发出一个手机App,安装到手机中进行使用; 什么是App:App是(Application的缩写),意思是

weex填坑之 Environment variable $ANDROID_HOME not found

一个人想着一个人 提交于 2020-01-01 13:17:12
如果你在 类unix下开发 vi ~/.bash_profile # step.2 ANDROID_HOME={你SDK的目录地址,比如/Users/Android/sdk} export ANDROID_HOME export PATH=$PATH:$ANDROID_HOME/tools export PATH=$PATH:$ANDROID_HOME/platform-tools # step.3 保存 ~/.bash_profile 文件中的修改 # step.4 验证,adb是否起作用,如果不起作用就执行如下命令 source ~/.bash_profile http://blog.csdn.net/zhalcie2011/article/details/78182696 如果你在 类windows下开发 http://blog.csdn.net/k491022087/article/details/72934862 来源: https://www.cnblogs.com/WhiteHorseIsNotHorse/p/7940899.html

vue 常用ui组件库

走远了吗. 提交于 2019-12-27 01:43:28
vux github ui demo: https://github.com/airyland/vux Mint UI 项目主页: http://mint-ui.github.io/#!/zh-cn demo: http://elemefe.github.io/mint-ui/#/ github地址: https://github.com/ElemeFE/mint-ui 中文文档地址: http://mint-ui.github.io/docs/#!/zh-cn iview iView 配套的工作流: https://github.com/icarusion/vue-vueRouter-webpack github地址: https://github.com/iview/iview 官网: https://www.iviewui.com/ vue-mui 官网: http://mui.yaobieting.com/ github地址: https://github.com/creatshare/vue-mui radon-ui 中文文档: https://luojilab.github.io/radon-ui/#!/ github: https://github.com/luojilab/radon-ui antd vue 中文文档: http://okoala.github.io

vue 常用ui组件库

不羁岁月 提交于 2019-12-27 01:43:04
vux github ui demo: https://github.com/airyland/vux Mint UI 项目主页: http://mint-ui.github.io/#!/zh-cn demo: http://elemefe.github.io/mint-ui/#/ github地址: https://github.com/ElemeFE/mint-ui 中文文档地址: http://mint-ui.github.io/docs/#!/zh-cn iview iView 配套的工作流: https://github.com/icarusion/vue-vueRouter-webpack github地址: https://github.com/iview/iview 官网: https://www.iviewui.com/ vue-mui 官网: http://mui.yaobieting.com/ github地址: https://github.com/creatshare/vue-mui radon-ui 中文文档: https://luojilab.github.io/radon-ui/#!/ github: https://github.com/luojilab/radon-ui antd vue 中文文档: http://okoala.github.io

前端ui框架---ant 蚂蚁金服开源

浪子不回头ぞ 提交于 2019-12-26 01:15:11
蚂蚁金服和饿了么好像不错 饿了么官网: http://element.eleme.io/#/zh-CN 饿了么github: http://github.com/elemefe 蚂蚁金服 https://ant.design/ Mint UI 项目主页: http://mint-ui.github.io/#!/zh-cn demo: http://elemefe.github.io/mint-ui/#/ github地址: https://github.com/ElemeFE/mint-ui 中文文档地址: http://mint-ui.github.io/docs/#!/zh-cn iview iView 配套的工作流: https://github.com/icarusion/vue-vueRouter-webpack github地址: https://github.com/iview/iview 官网: https://www.iviewui.com/ vue-mui 官网: http://mui.yaobieting.com/ github地址: https://github.com/creatshare/vue-mui radon-ui 中文文档: https://luojilab.github.io/radon-ui/#!/ github: https:/