liyouzhi666的博客

1.跨域请求产生 随着不同终端(Pad/Mobile/PC)的兴起，对开发人员的要求越来越高，纯浏览器端的响应式已经不能满足用户体验的高要求，我们往往需要针对不同的终端开发定制的版本。为了提升开发效率，前后端分离的需求越来越被重视，后端负责业务/数据接口，前端负责展现/交互逻辑，同一份数据接口，我们可以定制开发多个版本。 而前后端分离带来的一个问题就是前端web部署的服务器和后端提供服务的服务器

使用 @ng-toolkit/serverless 部署你的 Angular 应用在 Firebase / AWS Lambda / Google Cloud Functions在这篇文章中，我将告诉您如何使用@ng-toolkit/serverless library轻松快速地将任何 Angular CLI 项目部署到 Serviceless 环境中。 现在你已经有一个完美、强大的...

ng-template, ng-container and ngTemplateOutlet - 全方位剖析 Angular 模板在这篇文章中, 我们将会深入介绍一些 Angular Core 的高级功能!你可能已经通过一些angular core 的指令间接的使用过 ng-template 了，例如 ngIf/else, ngSwitch.ng-template 和 ngTempla...

Angular 使用 @toolkit/universal 实现服务端渲染SPA 的缺陷 — SEO基本上所有现在大行其道的单页应用都存在这个问题，它们只在客户端运行和渲染，也许你会说：“单页明明就是这样设计的，这是优点而不是缺陷！”， 当然，你说的完全正确！现在的问题是你的应用“只在”客户端渲染和运行。爬虫是怎样去爬取网页的？问题在于搜索引擎的 机器人/爬虫 的工作类似...

es6

隐式类型转换在 JavaScript 中，当我们进行比较操作或者加减乘除四则运算操作时，常常会触发 JavaScript 的隐式类型转换机制；而这部分也往往是令人迷惑的地方。譬如浏览器中的 console.log 操作常常会将任何值都转化为字符串然后展示，而数学运算则会首先将值转化为数值类型（除了 Date 类型对象）然后进行操作。我们首先来看几组典型的 JavaScript 中运算符操作结果，希望

ES6 变量声明与赋值：值传递、浅拷贝与深拷贝详解转载于王下邀月熊_Chevalier的现代 JavaScript 开发：语法基础与实践技巧系列文章。变量声明与赋值ES6 为我们引入了 let 与 const 两种新的变量声明关键字，同时也引入了块作用域；本文首先介绍 ES6 中常用的三种变量声明方式，然后讨论了 JavaScript 按值传递的特性以及多种的赋值方式，最后介绍了复合类型拷贝的技巧

rxjs简单入门rxjs全名Reactive Extensions for JavaScript，Javascript的响应式扩展, 响应式的思路是把随时间不断变化的数据、状态、事件等等转成可被观察的序列(Observable Sequence)，然后订阅序列中那些Observable对象的变化，一旦变化，就会执行事先安排好的各种转换和操作rxjs适用于异步场景，即前端交互中接口请求、浏览器事件以及

angular.js和ionic框架搭建一个webApp angular.js和ionic框架搭建一个webApp注：本文适合对angular.js有基础的同学这是本系列文章的开篇，本系列文章均是转载，目的是方便自己查阅，并且以后方便改动AngularJS简介：AngularJS 是一个为动态WEB应用设计的结构框架，提供给大家一种新的开发应用方式

Why Angular2Angular1.x显然非常成功，那么，为什么要剧烈地转向Angular2？性能的限制AngularJS当初是提供给设计人员用来快速构建HTML表单的一个内部工具。随着时间的推移，各种特性 被加入进去以适应不同场景下的应用开发。然而由于最初的架构限制（比如绑定和模板机制），性能的 提升已经非常困难了。快速变化的WEB在语言方面，ECMAScript6的标准已经完成，这

首先创建一个指令，采用@input方式，来获取jquery插件所需要的参数。在ngOnChanges时，也就是参数通过@input传入时，初始化jquery插件，初始化jquery插件需要获取dom元素，所以我们引入ElementRef，用来获取dom元素这里需要讲一下，jquery中回调函数，如果直接使用this,回调是无法获取angular的函数的所以这里采用bind的形式，把this传

angular2模块划分总结1.模块之间交互较少推荐使用：使用router，因为交互少，相对独立，就要做到良好的封装 。使用方法：xxx.ts文件中声明：import { Router } from ‘@angular/router’;xxx.html文件中使用路由插槽：< router-outlet>创建一个路由ts文件，声明路由路径,例如: const appRoutes: Rout

前言：　　angular2相比angular1做了革命性的改变。对于开发者来说，我们知道它框架的实现上改变极大。我们看到代码也能发现它写法上变化很大，似乎完全是另一个东西。但是当我们真正去写下去的时候，又会发现，处处都有angular1的影子，处处都是angular1的概念。对，没错。angular始终是angular，换件“衣服”，还是angular。最开始我第一眼看到angular2的代码

原文地址：http://kb.cnblogs.com/page/129756/　　目录　　一、介绍　　二、渲染引擎　　三、解析与DOM树构建　　四、渲染树构建　　五、布局　　六、绘制　　七、动态变化　　八、渲染引擎的线程　　九、CSS2可视模型　　英文原文：How Browsers Work: Behind the Scenes of Modern Web Browsers　　一、介绍

Ⅰ.绝对定位居中(Absolute Centering)技术我们经常用margin:0 auto来实现水平居中，而一直认为margin:auto不能实现垂直居中……实际上，实现垂直居中仅需要声明元素高度和下面的CSS:[css] view plain copy print?.Absolute-Center {    margin: auto;    position: absolute;    t

Angular Elements，四步将Angular 组件转换为 web 组件从Angular版本6开始，我们可以将Angular组件公开为Web组件，或者更确切地说：作为自定义元素，它是Web组件这一术语的标准之一。它们可以在每个框架中重复使用，甚至可以与原生JS一起使用。除此之外，我们可以在运行时轻松创建它们，因为它们是由浏览器呈现的。动态添加新的DOM节点。在这里，我正在使用这个想法来...