web前端
文章平均质量分 74
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 · 507 阅读 · 0 评论 -
ES6 Promise 总结
Promise 对象是 ES6 新增的异步 API 封装方案; 通过 new 一个 Promise 对象实例,可以创建一个单向状态机; Promise 对象有三种状态,pending,fulfilled,rejected pending 为初始态,fulfilled 和 rejected 为终止态; 通过 Promise 内制的 resolve 和 reject 函...原创 2018-09-12 16:23:34 · 466 阅读 · 0 评论 -
浏览器缓存汇总
针对静态资源(CSS、JS、图片)使用缓存 加载更快,节省带宽,降低服务器压力; 缓存分类,服务端缓存和客户端缓存,服务端指 CDN 缓存,客户端为浏览器缓存; 浏览器缓存机制 浏览器缓存分强缓存和协商缓存; 强缓存会直接从本地缓存中读取资源,不会发送请求至服务器;协商缓存会发送一个请求到服务器,如果命中协商缓存,服务器会返回 304 状态码,浏览器接收到请...原创 2018-08-13 20:02:09 · 370 阅读 · 0 评论 -
基于 Angular 的前端组件化
随着浏览器性能提升,新的技术和形式不断升级,前端开发工程师面对的交互和设计也日趋复杂,开发周期变长,旧有的项目维护困难,与新的功能难以兼容匹配。前端开发者也需要学习和使用传统软件开发的思路和工具。其中组件化是最早在前端范围内展开应用的开发思想,比如 Bootstrap 对于标签样式的规范就是一种前端组件化。本篇文章是基于 Angular 框架对前端组件化的一些实践和思考,如有纰漏,还请谅解,欢迎指...原创 2018-07-24 00:01:48 · 2661 阅读 · 0 评论 -
TypeScript基础-概述
TypeScript是JavaScript类型的超集,它可以编译成纯JavaScript。TypeScript可以在任何浏览器、任何计算机和任何操作系统上运行,并且是开源的。本文作为 TypeScript 笔记系列的第一篇,简要介绍了 TypeScript 的新特性和使用方法:)原创 2016-12-21 02:30:03 · 345 阅读 · 0 评论 -
Webpack-模块化系统简述
前端是基于多语言、多层次的编码和组织工作,同时,前端的交付基于浏览器,这些资源是通过增量加载的方式运行于浏览器端,如何在开发环境组织好这些碎片化的代码和资源,保证浏览器端快速、优雅的加载和更新,需要一个模块化的系统。原创 2016-12-22 21:56:47 · 613 阅读 · 0 评论 -
TypeScript基础-模块
TypeScript 模块从TypeScript 1.5开始,内部模块称作“命名空间”,外部模块则简称为“模块”;模块构造出了一个独立的作用域,模块内的变量、函数、类在模块外部不可见;如果想要暴露 A 模块内的 a 函数给 B 模块,需要在 A 中使用 export 语法,同时在 B 模块中 import 从 A 暴露出的 a 函数(可以改变 B 中引用的函数名称)原创 2016-12-22 21:58:12 · 2201 阅读 · 0 评论 -
Webpack-简介
Webpack 简介Webpack 是一个模块打包器,用来把程序源码打包到方便易用的块中,便于浏览器加载,可以替代 angular2 中模块引用工具 SystemJS运用到生产环境中包(bundle)就是一个 JavaScript 文件,将一对资源(assets)合并一起,以便在一个文件请求中返回给客户端,包中可以包含 Javascript、css、html及其他类型文件原创 2016-12-22 21:59:18 · 327 阅读 · 0 评论 -
Threejs初识-创世之旅
在这篇 Threejs 简介中,我们先忽略具体构建 Threejs 的整体工程,主要了解使用 Threejs 构建三维应用需要用到的要素原创 2016-12-23 18:00:44 · 610 阅读 · 0 评论 -
Angular 动画
Angular 动画Angular 的动画系统除了可以构建出与原生CSS动画性能相同的动画,还可以保持动画逻辑与应用代码的紧密集成能力,让动画更容易被触发和控制原创 2016-12-26 17:37:18 · 458 阅读 · 0 评论 -
Angular2 模板语法精粹之深入
Angular2 作为MVVM 模型-视图-视图模型框架,组件扮演着控制器或者视图模型的角色,模板则扮演视图的角色,熟练灵活的使用模板语法,可以最快速便捷的构建出复杂应用本篇文章作为 Angular 模板语法总结的深入篇,涵盖了最通用的模板范例和原理,可以灵活的根据产品需求,搭建简洁有效的自定义模板原创 2016-12-27 23:26:27 · 481 阅读 · 0 评论 -
Angular2 模板语法精粹之浅出
承接上一篇文章,Angular2 模板语法精粹之深入,这篇文章主要介绍了 angular2 内置的一些常用模板语法,看完这篇的内容,可以很快的使用内置指令和语法,构建出常用的组件模板,完成工作中大部分的需求逻辑原创 2016-12-27 23:30:26 · 313 阅读 · 0 评论 -
Ng2 应用初始化脚本v0.1
扩展基于ng2框架的应用,使用脚本生成引导文件与模块根目录,规范项目结构原创 2017-01-03 23:32:47 · 485 阅读 · 0 评论 -
TSLint-Angular 配置详解
代码风格和语义的检查工具,帮助规范 TS 和 Angular 的代码书写;(TSLint 的官方文档全英文且极其简略,不友好 : ( ) 安装:=> cd smartisan2017=> cnpm install // 安装相关依赖,包括 codelyzer、tslint-angular 及依赖全局安装 tslint & typescriptcnpm...原创 2018-09-07 15:22:40 · 7834 阅读 · 0 评论