关闭
当前搜索:

react-native 开发的鲨鱼笔记app

列表开源地址 https://github.com/378056350/react-native-bookkeeping 基于React Native开发,适配Android与IOS。 随着项目的使用情况和反馈,将时不时根据更新并完善用户体验与功能优化吗,欢迎提出问题。 技术栈 React-NativeReact-NavigationReduxRedux-SagaReac...
阅读(110) 评论(0)

React系列之高阶组件HOC实际应用指南

前言 Higher-Order function(高阶函数)大家很熟悉,在函数式编程中的一个基本概念,它描述了这样一种函数:这种函数接受函数作为输出,或者输出一个函数。比如常用的工具方法reduce,map等都是高阶函数 现在我们都知道高阶函数是什么,Higher-Ordercomponents(高阶组件)其实也是类似于高阶函数,它接受一个React组件作为输入,输出一个新的React组件 ...
阅读(42) 评论(0)

ReactNative实现图集功能

转载http://www.cnblogs.com/vipstone/p/7611676.html 需求描述:    图片缩放、拖动、长按保存等基础图片查看的功能;   展示每张图片文本描述; 实现效果,如图:    实现步骤 使用第三方插件:react-native-image-zoom-viewer 插件GitHub地址:https://githu...
阅读(69) 评论(0)

React 中常见的动画实现方式

现在,用户对于前端页面的要求已经不能满足于实现功能,更要有颜值,有趣味。除了整体 UI 的美观,在合适的地方添加合适的动画效果往往比静态页面更具有表现力,达到更自然的效果。比如,一个简单的 loading 动画或者页面切换效果不仅能缓解用户的等待情绪,甚至通过使用品牌 logo 等形式,默默达到品牌宣传的效果。 React 作为最近几年比较流行的前端开发框架,提出了虚拟 DOM 概念,所有 ...
阅读(88) 评论(0)

JavaScript 模块讲解

介绍 模块通常是指编程语言所提供的代码组织机制,利用此机制可将程序拆解为独立且通用的代码单元。所谓模块化主要是解决代码分割、作用域隔离、模块之间的依赖管理以及发布到生产环境时的自动化打包与处理等多个方面。 模块的优点 可维护性。 因为模块是独立的,一个设计良好的模块会让外面的代码对自己的依赖越少越好,这样自己就可以独立去更新和改进。命名空间。 在 JavaScript 里面,如果...
阅读(69) 评论(0)

React Native 仿微信通讯录右侧字母快捷操作区

其实也不能说仿微信,大部分通讯录都一样,先来看两张效果图 第一张是微信、第二张是我写的 简单介绍一下功能点 1、好友排序  2、点击右侧快捷操作区,相应跳转到所属通讯录区域  3、ScrollView 在滑动过程中自动匹配右侧字母分类,同时作出UI更新 详细讲讲 好友信息数据结构 let typeList = [ { nickname: '曾泰', pict...
阅读(90) 评论(0)

Vue知识回顾

年初第一个 flag 就是掌握 vue ,哈哈 Vue ,React ,Angular 三大主流框架,最后我选择学习 Vue ,接触过 React ,自己感觉学习曲线有些陡峭,进而我选择了学习 Vue ,他的学习曲线平稳很多;不管选择什么框架,除了对基础的知识有一定的了解掌握,还应该对 ES6 有一定的了解; 这就是我脑海中的 Vue 知识体系; 一句话概况了 Vue 通过尽可能...
阅读(159) 评论(0)

基于vue、vuex、vue-router、echarts搭建的数据展示平台

真的好久没有更新博客了,但是我最近并没有偷懒哦,一直在学习vue这个框架,并且用它做了一个小项目,现在就给大家分享一下我的这个还比较有意思的小项目咯,本项目是基于vue2.0开发的。 灵感来源 这是一个数据可视化相关的项目,作为一个学生班主任,需要对班上同学的各方面的情况都有所了解,于是我便做了一个问卷调查来了解学生各方面的情况。然后我又想到可以分析我们班的群聊记录呀,根据群聊记录可以...
阅读(440) 评论(0)

Vue2技术栈归纳与精粹

https://uinika.github.io/2017/12/03/web/vue/ Vue是一款高度封装的、开箱即用的、一栈式的前端框架,既可以结合webpack进行编译式前端开发,也适用基于gulp、grunt等自动化工具直接挂载至全局window使用。本文成文于Vue2.4.x版本发布之初,笔者生产环境当前使用的最新版本为2.5.2。在经历多个前端重度交互项目的开发实践之后,笔者结合官...
阅读(1754) 评论(0)

React中的Context

简介:在React中,数据可以以流的形式自上而下的传递,每当你使用一个组件的时候,你可以看到组件的props属性会自上而下的传递。但是,在某些情况下,我们不想通过父组件的props属性一级一级的往下传递,我们希望在某一级子组件中,直接得到上N级父组件中props中的值。 1.一般情况下通过props传值的情况 class Button extends React.Component { ...
阅读(160) 评论(0)

React学习之进阶上下文

http://blog.csdn.net/qq_18661257/article/details/64152416 在React中很容易根据组件从而跟踪数据流,当你使用一个组件时,可以通过看props来判断用了哪一些东西。 有时候你想直接通过组件树来讲数据传递子元素,而不是通过props一层一层的传递下去,可以使用React提供的contextAPI来处理。 1.为什么一般都不使...
阅读(131) 评论(0)

用React-Native+Mobx做一个迷你水果商城APP

前言 最近一直在学习微信小程序,在学习过程中,看到了wxapp-mall这个微信小程序的项目,觉得很不错,UI挺小清新的,便clone下来研究研究,在看源码过程中,发现并不复杂,用不多的代码来实现丰富的功能确实令我十分惊喜,于是,我就想,如果用react-native来做一个类似这种小项目难不难呢,何况,写一套代码还能同时跑android和ios(小程序也是。。。),要不写一个来玩玩?有了这个想...
阅读(277) 评论(0)

用React-Native+Mobx做一个迷你水果商城APP

前言 最近一直在学习微信小程序,在学习过程中,看到了wxapp-mall这个微信小程序的项目,觉得很不错,UI挺小清新的,便clone下来研究研究,在看源码过程中,发现并不复杂,用不多的代码来实现丰富的功能确实令我十分惊喜,于是,我就想,如果用react-native来做一个类似这种小项目难不难呢,何况,写一套代码还能同时跑android和ios(小程序也是。。。),要不写一个来玩玩?有了这个想...
阅读(117) 评论(0)

webpack从零开始第6课:在Vue开发中使用webpack

webpack目录 第1课: 安装webpack和webpack-dev-server第2课: 配置文件第3课: 做为node的一个模块来使用第4课: 插件篇第5课: 模块篇第6课: 在Vue开发中使用webpack 本文参考文档 vue   vuex   vue-router   vue-loader   awesome-vue精彩的vue       vue-cli 写...
阅读(266) 评论(0)

前端开发规范之React应用使用ESLint

现代前端技术飞速发展,最终形成了以效率和质量为核心的两大趋势。就效率而言,在大型前端项目的开发中,规范的制定、框架的出现与升级、构建的使用更新、组件化的设计实现等都在于前端能更快、更高效地完成更多的事情。质量方面,前端优的提出、前端用户数据的收集、错误日志的收集上报等,都是为了帮助开发者来提高前端性能,提升用户体验。 目前,前端已进入了以效率和质量为核心的工业化时代,各类辅助工具的使用和技术的使...
阅读(73) 评论(0)

react navigation返回到任意页面(不集成redux)

react navigation默认是使用key作为goback的参数进行返回的,这个key是一个动态生成的,而不是我们定义的routeName。  网上也有很多方法有的说更改源码,有的说是集成redux。更改源码的方式我也尝试过但是如果开启滑动返回属性,很容易就卡死。集成redux是一个不错的方式,但对于新手来说redux的模式还是太过于复杂,况且redux的强大在于数据流的控制,仅仅一个因为...
阅读(121) 评论(0)

React全家桶构建一款Web音乐App实战3

接着上一节内容,这一节抓取QQ音乐移动Web端推荐页面接口和PC端最新专辑接口数据。通过这些接口数据开发推荐页面。首先看一下效果图 页面结构 推荐页面主要分轮播和最新专辑两块,其中轮播图片来自QQ音乐移动Web端推荐页面的接口,最新专辑则从PC端抓取的,整个推荐页面超出屏幕是可以滚动的 轮播图和最新专辑数据抓取 用chrome浏览器打开手机调试模式,输入QQ音乐移动端地址:m....
阅读(156) 评论(0)

React Native防止快速重复点击

建立CallOnceInInterval.js let isCalled = false, timer; /** * @param functionTobeCalled 被包装的方法 * @param interval 时间间隔,可省略,默认600毫秒 */ export default callOnceInInterval = (functionTobeCalled, interval...
阅读(254) 评论(0)

React全家桶构建一款Web音乐App实战

上一节使用create-react-app脚手架搭建了基本项目骨架,这一节继续制作项目需要的字体图标和页面主路由的搭建 字体图标制作 为什么要使用字体图标? 图标放大或缩小不会被拉伸,会保持足够的清晰度颜色可以随意设置。如果使用普通图片,图片颜色已经是设计好的,如果要换颜色需要借助工具来对图片进行修改 制作字体图片首先我们需要svg图片。svg图片可以从iconfont阿里矢量图标库自...
阅读(112) 评论(0)

基于react16 webpack3 搭建前端spa基础框架 react-router的4种异步加载方式

这两天看了下react的文档,准备搭建一套适用的基本react开发架子。 由于我一直使用的是vue,很少使用过react进行项目的开发,因此此构建主要参考的是vue的项目经验。 项目主要会涉及到的知识点 webpack 配置及其优化 react-router 升级为4.0之后的使用 react-router-dom react-router-config rea...
阅读(84) 评论(0)
2087条 共105页1 2 3 4 5 ... 下一页 尾页
    个人资料
    • 访问:2964934次
    • 积分:28823
    • 等级:
    • 排名:第210名
    • 原创:122篇
    • 转载:1964篇
    • 译文:0篇
    • 评论:261条
    最新评论