程序员poetry
http://blog.poetries.top/2019/06/01/vue-multiplexed-module/ 在 Vue 项目中，每一个页面都可以看作是由大大小小的模块构成的，即便是一行代码、一个函数、一个组件都可以看作是一个个自由的模块。那么提高代码的复用性的关键便在于编写可复用的模块，也就是编写可复用的代码、函数和组件等 封装成一个函数 除了使用变量的赋值缓存使用来解决数据的重复读取外，我们在开发过程中重复性更多的也许是功能点的重复，比如 12345678<tempalte> &l
http://blog.poetries.top/2019/06/01/vue-router-and-template-analyse/ 一、路由配置1. 跳转 在配置路由前，首先我们要明确一点就是，多页应用中的每个单页都是相互隔离的，即如果你想从 page1 下的路由跳到 page2 下的路由，你无法使用 vue-router 中的方法进行跳转，需要使用原生方法：location.href 或 location.replace 此外为了能够清晰的分辨路由属于哪个单页，我们应该给每个单页路由添加前缀，比如 index 单页：/
http://blog.poetries.top/2019/06/01/vue-cli3/ 一、依赖工具12345# 查看 node 版本node -v# 查看 npm 版本npm -v 二、脚手架vue-cli12# 安装 Vue CLI 3.xnpm i -g @vue/cli 安装完 vue-cli 后，我们在你想要创建的项目目录地址下执行构建命令 12# my-project 是你的项目名称vue create my-project 目录结构 1234567891011121
http://blog.poetries.top/2019/06/01/vue-opz/ 一、使用 alias 简化路径 使用 webpack 构建过 Vue 项目的同学应该知道 alias 的作用，我们可以使用它将复杂的文件路径定义成一个变量来访问。在不使用 alias 的项目中，我们引入文件的时候通常会去计算被引入文件对于引入它的文件的相对路径，比如像这样 1import HelloWorld from '../../../../HelloWorld.vue'
http://blog.poetries.top/2019/06/01/vue-container-compoment/ 组件的职能划分如果要将 Vue 组件按照职能划分，我们可以将其分为两种类型：容器组件和展示组件。 容器组件和展示组件的概念来自于 Redux 文档，那么首先什么是容器组件呢？顾名思义，它是一个容器性质的组件，我们可以把它理解为最外层的父组件，也就是最顶层的组件，一般我们把它放置在 views 文件夹下，其功能主要用于做数据提取与实现公共逻辑，然后渲染对应的子组件 另一类组件叫做展示组件，字面
http://blog.poetries.top/2019/06/01/vue-api-analyse/ 使用 performance 开启性能追踪 performance API 是 Vue全局配置 API 中的一个，我们可以使用它来进行网页性能的追踪，我们可以在入口文件中添加 123if (process.env.NODE_ENV !== 'production') { Vue.config.performance = true;} 来开启这一功能，该 API（2.2
http://blog.poetries.top/2019/01/10/ionic3-summary/ 没有angular基础，看一下这篇文章 http://blog.poetries.top/2019/01/09/angular7-intro-summary 一、介绍 Ionic 是一款基于 Angular、Cordova 的强大的 HTML5 移动应用开发框架 , 可以快速创建一 个跨平台的移动应用。可以快速开发移动 App、移动端 WEB 页面、微信公众平台应用，混 合 app web页面
http://blog.poetries.top/2019/06/08/rn-summary/ 一、环境搭建1.1 React Native环境搭建1.1.1 IOS环境搭建 环境：MacOS 12345# 如果你已经安装了 Node，请检查其版本是否在 v8.3 以上brew install node # Watchman则是由 Facebook 提供的监视文件系统变更的工具。安装此工具可以提高开发时的性能brew install watchman 注意：不要使用 cnpm！cnpm
http://blog.poetries.top/2019/01/09/angular7-intro-summary/#%E5%8D%81%E4%B8%80%E3%80%81%E6%9B%B4%E5%A4%9A%E5%8F%82%E8%80%83 最近在学Ionic4，不得不学习angular、Typescript基础知识，这里简单总结记录一下。 一、Angular 介绍 Angualr 是一款来自谷歌的开源的 web 前端框架，诞生于 2009 年，由 Misko Hevery 等 人创建，后为 Google 所收购。是一款优秀的前端 JS 框架，已经被用于 Google 的多款产品当中。 根据项目数统计 angular(1.x
http://blog.poetries.top/2019/01/10/ionic-summary/ 折腾了一段时间Typescript、angular基础，终于可以学Ionic4了。 一、介绍 Ionic 是一款基于 Angular、Cordova 的强大的 HTML5 移动应用开发框架 , 可以快速创建一 个跨平台的移动应用。可以快速开发移动 App、移动端 WEB 页面、微信公众平台应用，混 合 app web页面。 1.1 ionic 特点 ionic 基于Angular语法，简单易