自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(16)
  • 收藏
  • 关注

原创 ES6 Promise 总结

Promise 对象是 ES6 新增的异步 API 封装方案; 通过 new 一个 Promise 对象实例,可以创建一个单向状态机; Promise 对象有三种状态,pending,fulfilled,rejected pending 为初始态,fulfilled 和 rejected 为终止态; 通过 Promise 内制的 resolve 和 reject 函...

2018-09-12 16:23:34 444

原创 TSLint-Angular 配置详解

代码风格和语义的检查工具,帮助规范 TS 和 Angular 的代码书写;(TSLint 的官方文档全英文且极其简略,不友好 : ( ) 安装:=> cd smartisan2017=> cnpm install // 安装相关依赖,包括 codelyzer、tslint-angular 及依赖全局安装 tslint & typescriptcnpm...

2018-09-07 15:22:40 7787

原创 浏览器缓存汇总

针对静态资源(CSS、JS、图片)使用缓存 加载更快,节省带宽,降低服务器压力; 缓存分类,服务端缓存和客户端缓存,服务端指 CDN 缓存,客户端为浏览器缓存; 浏览器缓存机制 浏览器缓存分强缓存和协商缓存; 强缓存会直接从本地缓存中读取资源,不会发送请求至服务器;协商缓存会发送一个请求到服务器,如果命中协商缓存,服务器会返回 304 状态码,浏览器接收到请...

2018-08-13 20:02:09 350

原创 基于 Angular 的前端组件化

随着浏览器性能提升,新的技术和形式不断升级,前端开发工程师面对的交互和设计也日趋复杂,开发周期变长,旧有的项目维护困难,与新的功能难以兼容匹配。前端开发者也需要学习和使用传统软件开发的思路和工具。其中组件化是最早在前端范围内展开应用的开发思想,比如 Bootstrap 对于标签样式的规范就是一种前端组件化。本篇文章是基于 Angular 框架对前端组件化的一些实践和思考,如有纰漏,还请谅解,欢迎指...

2018-07-24 00:01:48 2619

翻译 翻译 - 一种崭新的网络图片格式 WebP

翻译: https://developers.google.com/speed/webp/一种崭新的网络图片格式A new image format for the webWebP 是一种先进的图片格式,它可以以更低的失真率来压缩网络图片。网络管理员和开发者可以通过使用 WebP 来创造体积更小、更丰富的图片,从而提高网络加载的速度,节省带宽。WebP is a modern image form

2017-04-25 14:51:59 476

原创 Ng2 应用初始化脚本v0.1

扩展基于ng2框架的应用,使用脚本生成引导文件与模块根目录,规范项目结构

2017-01-03 23:32:47 469

原创 Shell 脚本实践

Shell 脚本实践Shell 用 C 语言编写的程序,既是一种命令行语言,又是一种程序设计语言

2017-01-03 17:35:32 787

原创 Angular2 模板语法精粹之浅出

承接上一篇文章,Angular2 模板语法精粹之深入,这篇文章主要介绍了 angular2 内置的一些常用模板语法,看完这篇的内容,可以很快的使用内置指令和语法,构建出常用的组件模板,完成工作中大部分的需求逻辑

2016-12-27 23:30:26 302

原创 Angular2 模板语法精粹之深入

Angular2 作为MVVM 模型-视图-视图模型框架,组件扮演着控制器或者视图模型的角色,模板则扮演视图的角色,熟练灵活的使用模板语法,可以最快速便捷的构建出复杂应用本篇文章作为 Angular 模板语法总结的深入篇,涵盖了最通用的模板范例和原理,可以灵活的根据产品需求,搭建简洁有效的自定义模板

2016-12-27 23:26:27 448

原创 Angular 动画

Angular 动画Angular 的动画系统除了可以构建出与原生CSS动画性能相同的动画,还可以保持动画逻辑与应用代码的紧密集成能力,让动画更容易被触发和控制

2016-12-26 17:37:18 445

原创 Threejs初识-创世之旅

在这篇 Threejs 简介中,我们先忽略具体构建 Threejs 的整体工程,主要了解使用 Threejs 构建三维应用需要用到的要素

2016-12-23 18:00:44 603

原创 Webpack-简介

Webpack 简介Webpack 是一个模块打包器,用来把程序源码打包到方便易用的块中,便于浏览器加载,可以替代 angular2 中模块引用工具 SystemJS运用到生产环境中包(bundle)就是一个 JavaScript 文件,将一对资源(assets)合并一起,以便在一个文件请求中返回给客户端,包中可以包含 Javascript、css、html及其他类型文件

2016-12-22 21:59:18 311

原创 TypeScript基础-模块

TypeScript 模块从TypeScript 1.5开始,内部模块称作“命名空间”,外部模块则简称为“模块”;模块构造出了一个独立的作用域,模块内的变量、函数、类在模块外部不可见;如果想要暴露 A 模块内的 a 函数给 B 模块,需要在 A 中使用 export 语法,同时在 B 模块中 import 从 A 暴露出的 a 函数(可以改变 B 中引用的函数名称)

2016-12-22 21:58:12 2173

原创 Webpack-模块化系统简述

前端是基于多语言、多层次的编码和组织工作,同时,前端的交付基于浏览器,这些资源是通过增量加载的方式运行于浏览器端,如何在开发环境组织好这些碎片化的代码和资源,保证浏览器端快速、优雅的加载和更新,需要一个模块化的系统。

2016-12-22 21:56:47 603

原创 TypeScript基础-类型与变量

从开始学习TypeScript已经有两周时间了,部分官网的功能也已经能在重构的本地编译还原,是时候抽时间回归一下TypeScript基础。类型和变量是每一门编程语言的核心,相信我们最开始学习编程的时候,也是从语言的类型入手。这一篇梳理了 TS 基本类型和变量声明的主要知识点。

2016-12-22 00:35:31 2470

原创 TypeScript基础-概述

TypeScript是JavaScript类型的超集,它可以编译成纯JavaScript。TypeScript可以在任何浏览器、任何计算机和任何操作系统上运行,并且是开源的。本文作为 TypeScript 笔记系列的第一篇,简要介绍了 TypeScript 的新特性和使用方法:)

2016-12-21 02:30:03 334

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除