NodeJS Docker 入门实践 1.1. Dockerfile文件编写 在项目中新建Dockerfile文件,写入如下内容: FROM node:8.12.0-alpine ENV NODE_ENV production WORKDIR /usr/src/app
NodeJS NodeJS Stream 理解 在unix中,我们可以使用|符号来实现流,我们经常会在Shell中用到管道操作符。在Node中,流模块的基本操作符叫做.pipe()。其中 Stream 涉及了操作系统中经典的生产者-消费者模型。 Stream 是 Node 移动数据的方式
javascript NodeJS Buffer 理解 JavaScript 起初为浏览器而设计,没有读取或操作二进制数据流的机制。Buffer类的引入,则让NodeJS拥有操作文件流或网络二进制流的能力。 Buffer基本概念 Buffer 对象的内存分配不是在V8的堆内存中,而是Node在C
javascript React Diff 源码分析 本文主要按照目前React V16.4.1来介绍 Fiber介绍 What is “React Fiber”? Fiber is the new reconciliation engine in React 16. Its main goa
vue.js [译] 5个Vuex插件,给你的下个VueJS项目 原文:5 Vuex Plugins For Your Next VueJS Project 作者:Anthony Gore 原文发布日期:2017年9月11日 使用 Vuex 来管理 Vue 的状态,有很多好的理由。其中之一就是,通过 V
javascript 打造自己的JavaScript武器库 自己打造一把趁手的武器,高效率完成前端业务代码。 前言 作为战斗在业务一线的前端,要想少加班,就要想办法提高工作效率。这里提一个小点,我们在业务开发过程中,经常会重复用到日期格式化、url参数转对象、浏览器类型判断、节流函数等一类函数,这
javascript [译]14个你可能不知道的JavaScript调试技巧 译者:SlaneYang 原文:https://raygun.com/javascript-debugging-tips 以更快的速度和更高的效率来调试JavaScript 熟悉工具可以让工具在工作中发挥出更大的作用。尽管江湖传言 Jav
HTTP [译]RESTful API 设计最佳实践 原文:RESTful API Design. Best Practices in a Nutshell. 作者:Philipp Hauer 项目资源的URL应该如何设计?用名词复数还是用名词单数?一个资源需要多少个URL?用哪种HTTP方
HTTP [译] 如何在Ubuntu 16.04上部署支持HTTP / 2的Nginx 原文:How To Set Up Nginx with HTTP/2 Support on Ubuntu 16.04 | DigitalOcean 作者:Sergey Zhukaev 介绍 NGINX 是一个快速可靠的开源Web服务器。由于
VS Code [译] 使用 VS Code 加速前端开发 原文:Supercharging Frontend Development with VS Code 作者:zachcodes 过去几天,为了在开发 GraphQL / React 应用时能获得一个更好的工作体验,我开始使用 Visual
DNS 性能优化之 DNS Prefetch 原理 DNS原理 DNS(Domain Name System, 域名系统),作为域名和IP地址相互映射的一个分布式数据库。 当浏览器访问一个域名的时候,需要解析一次DNS,获得对应域名的ip地址。在解析过程中,按照浏览器缓存、系统缓存、路
javascript AngularUI Router Angular-Ui 对于 AngularJS 开发者来说是一个非常重要的工具,其中 UI-Router 又是重中之重。UI-Router 插件提供了“嵌套作用域等规则”等有用的特性,对于复杂项目开发非常实用,最近在项目中开始使用 UI-R
性能优化,浏览器 浏览器渲染优化 60fps和设备刷新率 当今大多数设备的屏幕刷新率都是 60次/秒 。因此,如果在页面中有一个动画或渐变效果,或者用户正在滑动页面,那么浏览器渲染动画或页面的每一帧的速率,也需要跟设备屏幕的刷新率保持一致。 也就是说,浏览器对每一帧画面的渲
CSS3 Flexbox布局实践 网页布局(layout)是CSS的一个重点应用,布局的传统解决方案基于盒模型,依赖display属性+position属性+float属性。2009年,W3C提出了一种新的方案—-Flex布局,可以简便、完整、响应式地实现各种页面布局,Fl
javascript Hoisting声明提升 JavaScript程序在运行前有一个预编译的过程,而声明提升就发生在预编译的过程 预编译规则 对var关键字提前声明(值先设为undefined,执行时才给实际值) if ("a" in window) { var
切图 Photoshop CC 自动切图 前端开发人员经常需要将很多图层切出成独立的图片。有了自动切图功能,无需花更多时间来切图了。只需在图层名后添加相应格式后缀(如.png),即可自动输出所需格式的图片。 保持菜单“编辑->首选项->增效工具”中的“生成器”为启用状态