前端技术
你真的了解css像素嘛？
在日常开发中，px一定是大家接触过最多的css单位，但是你真的了解px嘛？1px在屏幕中到底是多大呢？这些问题都会在接下来的文章中揭晓～
...
实现一个超简单的Promise
一 Promise函数
Promise函数是es6中一个比较有用的特性，一般用来处理异步操作。让你的代码中不再只有回调函数套回调函数。
promise函数的运行流程如下图：
来看下面一个简单demo
setTimeout(function(){
console.log(‘hello’)
},1000)
下面再看下
...
vue pomodoro (番茄钟) 组件 – 基于vue2.x
简介
本人一直是一个番茄工作法的簇拥，所以决定写一个基于vue 2.x开发的番茄钟 demo 来练练手。灵感来自于另一个组件vue-radial-progress。
效果图demo
效果图如下所示：
安装
npm install vue-pomodoro –save
用法
用法1
<template
...
初探响应式布局 – 以小项目为例
一 响应式布局
最近在项目开发的时候，发现了自己对css布局方面的一些不足之处，特别是适配不同分辨率方面，几乎是没有经验的。在查阅了相关资料之后发现，响应式布局是目前解决不同分辨率显示问题的最好解决方案。达到一次设计，普遍使用的功能。本文主要以一个小项目为例，来说明这个概念。响应式Web设计
二 media查询
med
...
初探模块系统 – 什么是模块
一 什么是模块？
我们在日常的开发中，经常使用诸如webpack,requireJS,seaJS 等前端资源模块化管理工具，这些工具让我们在开发的过程中，基于"模块"进行代码的编写。那么到底什么是模块化呢？
模块化: 完成一个特定功能或者包含完成某项任务所包含的所有内容的一种组织形式。维基百科，实
...
浅谈 es6 解构赋值
一 我们为什么要使用解构
在学习ES6新的特性解构赋值之前，我们先来看看为什么要使用解构，以前如果我们需要获取对象或者数组里面的数据，并且把它们存入数组，需要写很多代码。如下
const person = {
name: ‘little bear’,
age: 18,
sex: ‘男’
}
let age
...
ES6 — 初探箭头函数
我们在日常开发中，可能会需要写类似下面的代码
const Person = {
‘name’: ‘little bear’,
‘age’: 18,
‘sayHello’: function () {
setInterval(function () {
consol
...