- 博客(98)
- 收藏
- 关注
RSS订阅转载 从一个实战项目来看一下React Native开发的几个关键技术点
转载：http://www.tuicool.com/articles/7reemiu在进行了2个星期的基础学习（Flexbox, React.js, JSX, JavaScript）之后，想通过一个实战项目来提高React Native的开发水平，于是找到了下面这个项目：一. 项目介绍这是我在学习 贾鹏辉 老师在慕课网上的一个很火的 React Native实战的教程
2017-08-31 15:02:01
886
转载 面试专题
腾讯一面1.浏览器工作原理浏览器的主要组件包括：用户界面－ 包括地址栏、后退/前进按钮、书签目录浏览器引擎－ 用来查询及操作渲染引擎的接口渲染引擎－ 渲染界面:Firefox、Chrome和Safari是基于两种渲染引擎构建的，Firefox使用Geoko——Mozilla自主研发的渲染引擎，Safari和Chrome都使用webkit.网络－ 用来完成网络
2017-08-31 11:35:41
734
转载 CSS盒子模型以及CSS3中的box-sizing
css中的盒模型一般分为标准W3C盒模型和IE盒模型。css盒模型定义css盒模型(Box Model)规定了元素框处理元素内容、内边距、边框、和外边距的方式。 下图说明了盒子模型 元素框的最内部分是实际的内容（content），直接包围内容的是内边距（padding），内边距呈现了元素的背景。内边距的边缘是边框（border），边框以外是外边距（margin），外边
2017-08-31 11:12:50
784
转载 JS实现继承的几种方式
前言JS作为面向对象的弱类型语言，继承也是其非常强大的特性之一。那么如何在JS中实现继承呢？让我们拭目以待。JS继承的实现方式既然要实现继承，那么首先我们得有一个父类，代码如下：// 定义一个动物类function Animal (name) { // 属性 this.name = name || 'Animal'; // 实例方法 this.sleep
2017-08-31 10:44:38
325
转载 gulp常用插件整理
gulp常用插件整理1.gulp-sass(sass编译)2.gulp-compass(sass编译)3.gulp-autoprefixer(添加CSS3前缀)4.gulp-clean-css(压缩CSS)5.gulp-include（文件包含）6.gulp-concat(文件合并)7.del(文件删除)8.gulp-uglify(压缩js)9.gulp.spr
2017-08-27 11:30:44
1775
转载 HTTP状态码整理
可以以状态码范围（开头）分为以下几类：1xx：信息2xx：成功3xx：重定向（注意304视为重定向的一种可以理解为需要从缓存读取）4xx：客户端错误5xx：服务器错误需要注意的是并不是所有范围都定义了，如100~199只定义了100和1011xx信息100：Continue，收到部分请求，应该继续请求101：Switch protocols，切换协议，服务器正根据客户端的指
2017-08-27 11:09:54
354
转载 前端跨域解决方案
1、jsonpjsonp就是利用一个script标签获取回调函数的名称从而获取数据，通常这个script标签的src设置为：请求资源的地址+获取函数的字段名+回调函数名称，当然这都是需要与服务端商量好，以library.huruji3.com和blog.huruji3.com两个域为例，在一个域名的服务器端我设置了以下代码：router.get('/jsonp',function(req,
2017-08-27 10:42:13
379
转载 基于React-Native及Redux的Immutable.js引入
转载http://xgfe.github.io/2017/08/24/lulutia/immutable-RN-Redux/本文主要介绍了如何对RN项目进行render count的优化，着重介绍了Immutable.js及其如何与Redux和React Native融合。前菜之背景介绍话说某天，楼主吃着火锅唱着歌，逛到了React的Performance Tool
2017-08-26 13:25:10
510
转载 基于React-Native及Redux的Immutable.js引入
本文主要介绍了如何对RN项目进行render count的优化，着重介绍了Immutable.js及其如何与Redux和React Native融合。前菜之背景介绍话说某天，楼主吃着火锅唱着歌，逛到了React的Performance Tools版块，心血来潮，放到了手上的项目里面玩了玩，看完后整个人都不太好了，数据如下(我一页屏幕都截不完……)：性能图但实际上
2017-08-26 13:24:02
777
转载 一份react-native面试题
声明：题目是群里面看到的，并不完全。答案自己手撸1、下面打印出b的值是？if(true){let b = 2} alert(b).let不存在变量提升，且作用域只在代码块，输出undefined2、const name = 'jack'; const age = 20; const person = {[name] : true, [age] : true}. person对象
2017-08-26 10:54:55
2343
转载 微信小程序：支付系列合集（开发指南+精品Demo）
小程序支付指南：微信小程序与php 实现微信支付 |链接微信小程序---设计支付密码的输入框|链接e玩转小程序支付之付款（统一下单）|链接小程序支付详解+源码(客户端+服务端) |链接【小白专用】微信小程序支付，微信支 ...http://www.wxapp-union.com/portal.php?mod=view&aid=2572
2017-08-26 10:04:05
2668
转载 小程序支付详解+源码(客户端+服务端)
今天刚将小程序的支付调通，和大家分享下(坑) 包括小程序端、java服务器端今天刚将小程序的支付调通，和大家分享下(坑) 包括小程序端、java服务器端和其他方式的微信支付方式区别不大，也都需要经过统一下单、支付结果通知(回调)，具体流程如下： 1、小程序内调用登录接口，获取到用户的openid,api参见公共ap
2017-08-26 09:48:06
1131
2
转载 React-Native学习总结
A、导航栏Navigation1、无法pop到指定router，快速连续点击容易出现重复push，集成Redux解决2、对某一个页面比如登录页，想让它的以modal形式弹出，将登录页面用modal包装后弹出，而非navigation的push3、navigation设置多个参数时，多个参数要一起写在setParams方法里面，否则前面设置的那个参数无效。而且该方法会导致页面重新渲染
2017-08-26 09:39:02
750
转载 Vue.js学习系列三 —— axios和网络传输相关知识的学习实践
在学习了之前的路由vue-router和状态管理vuex之后，就应该是网络交互了。就学习尤大推荐的axios了。刚好本人对网络请求这块除了会get、put、post和delete这四个方法之外知之甚少，刚好补全上。注意：Vue官方推荐的网络通信库不再是vue-resource了，推荐使用axios。尤大的公告axios安装npm:$ npm install ax
2017-08-25 15:24:35
564
转载 vue-router2学习实践笔记（附DEMO）
想学习Vue的SPA应用，路由这一块是必不可少的。相信很多和我一样刚接触前端的朋友对于路由这玩意是很困惑的。所以在我学习并成功使用了vue-router后，将我的个人经验分享出来，希望可以让同样对路由不知所措的同学有所帮助。注意：本文demo的项目结构用的是最新的命令行工具创建的webpack项目模板；本文知识点是基于Vue2.0和vue-route 2的，更多内容请参考Vue.j
2017-08-25 14:57:34
533
转载 ReactNative接入支付宝支付
写在前面重申一下，ReactNative开发的App是NativeApp，不是WebApp或者HybridApp，所以我们需要开通的是支付宝的App支付功能，别申请错了。申请完成之后就可以接下去开发了。支付宝支付接入支付宝支付前建议先查看 支付宝官方文档，先按照要求创建应用并完成配置。不过要注意以下两点：第一，App支付不能在沙箱做测试，所以我们需要先 “上线”
2017-08-25 11:33:57
677
转载 webpack3如何正确引用并使用jQuery库
经过百度、谷歌、SF、stackoverflow后终于将webpack3引用jQuery的问题解决了，网上的重复文章太多，大多也都过时了，webpack这两年发展也非常快，大多都是1.0版本的文章，与时俱进的很少，刚刚看了一眼现在已经发展到3.5.5了，真正看其中一篇文章能解决问题的几乎没有，下面是webpack3的实现代码。首先在配置页面中加入外部引用Java
2017-08-25 09:02:54
4428
1
转载 react-douban 仿豆瓣电影app项目
前言A React.js project 一个基于React.js仿豆瓣电影项目(demo)，使用react-router、webpack、redux等技术，包含左右滑动，上拉加载更多等功能，数据来源：豆瓣API项目github源码：https://github.com/chenshaomei/react-douban项目效果图：image.pngima
2017-08-25 08:59:50
2002
转载 热更新codepush
初始化阶段：1:npm install -g code-push-cli 安装客户端2:code-push -v 查看是否安装成功3:code-push register 在codepush注册账号4:code-push login5:code-push app add react-native 添加app例如code-push app add test android
2017-08-25 08:54:05
866
转载 签名 react-native-signature
react-native-signature 简单介绍这是一个基于H5来编写的签名组件，同时支持iOS和Android，签名或者涂画完毕后，提供了保存和取消两个点击事件。react-native-signature.gif如何使用react-native-signature1.安装react-native-signatureyarn add react-native
2017-08-25 08:52:25
3104
1
转载 CSS盒子居中的几种方法
1.第一种利用margin，div1的宽减去div2的宽就是div2margin-left的数值：（100-40）/2=30div1的高减去div2的高就是div2margin-top的数值：（100-40）/2=30按 Ctrl+C 复制代码 demo .div1{ wi
2017-08-25 08:48:35
42104
转载 react-native利用codepush实现热更新
如果你对codepush实现的热更新还不了解,当你看到这篇文章,恭喜你赚大了.不扯没用的,现在步入正题说说热更新那些事!一.创建一个简单的项目由于是做iOS开发的安卓不太了解,安卓的小伙伴们不好意思就拿iOS开刀说了.首先配置reactNative开发所需的各种环境,这里就不再说了,请去reactNative中文网查看.首先我们使用命令react-native in
2017-08-24 22:53:39
935
转载 基于vue2.0打造移动商城页面实践
从angular到react再到后来的vue~火热的框架可谓一个接一个，着实让小的有点力不从心，大神们为了更好的组织编写代码，费尽心机捣鼓了各种各样的框架。由于小的没有怎么接触react，暂且不做过多描述，且说说angular和vue吧。接触angular大约是在两年前，那会还是angular1。这也是小的使用的第一个框架，让我印象最深刻的是它让我完全改变了基于jquery开发时的编码方式，从
2017-08-24 17:50:48
6888
1
转载 Vue相关开源项目库汇总(史上最全)
目录UI组件 开发框架实用库服务端辅助工具应用实例Demo示例 UI组件element ★13489 - 饿了么出品的Vue2的web UI工具套件Vux ★8133 - 基于Vue和WeUI的组件库iview ★6634 - 基于 Vuejs 的开源 UI 组件库mint-ui ★6253 - Vue 2的移动UI元素muse-ui ★37
2017-08-24 17:15:02
3538
1
转载 用vue实现简易的音乐webApp
1、前言学了半个月的vue，做这个小项目也做了半个月；数据是实时抓取自QQ音乐的api接口，主要的功能实现是对网页版的qq音乐功能来做参考。2、关于项目这个小项目用了webpack+vue全家桶+es6等技术栈来实现的，基本实现了音乐播放，数据的动态抓取，因为要开学了，所以歌词页面和搜索也还没完善，后面也会慢慢的更新解决具体效果首页榜单排行榜
2017-08-24 13:42:00
1437
转载 RN项目接入第三方SDK的封装包
项目开发引入别人封装的UI包或者工具包是很正常的事情，但是针对第三方SDK进行二次封装包的引入还需要做一些其它工作。一下都是在 npm install 成功，同时 react-native-baidu-ios 已经存在于node_modules目录的基础下进行自动导入运行 react-native link ，运行成功后会在xcode工程的Libraries出现装作百度SD
2017-08-24 13:31:07
2582
转载 react-native-open-project
React Native 优秀开源项目大全（每月15更新）转载http://www.marno.cn/目前累计收录：【 166 】★ 关于我们公众号【 aMarno 】专注分享 React Native 技术和资源 ，扫码关注↓↓↓公众号回复 RN，可加入 RN 技术微信交流群Marno 的主页：【 掘金 】 【 简书 】简书专题 《 React Nativ
2017-08-23 20:38:23
580
1
原创 多维数组扁平化
function init (arr) { var newArr = []; if (arr instanceof Array) { arr.forEach(function (value) { newArr = newArr.concat(init(value)); }); } else { newA
2017-08-23 16:21:40
602
转载 将 React Native 项目运行在 Web 浏览器上面
http://www.cnblogs.com/On1Key/p/5780577.html React Native 的出现，让前端工程师拥有了使用 JavaScript 编写原生 APP 的能力。相比之前的 Web app 来说，对于性能和用户体验提升了非常多。但是 React Native 的代码只兼容两个平台（iOS 和 Android），并没有兼容 Web 端访问。这里是因为 Fac
2017-08-23 09:12:27
793
转载 webpack 3 & React 的配置 。
webpack3 的配置相对于webpack2 又有了一些新的变化，这里讲其记录下来，备查 。package.json 的完整文件在结尾 。1. 安装npm inityarn add webpack webpack-dev-server -D2. 配置简单输入输出webpack.config.jsmodule.exports = { entry: {
2017-08-23 09:02:26
992
转载 javaScript统计字符串中字符出现的次数
1. 实现代码很简单，思路是定义一个空对象来保存字符和它对应出现的次数，如下：/*2016-06-29*///随便打一串字符做测试var str = "sdwprwqsjxg",json = {};for (var i = 0, l = str.length; i < l; i++) { json[str[i]] = (json[str[i]] + 1) || 1;
2017-08-22 09:08:09
10323
转载 原生Android项目中集成react-native以及jpush-react-native（极光推送）
写这篇博文的目的1、官方原生Android集成react native,根据官方文档配置后的总结与填坑（新版的配置手法上还是有些不同）。2、官方jpush-react-native github文档写的配置过程在新版的react native中并不完整，使用最新的react native 0.41.2在配置极光时是需要做一些额外的操作（可以去看官方给的example）。3、这篇文章中全
2017-08-20 23:00:34
1841
转载 react-navigation路由篇之StackRouter
react-navigation的基础认识：react-navigation是官方正在推的导航，但是没有放入到react-native包中，而是单独开了一个库，它的核心概念是Router，Router的概念图如下所示：routers-concept-map.png最上方的文字：上面这个图清晰的表达出了Router能干什么，最重要的一句话是：Router经常组合使用，并且
2017-08-20 22:58:34
6792
1
转载 react-native-code-push进阶篇
之前写了一篇关于react-native-code-push的入门使用篇：微软的React Native热更新 - 使用篇，真的是很简单的使用，能热更新成功就行了。这一篇通过在项目中实战所遇到的问题，根据源码分析它的原理，来更深入的理解code-push。这篇文章是在已经搭建好code-push环境（执行过npm install --save react-native-code-push@
2017-08-20 22:57:21
2860
转载 React Native热更新 - 使用篇
官方相关资源：code push github: https://github.com/Microsoft/react-native-code-pushcode push官网：http://microsoft.github.io/code-push/code push cli手册：http://microsoft.github.io/code-push/docs/cli.html
2017-08-20 22:56:38
1920
转载 你不知道的 React Router 4
https://zhuanlan.zhihu.com/p/28585911几个月前，React Router 4 发布，我能清晰地感觉到来自 Twitter 大家对新版本中其 大量的修改 的不同声音。诚然，我在学习 React Router 4 的第一天，也是非常痛苦的，但是，这并不是因为看它的 API，而是反复思考使用它的模式和策略，因为 V4 的变化确实有点大，V3 的功能它都有，
2017-08-19 13:27:01
1503
转载 关于 React Router 4 的一切
https://juejin.im/post/5995a2506fb9a0249975a1a4?utm_source=tuicool&utm_medium=referral我在 React Rally 2016 大会上第一次遇到了 Michael Jackson，不久之后便写了一篇 an article on React Router 3。Michael 与 Ryan Floren
2017-08-19 13:12:34
26123
5
转载 React Native获取地理位置（获取具体城市、经纬度）
并不是所有的APP都要获取你当前的地理位置的，但是有的APP对这方面是特别重要的，例如催收的行业，准确获取借款人的位置，才能不扑空~~基本上实现的原理其实很简单，前端要做的事情就是每次打开APP的时候获取一下手机当前的位置，或者每隔几分钟就重新获取一次。注：RN提供的方法只能获取到经纬度，不会直接给你具体的城市或者街道，如果要的话，可以用百度或者高德的逆地理编码接口去转，不过一般前端只是传
2017-08-19 13:08:36
8398
1
转载 React Native工作小技巧及填坑记录
以下是本人在React Native开发工作中使用的一些小技巧,记录一下。1.从网络上拉取下来的React Native缺少React和React Native库.终端1. cd 项目根目录2. npm install3. 完成之后,在根目录中会出现node_modules文件夹(和package.json同级目录).OK.接下来使用Xcode再次打开就好了
2017-08-18 17:49:33
453
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人