Node.JS调试

Node.JS开发过程调试必不可少,一般常用的调试方法有打日志和断点调试。 打日志 Node.JS中实现了和浏览器JS几乎一致的Console,在需要较少的调试信息时,使用Console的一些API如log,dir可以方便的在终端中输出有效的信息,是一种简洁实用的方法,但是对于需 »

关于JS模块系统,Webpack做了什么

在实际JS开发工作中,我们通常会以模块化的方式进行开发,所以我们用到了babel-loader, ts-loader, 以及webpack,在代码中,经常会用到ES,CommonJS,AMD等多种模块系统混用,所以有必要知晓打包器为我们做了什么让最终代码能够在浏览器等不支持原有模 »

浏览器解析渲染以及页面优化

浏览器对页面的加载、解析以及渲染是一个非常复杂的话题,这里我只对这个过程做一个非常概括的总览,以初步了解这些过程,对于前端编程如何优化页面给予一些原理性的支撑。 为什么要了解这些过程 了解浏览器的资源加载,可以使我们在引入外部样式、脚本资源时进行更合理的时机选择 了解浏览器文档解 »

[前端回顾] 详解Cookie

什么是Cookies 全称HTTP Cookie,又称Web cookie或Browser cookie,是由服务器发送至用户浏览器客户端并存储的一些信息片段数据。它通常用于解决在无状态HTTP协议下的状态保持问题。Web发展至今,Cookie仍然发挥着重要作用,尚未被完全替代。 »

[前端回顾]CSS BFC

CSS BFC(Block Formatting Context)是网页渲染的一个重要原则,而又常常被忽视或注意不到,所以这里来回顾一下BFC是什么。 什么是BFC BFC是块级格式化上下文,是指一个独立的块级渲染区域,用来定义块级元素的渲染布局规则,每个区域与外部是隔离的,内部 »

编写自定义TSLint Rules

在使用TypeScript编写前端代码时,使用TSLint规范化代码是一个不错的选择。在必要的时候,除了常见的一些规则,还可以自己根据团队需要编写自定义的代码检查规则,这里以实例讲解如何编写一个TSLint Rule并应用。 基本要求 TSLint Rule的代码文件名、内容等都 »

React Native 布局

开始学习React Native,首先必须了解其布局的特性,因为其与传统的Web开发中的布局有着不小的差异。 尺寸 React Native#Dimensions RN提供的 Dimensions API可以让我们在应用程序内获得屏幕和窗体的宽高尺寸。 var { heigh »