前言 在三大前端框架中，Google开发的Angular.js出现最早但应用较少，国人开发的VUE在国内最火，今天的主角则是Facebook开发的React。 作为国内外最流行的前端框架，React最早被Facebook用于开发Instagram，在2013年5月开源。 React优点是，设计思想独特，性能出众，代码逻……

本文主要说一下回调函数、Promise以及中间件的概念与用法。   异步操作与回调函数 在实际开发中有些操作会耗费一些时间来获得结果，例如文件读写、网络请求、延时函数等等，这种时候就会采取异步操作避免阻塞等待，而如果需要获取异步操作的结果，必须通过回调函数。 var fs = require(‘fs’) co……

简介 对于前端（Front-End）来说，开发语言方面有且只有HTML、CSS、JavaScript这三种，至于VUE之类的框架也无非是基于这些语言之上的拓展。 而对于后端（Back-End）来说，可用的开发语言就很多了，例如我常用的Python、最常用的PHP、经久不衰的Java、.Net、Ruby、Go等等，各有自……

NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种： 允许用户从NPM服务器下载别人编写的第三方包到本地使用。 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。 本文记录一下常用……

传统的网页布局方案是基于盒子模型，依赖display、position、float等属性，这种布局方式对于特殊的布局来说比较难以实现，例如垂直居中等。 2009年，W3C提出了一种新的方案——Flex布局（CSS FlexBox），也就是弹性布局，用来为盒子模型提供最大的灵活性，成为了移动端Web开发的首选方案。 兼容……

上一篇主要说了5种注入JS脚本的方式和常用的功能，这一篇说一下不同注入方式之间的通信以及一些有用的小技巧。   通信 上一篇说的5种JS之间的通信方法，可以用一张图来表示。 其中，popup和background其实几乎可以视为一种东西，因为它们可访问的API都一样、通信机制一样、都可以跨域。   popup和back……

前言 这几天研究前端技术走火入魔，突发奇想琢磨着自己搞一个谷歌浏览器插件，因此找了好多教程，也算是有些收获，记录一下。 所谓chrome插件，严格来说应该叫做Chrome扩展(Chrome Extension)，是一个用Web技术开发、用来增强浏览器功能的软件，它其实就是一个由HTML、CSS、JS、图片等资源组成的一……

本文想简单介绍一下CSS像素、物理像素、逻辑像素、设备像素比等概念，并记录一下自己对于网页在不同平台的不同设备中的显示效果以及处理逻辑的思考。   概念介绍 CSS像素 CSS像素，顾名思义其实就是在网页开发中，用于CSS样式和Javascript代码中的px单位，是一个相对单位，在不同显示设备中可能显示为不同的物理像……