随笔分类 -  Vue、React、RN

主要记录这三类方向的随笔
Vue性能优化之组件按需加载（以及一些常见的性能优化方法）
摘要：关于Vue中的按需加载我就简单介绍一下：大概就是我们所有的东西都会在app.js里面，但是我们并不需要把所有的组件都一次性加载进来，我们可以在需要它的时候再将它加载进来，话不多说，开车！ 1、webpack2 + ES5结合开车 没发车前，我们页面加载的js是这样的： 任你随便点，你就只加载了这一个 阅读全文
posted @ 2018-12-16 15:09 渴望成为大牛的男人 阅读(10096) 评论(0) 推荐(1)
react之styled-components（基础篇）
摘要：介绍 安装 基本使用的一些方法 基础起步 const Title = styled.h1` font size: 1.5em; text align: center; color: palevioletred; ` //这个就相当于你创建了一个h1标签，并且赋给了它样式 使用：这个Title就相当于 阅读全文
posted @ 2018-12-14 16:52 渴望成为大牛的男人 阅读(759) 评论(0) 推荐(0)
理解Redux以及如何在项目中的使用
摘要：今天我们来聊聊Redux，这篇文章是一个进阶的文章，建议大家先对redux的基础有一定的了解，在这里给大家推荐一下阮一峰老师的文章： http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_one_basic_usages.html 对于 阅读全文
posted @ 2018-12-11 20:27 渴望成为大牛的男人 阅读(2879) 评论(0) 推荐(0)
React Native开发之expo中camera的基本使用
摘要：RN学习记录，做了一个简单的小demo，主要实现的功能：点击拍照按钮进入拍照界面，点击flip进行前后摄像头转换，点击开始拍照实现拍照功能(没写保存到本地的功能，大家可以自主开发)，代码是参照expo官网的Camera写的一个小demo，大家可以结合的expo官网来看，该加注释的地方都在代码中加了， 阅读全文
posted @ 2018-12-10 19:47 渴望成为大牛的男人 阅读(2104) 评论(0) 推荐(0)
vue中将html字符串转换成html后的一些问题
摘要：今天整理之前做vue项目时遇到的一些问题，发现了当时遇到的一个很小但是又会引出很多问题的一个问题（总之就是很有意思，听我慢慢给你到来），这个问题就是当时处理后端数据时，如何将后端返回来的字符串转换成html标签，其实根据vue官网的一个v-html方法是不是觉得很简单，当时我也是这样想的，可是我发现 阅读全文
posted @ 2018-12-09 19:50 渴望成为大牛的男人 阅读(12191) 评论(4) 推荐(3)
前后端不分离部署教程(基于Vue，Nginx)
摘要：有小伙伴私信问我vue项目是如何进行前后端不分离打包发布的，那我岂能坐视不管，如此宠粉的我肯定是要给发一篇教程的，话不多说，开始操作 前端假如我们要发布我们的Vue项目，假设我们前端用的是history路由(要发就发个全套的)，并且在后端带有一个二级目录，以便于可以在服务器上部署N个项目，在这里后台 阅读全文
posted @ 2018-12-03 18:46 渴望成为大牛的男人 阅读(9135) 评论(4) 推荐(4)
Immutable.js 以及在 react+redux 项目中的实践
摘要：前言   本文主要介绍facebook推出的一个类库immutable.js，以及如何将immutable.js集成到我们团队现有的react+redux架构的移动端项目中。 本文较长（5000字左右），建议阅读时间： 20 min 通过阅读本文，你可以学习到： 什么是immut 阅读全文
posted @ 2018-12-01 10:09 渴望成为大牛的男人 阅读(469) 评论(0) 推荐(0)
浅谈React虚拟DOM
摘要：为什么要使用虚拟DOM 因为浏览器的DOM渲染是非常消耗性能的，很低效，我们使用虚拟DOM是为了提高DOM的渲染性能； 什么是虚拟DOM 虚拟DOM就是把真实的DOM树通过createElement转换成js中的一个对象树，在内 存中作比较 在虚拟DOM中是如何渲染页面的 虚拟DOM一旦创建以后，就 阅读全文
posted @ 2018-12-01 08:57 渴望成为大牛的男人 阅读(648) 评论(0) 推荐(1)
在ReactNative中使用Typescript
摘要：在ReactNative中使用Typescript 少侠放心，跟着我的这个步骤走，保你完美在RN项目中使用Typescript，废话不多说，走你 1.全局安装create react native app 2.创建项目 3.cd到你的项目文件夹中 4.安装typescript依赖 5.安装其他依赖 阅读全文
posted @ 2018-11-29 18:04 渴望成为大牛的男人 阅读(2656) 评论(2) 推荐(2)
React中的全选反选问题
摘要：全选反选问题 1.在state里维护一个数组，例如showArr:[] 2.绑定点击事件的时候将当前这个当选按钮的index加进来 3.点击事件showInfo 最后，就可以快乐的渲染了 阅读全文
posted @ 2018-11-26 21:28 渴望成为大牛的男人 阅读(816) 评论(0) 推荐(0)
关于antd-mobile中列表上拉加载PullToRefresh的使用
摘要：相信有很多小伙伴发现antd mobile中的下拉刷新组件，也发现例子挺难的，其实这个组件并没有那么复杂，只是demo例子不好理解，给大家提供一个简单的demo，或许可以帮到你 上拉刷新下拉加载 附上代码，可直接复制过去，根据你的需求更改 如果说你看到了这里，是不是觉得还是有点东西的，如果你觉得帮到 阅读全文
posted @ 2018-11-24 14:24 渴望成为大牛的男人 阅读(7433) 评论(4) 推荐(4)
React路由-进阶篇
摘要：路由进阶 1.多级路由，和之前的思想一样，在子路由里面继续写Route，继续挂载组件，就可以实现多级路由 2.假如说多级路由嵌套层次太深，那我们写子级路由的path就会特别麻烦，所以我们不妨这样搞 2.动态路由传参/foodList/:id，传过去的值就在路由挂载组件的props中，props里面有 阅读全文
posted @ 2018-11-19 20:53 渴望成为大牛的男人 阅读(2406) 评论(0) 推荐(2)
React路由-基础篇
摘要：React Router DOM "ReactRouter网址" ， 安装 基本使用方法 1.创建一个文件夹react router dom，创建一个index.js文件 2.引入BrowserRouter as Router(可以用ES6的as，给BrowserRouter起个别名)，要注意，Br 阅读全文
posted @ 2018-11-18 10:59 渴望成为大牛的男人 阅读(2873) 评论(0) 推荐(2)