前端
文章平均质量分 58
分享前端学习相关内容,以及在工作中遇到的前端问题
程序员X小鹿
前互联网大厂程序员/AIGC爱好者/自由职业2年+
展开
-
Ionic Lazy Loading (二)
上一篇 Ionic Lazy Loading(一) 介绍了 Ionic 懒加载的原理及简单的代码实现,这一篇将介绍两种方式来组织 Component,Directives 和 Pipes,使 app 更好地支持懒加载。1. 方式一:封装模块这种方式是将每一个 Component,Directive 和 Pipe 封装成一个它自己独立的模块,在需要的 Page 中引入这些单独的模块。这样可以确保 c...原创 2018-02-14 02:38:18 · 342 阅读 · 0 评论 -
Ionic Lazy Loading (一)
1. 什么是 Ionic Lazy LoadingIonic Lazy Loading 是 Ionic 3 的一项新特性。NgModule 可以组织 App 的 Pages 并将它们分成一个个不同的 chunks,通过设置某些模块为延迟加载,只有用户在打开相关页面的时候,该页面所在模块的 js 文件才会去下载,这样会减小用户初次下载文件的大小,从而加快了 App 首次启动的时间。2. 如何实现 I...原创 2018-01-30 22:03:42 · 974 阅读 · 1 评论 -
Ionic 录音插件
本文介绍 Ionic cordova 平台下两个录音插件 cordova-plugin-media-capture 和 cordova-plugin-media的使用。1. cordova-plugin-media-capture1. 安装① 进入项目的根目录。② 安装 cordova plugin:sudo ionic cordova plugin add cordova-plugin-me...原创 2018-01-20 00:11:25 · 4042 阅读 · 3 评论 -
The Caching Relationships of S3 / CloudFront / ReactNative
This article is going to study the caching relationships of S3 / CloudFront / ReactNative. The steps of creating S3 bucket and CloudFront Distribution are already introduced in the last article ofAWS ...原创 2018-01-19 00:14:17 · 519 阅读 · 0 评论 -
React Native用CodePush实现热更新(二)
本文介绍将code-push-server放在AWS EC2服务器上,以S3作为storageType实现热更新。1. 创建S3 bucket。① 登录AWS账号,在Amazon S3控制台,点击“Create bucket”创建S3 bucket。② 在“Create bucket”对话框中,输入“Bucket name” 和 “Region”,一直点next,直到创建成功。2. 安装 Code...原创 2018-01-13 19:10:52 · 804 阅读 · 1 评论 -
React Native用CodePush实现热更新(一)
本文介绍用微软默认的CodePush Cloud和将code-push-server放在本地服务器上,以local作为storageType实现热更新。1. 安装 CodePush CLI:npm install -g code-push-clicode-push -v 查看版本,显示版本说明安装成功。(这里用的是2.1.3-beta)2. 登录CodePush:这里介绍两种方式登录CodePus...原创 2017-12-06 00:43:23 · 2269 阅读 · 0 评论 -
Mac下安装React Native
1. 安装:1. 安装Xcode: 从AppStore或Apple Developers(https://developer.apple.com/download/more/)下载安装就可以了。2. 安装Node.js: 在Node.js的官网https://nodejs.org/中下载最新的版本,双击安装就可以了。 安装完输入node -v查看版本验证是否安装成功。3.原创 2017-12-02 16:17:36 · 540 阅读 · 0 评论 -
Angular 实现动态加载 Tab 标签
通过介绍两种方式来实现动态加载 Tab 标签的效果。1. 方式一:利用 Angular 动态加载组件实现效果图:原理:Angular 中动态加载组件的两种方式:加载已经声明的组件: 使用 ComponentFactoryResolver,将一个组件实例呈现到另一个组件视图上;动态创建组件并加载:使用 ComponentFactory和Compiler,创建和呈现组件。要想实现图中效果,用 Comp...原创 2018-02-24 17:24:36 · 4310 阅读 · 1 评论 -
Angular 路由复用策略
1. 前言用 Angular 路由实现的 Tab 切换,当在不同 Tab 之间切换时,希望保留 Tab 中的状态,这时就需要用到路由复用策略 `RouteReuseStrategy`。用 上一篇 中的例子来继续说明路由复用策略:`Sub1` Tab 下有一个输入框,随便输入一些内容,当从 `Sub2` Tab 切换到 `Sub1` Tab 中时,要保留 `Sub1` Tab 中之前输入的内容。这就...原创 2018-02-17 00:52:29 · 4651 阅读 · 0 评论 -
Angular Router Lazy Loading
1. 概述Angular Router 的懒加载是 Angular2 的一项核心特性。懒加载使我们的程序拥有更快的启动速度,因为它在初始加载的时候只需要加载主模块中的内容。当切换到不同路由中时,才去加载路由中定义的相关模块。本文通过 Tab 之间切换这一个简单的例子来说明 Angular Router 的懒加载。一级 Tab 有 `Home` 和 `About`,在 `Home` 下又有二级 Ta...原创 2018-02-16 01:59:05 · 1049 阅读 · 0 评论