腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

前端大白专栏

专栏作者

77

文章

151887

阅读量

31

订阅数

使用react-native实现一个音乐播放器

react 打包 android android studio gradle

前段时间,在网上找周杰伦的音乐,结果发现只在QQ音乐才有的播放权限,还得付费,作为程序员的我怎么能甘于堕落花钱听音乐,于是我就跑到淘宝买了周杰伦的音乐集(不贵,几块搞定),全部下载下来播放,不走QQ音乐播放,用网易云音乐播放,在开始的时候还给播放,正常放了一个月左右时间,又不让播放了,好气啊! 程序员怎么甘于堕落到被他人限制不能听音乐! 于是就有了下面这个app.

杭州前端工程师

2020-02-26

2.6K0

vue与react哪种好?

vue.js react api

vue与react,到目前为止两个我都用来写了好多项目,vue用的脚手架是vue-cli,react用的是dva,两者都对其进行了很好的封装,只需要简单的几步就能跑起来.

杭州前端工程师

2019-03-12

8430

reactjs不常见的面试提要

react 数据结构

直接上内容: 首先是首页结构: <div> <C/> <B> <E/> <D/> </B> </div> 在index中有3个子组件,在3个组件的生命周期component

杭州前端工程师

2018-06-15

1.3K0

关于react-native的各种报错的最终解决方案

react nat json npm

表示已经研究了3天了，应该说是3个晚上了，在运行官方的react-native的最新版本的时候老是报错，像":CFBundleIdentifier", Does Not Exist reactproptypes.string 还有其它的很多错误；最后找到了一个解决的方案，这些问题无非是缺少包，或者在安装到模拟器的时候端口被站用。以下是我的解决方案，不管你们再遇到什么问题，把下面的这些内容copy到你的package.json的文件中，覆盖它们，然后重新运行 rm -rf node_modules &&

杭州前端工程师

2018-06-15

8420

最近在学习react-native 为之后的找工作做准备

react nat android

刚学习,坑太多.---------坑并不可怕,可怕的是没有勇气入坑; 明明昨天还是正常启动react-native run-android 可是在今天尼玛又启动不了了,不知道什么原因,报了这样的一个错误:Unable to load script from assets 'index.android.bundle'.Make sure your bundle is packaged correctly or you're running apackager server ; 这段英文内容是挺容易理解的,可问

杭州前端工程师

2018-06-15

5850

React Native: Possible unhandled promise rejection request fail

react nat 人工智能

真的是好多坑,慢慢踩平吧. 在使用reacg-native的网络请求的时候,使用fetch方式,便遇到这个错误: React Native: Possible unhandled promise re

杭州前端工程师

2018-06-15

3.1K0

react-native static使用方法

表示刚入坑，还是有很多不明白的，一步一步慢慢成长吧。今天在自学的过程中看到static这个定义方式，实在没有弄明白，后来上网搜索了一下，原来这个是定义类方法，而这个方法只能是这个类使用，即使实例一个新对象，也不能使用static定义的方法或者对象。例： class A { static fn() { console.log('sss'); } fn2() { console.log('www'); } } let a = new A();

杭州前端工程师

2018-06-15

1.3K0

关于react-router4中路由的配置,传参,跳转,可选参数写法

关于路由跳转:没什么变化: <li className="col-3"><Link to={'/search/japan'}>日本菜</Link></li> <li cla

杭州前端工程师

2018-06-15

3.6K0

使用react心得

在使用react中,总会碰到这样那样的问题,如何解决这些问题,希望能够随着时间的积累,慢慢成熟! 在react中的renden函数里,不能使用setState这个方法,不然会死循环,原因:是因为setState会触发render,而render后又触发setState,所以会造成死循环. 如何做到不通过设置setState方法,而调用renden,可以通过调用this.render()函数. 在state的同级设置变量名,并在render中使用这些变量,可以形成闭包,利用好这一点,很多时候可以解决页面不更新

杭州前端工程师

2018-06-15

6290

react dva如何获取被form包裹的子组件函数

工作上遇到个问题一对父子组件,如何获取子组件里的函数方法,网上的方法有很多,最常用的是添加ref,通过 this.refName.fun便可获取该子组件里的函数. 这里要说的是,在使用antd 蚂蚁

杭州前端工程师

2018-06-15

3.1K0

react 的state数据更新机制

react 编程算法

自己使用react时候的一些亲身感受,大神略过. react的state数据更新机制, 调用setState方法后更新底层数据,对比数据哪些不同,然后根据数据生在相对应的虚拟DOM,最后生成真实的DOM树. 这是我不看文档能理解的,看了网上专业的介绍后: 第一步：调用this.setState; ReactClass.prototype.setState = function(newState) { //this._reactInternalInstance是ReactCompositeCompo

杭州前端工程师

2018-06-15

2.7K0

带来一个react插件的使用方式---- video-react

react社区的兴起,带来了很多react相关的插件,今天遇到了关于视频播放的功能,本想着用原生的代码写,可是发现了原生视频的功能完全不能满足业务的需求,需要另外定制. 今天带来一个video-react功能使用: 首先安装: yarn add video-react --save; 安装到项目的下. 第二步: 在全局引入video-react 的css样式,如果在 less中 // 视频css @import "../../node_modules/video-react/dist/video-react

杭州前端工程师

2018-06-15

3.1K0

好久没更了!最近在学习svg动画

svg react jquery xml

最近在学习svg,原来svg这么好用,完全就是只有想不到,只有做不到的动画! 在react中使用svg也是非常方便的,可以直接调用,用react的state来控制动画也很方便,至少比jquery或者原生方便太多了. <svg width='1000' height='400' xmlns="http://www.w3.org/2000/svg" > <text style={{fontSize:10}} ref={ref => this.textaaa = ref} id="textexa"

杭州前端工程师

2018-06-15

5060

关于ant-design表单问题

react redux form setstate state

需求是这样的,当我改变名称的时候,编码会调用后端的一个接口,然后展示到页面上,像这类如果用state,setState的话也是非常方便就能解决的,但是这个页面涉及编辑,新增,如果单独拿一个state的值来设,感觉有些不爽,而且目前用的redux-saga来写的全局代码,不准备用state. 下面是这个区域代码 const modalItems = [ { type: 'select', label: '设备类型', paramName: 'equipTypeId', in

杭州前端工程师

2018-06-15

1K0

React-Native（Print: Entry, ":CFBundleIdentifier", Does Not Exist）

Failed to install the requested application An application bundle was not found at the provided path. Provide a valid path to the desired application bundle. Print: Entry, ":CFBundleIdentifier", Does Not Exist Command failed: /usr/libexec/PlistBuddy -c Pr

杭州前端工程师

2018-06-15

1.4K0

使用dva脚手架中使用redux-sage感受

最近在使用了redux进行项目的开发,这个东西确实是把逻辑和页面的展示区分开了,在代码的书写上,以及以后的更改代码,提供了更多的方便. dva对redux-saga封装了一层,目前我使用的情况来看还是比较方便的,可以把所有的项目运算都放到一个文件中. 在使用redux-saga进行项目管理里,建议,使用者前,能够充分了解state的不足之处,我能理解react中state的不足之处便是:在项目足够大的时候,每个组件之间的相互调用参数,传递参数,给我带来了很多的不便,比如一个下拉select的数据,在A组件中

杭州前端工程师

2018-06-15

1.1K0

TypeError: Network request failed

react nat xcode

在使用react-native 进行网络请求时,报了这样的一个错误TypeError: Network request failed, 在检查自己代码没有错误的情况下,去设置一个xCode便可以走通,

杭州前端工程师

2018-06-15

3K0

reactjs 使用异步终级解决方案 async,await实践

先上代码: async componentDidMount() { let t = this; console.log(this.props.location); t.tree.getPandectView({}, t.state.page, this.state.pageSize); await t.getProjectId(); let searchParams = { order: 'asc', projectId: t.props.location.query.p

杭州前端工程师

2018-06-15

4820

react 在使用数据请求的时候和setState的时候哪个先处理

今天在工作中遇到一个问题,我司使用的是antd 组件,在使用react数据请求时,并在其中设置setState,页面发现了异常. 需求是这样的, 上面的调出项目为一个select选择,当时发生onCh

杭州前端工程师

2018-06-15

1K0

关于富文本编辑器

react https github

在使用了众多富文本编辑器后,终于有一些总结经验了. 这两天换了不下5个富文本编辑器,最后还是选择了第一次用的.后面的都白试了. 先说一下这个项目的需要,1.基本的字体以及样式修改要的,要图片上传功能,需要上传到自己公司的服务器,在获取地址后加上编辑中去,2.需要placeholder属性. 也许很多人都觉得这两个属性的富文本编辑器很多,然而在我花了1天左右时间寻找后,只有1款勉强满足自己的需要,placeholder这个属性还是自己通过修改原插件才得以实现的. 下面是我使用过的富文本编辑器: 1.react

杭州前端工程师

2018-06-15

2.7K0

点击加载更多

社区活动

RAG七天入门训练营

鹅厂大牛手把手带你上手实战，赢鹅厂证书、公仔好礼！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态