基础知识
文章平均质量分 80
KevinDMitnick
前端工程师,目前就职于锤子科技,希望能跟大家分享交流学习中的经验和困惑
展开
-
翻译 - 一种崭新的网络图片格式 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 · 514 阅读 · 0 评论 -
浏览器缓存汇总
针对静态资源(CSS、JS、图片)使用缓存 加载更快,节省带宽,降低服务器压力; 缓存分类,服务端缓存和客户端缓存,服务端指 CDN 缓存,客户端为浏览器缓存; 浏览器缓存机制 浏览器缓存分强缓存和协商缓存; 强缓存会直接从本地缓存中读取资源,不会发送请求至服务器;协商缓存会发送一个请求到服务器,如果命中协商缓存,服务器会返回 304 状态码,浏览器接收到请...原创 2018-08-13 20:02:09 · 380 阅读 · 0 评论 -
TypeScript基础-类型与变量
从开始学习TypeScript已经有两周时间了,部分官网的功能也已经能在重构的本地编译还原,是时候抽时间回归一下TypeScript基础。类型和变量是每一门编程语言的核心,相信我们最开始学习编程的时候,也是从语言的类型入手。这一篇梳理了 TS 基本类型和变量声明的主要知识点。原创 2016-12-22 00:35:31 · 2500 阅读 · 0 评论 -
TypeScript基础-模块
TypeScript 模块从TypeScript 1.5开始,内部模块称作“命名空间”,外部模块则简称为“模块”;模块构造出了一个独立的作用域,模块内的变量、函数、类在模块外部不可见;如果想要暴露 A 模块内的 a 函数给 B 模块,需要在 A 中使用 export 语法,同时在 B 模块中 import 从 A 暴露出的 a 函数(可以改变 B 中引用的函数名称)原创 2016-12-22 21:58:12 · 2210 阅读 · 0 评论 -
Webpack-简介
Webpack 简介Webpack 是一个模块打包器,用来把程序源码打包到方便易用的块中,便于浏览器加载,可以替代 angular2 中模块引用工具 SystemJS运用到生产环境中包(bundle)就是一个 JavaScript 文件,将一对资源(assets)合并一起,以便在一个文件请求中返回给客户端,包中可以包含 Javascript、css、html及其他类型文件原创 2016-12-22 21:59:18 · 331 阅读 · 0 评论 -
Threejs初识-创世之旅
在这篇 Threejs 简介中,我们先忽略具体构建 Threejs 的整体工程,主要了解使用 Threejs 构建三维应用需要用到的要素原创 2016-12-23 18:00:44 · 615 阅读 · 0 评论 -
Angular 动画
Angular 动画Angular 的动画系统除了可以构建出与原生CSS动画性能相同的动画,还可以保持动画逻辑与应用代码的紧密集成能力,让动画更容易被触发和控制原创 2016-12-26 17:37:18 · 462 阅读 · 0 评论 -
Angular2 模板语法精粹之深入
Angular2 作为MVVM 模型-视图-视图模型框架,组件扮演着控制器或者视图模型的角色,模板则扮演视图的角色,熟练灵活的使用模板语法,可以最快速便捷的构建出复杂应用本篇文章作为 Angular 模板语法总结的深入篇,涵盖了最通用的模板范例和原理,可以灵活的根据产品需求,搭建简洁有效的自定义模板原创 2016-12-27 23:26:27 · 484 阅读 · 0 评论 -
Angular2 模板语法精粹之浅出
承接上一篇文章,Angular2 模板语法精粹之深入,这篇文章主要介绍了 angular2 内置的一些常用模板语法,看完这篇的内容,可以很快的使用内置指令和语法,构建出常用的组件模板,完成工作中大部分的需求逻辑原创 2016-12-27 23:30:26 · 317 阅读 · 0 评论 -
Shell 脚本实践
Shell 脚本实践Shell 用 C 语言编写的程序,既是一种命令行语言,又是一种程序设计语言原创 2017-01-03 17:35:32 · 808 阅读 · 0 评论 -
Ng2 应用初始化脚本v0.1
扩展基于ng2框架的应用,使用脚本生成引导文件与模块根目录,规范项目结构原创 2017-01-03 23:32:47 · 489 阅读 · 0 评论 -
TSLint-Angular 配置详解
代码风格和语义的检查工具,帮助规范 TS 和 Angular 的代码书写;(TSLint 的官方文档全英文且极其简略,不友好 : ( ) 安装:=> cd smartisan2017=> cnpm install // 安装相关依赖,包括 codelyzer、tslint-angular 及依赖全局安装 tslint & typescriptcnpm...原创 2018-09-07 15:22:40 · 7846 阅读 · 0 评论