随笔分类 -  前端框架(Angular React Vue Echarts Mint UI 等)

摘要:整理4种Vue组件通信方式 重点是梳理了前两个,父子组件通信和eventBus通信,我觉得Vue文档里的说明还是有一些简易,我自己第一遍是没看明白。 父子组件的通信 非父子组件的eventBus通信 利用本地缓存实现组件通信 Vuex通信 第一种通信方式:父子组件通信 父组件向子组件传递数据 父组件 阅读全文
posted @ 2018-06-29 17:06 奔跑的太阳花 阅读(376) 评论(0) 推荐(0)
摘要://在React Native中,使用fetch实现网络请求 /* fetch 是一个封装程度更高的网络API, 使用了Promise * Promise 是异步编程的一种解决方案 * Promise 对象代表一个异步操作,有三种状态:Pending(进行中) Resolved(已完成) Rejected(已失效) * * Promise 实例生成以后,可以分别制定'完成' 和'失败'状态的... 阅读全文
posted @ 2018-06-26 09:33 奔跑的太阳花 阅读(2519) 评论(0) 推荐(0)
摘要:对React-Native的学习,从熟悉基本控件开始。 View 属性方法 序号 名称 属性Or方法 类型 说明 1 accessibilityLabel 属性 string 2 accessible 属性 bool 当为true时,表示该元素是可以进行访问, 默认情况下所有可触摸的元素控件都是可以 阅读全文
posted @ 2018-06-22 10:22 奔跑的太阳花 阅读(756) 评论(0) 推荐(0)
摘要:下面对报错进行一下详细描述: 在debug时,点着点着,就会发生; 1.手机显示如下 : Attempted to transition from state `RESPONDER_INACTIVE_PRESS_IN` to `RESPONDER_ACTIVE_LONG_PRESS_IN`, whi 阅读全文
posted @ 2018-06-17 22:49 奔跑的太阳花 阅读(1750) 评论(4) 推荐(1)
摘要:写在前面 ————如果从头开始看还没解决,试试文章最后的绝招 闲来无事,折腾了一下React Native,相比之前,开发体验好了不少。但在真机断点调试那里遇到了跨域资源加载出错的问题,一番探索总算解决,目测是RN新版本调试服务的bug。 遇到类似问题的同学应该不少,这里做下记录,有需要的可以参考下 阅读全文
posted @ 2018-06-17 17:06 奔跑的太阳花 阅读(390) 评论(0) 推荐(0)
摘要:创建组件的三种方式 第一种:通过ES6的方式创建 第二种:通过ES5的方式创建 第三种:函数式定义 组件的生命周期 在React 中组件(Component)也是有自己的生命周期方法的。展示一个界面从创建到销毁的一生。 组件的生命周期分成三个状态: Mounting:已插入真实 DOM Updati 阅读全文
posted @ 2018-06-16 17:07 奔跑的太阳花 阅读(2460) 评论(0) 推荐(0)
摘要:1,React Js的目的 是为了使前端的V层更具组件化,能更好的复用,它能够使用简单的html标签创建更多的自定义组件标签,内部绑定事件,同时可以让你从操作dom中解脱出来,只需要操作数据就会改变相应的dom。 2,React Native的目的 是希望我们能够使用前端的技术栈就可以创建出能够在不 阅读全文
posted @ 2018-06-16 15:12 奔跑的太阳花 阅读(908) 评论(0) 推荐(0)
摘要:一.webpack基础 1.在项目中生成package.json:在项目根目录中输入npm init,根据提示输入相应信息。(也可以不生成package.json文件,但是package.json是很有用的,所有建议生成) 2.安装webpaack a.在全局中安装webpack:npm insta 阅读全文
posted @ 2018-06-16 00:19 奔跑的太阳花 阅读(458) 评论(0) 推荐(0)
摘要:React Native在2017年经历了众多版本的迭代,从接触的0.29版本开始,到前不久发布的0.52版本,React Native作为目前最受欢迎的移动跨平台方案。虽然,目前存在着很多的功能和性能的缺失,但是不可否认的是React Native确实在进步。 本文主要从以下几个方面来对React 阅读全文
posted @ 2018-06-15 14:16 奔跑的太阳花 阅读(564) 评论(0) 推荐(0)
摘要:在做React Native开发时,少不了的需要对React Native程序进行调试。调试程序是每一位开发者的基本功,高效的调试不仅能提高开发效率,也能降低Bug率。本文将向大家分享React Native程序调试的一些技巧和心得。 Developer Menu Developer Menu是Re 阅读全文
posted @ 2018-06-15 11:18 奔跑的太阳花 阅读(833) 评论(0) 推荐(0)
摘要:步骤 1 下载安装夜神模拟器,去夜神官网下载即可!然后安装完成!进入到初始化项目的目录,打开cmd命令,运行adb connect 127.0.0.1:62001 链接模拟器 2 链接完成之后,运行安装react-native项目!react-native run-android 在运行这个命令之前 阅读全文
posted @ 2018-06-14 16:04 奔跑的太阳花 阅读(1929) 评论(0) 推荐(0)
摘要:ReactNative问题随记 想运行在真机上,在运行命令react-native run-android遇到错误如下: Scanning 559 folders for symlinks in D:\AppData\Project\android\AwesomeProject\node_modul 阅读全文
posted @ 2018-06-14 14:39 奔跑的太阳花 阅读(4034) 评论(0) 推荐(0)
摘要:前言:axios vue、axios 跨域、axios.js、axios get、axios post、axios中文文档 之前当vue更新到2.0之后,作者就宣告不再对vue-resource更新,而是推荐的axios,前一段时间用了一下,现在说一下它的用法。文中介绍的非常详细,需要的朋友可以参考 阅读全文
posted @ 2018-06-10 19:59 奔跑的太阳花 阅读(2889) 评论(2) 推荐(0)