响应式Web设计(Responsive Web design)的理念是：页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。 媒体查询准备工作设置Meta标签 首先我们在使用Media的时候需要先设置下面这段代码，来兼容移动设备的展示效果：<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">参数解释： width = device-w…
Transform 转换Transform 属性向元素应用 2D 或 3D 转换，该属性允许我们对元素进行旋转、缩放、移动或倾斜，主要有以下几个方法：translate()、rotate()、scale()、skew()、matrix()。 JavaScript 语法: object.style.transform="rotate(xdeg)"Css语法：transform: none|transform-functions; Transform 属性: transform 向元素应用 2D 或 3D 转换。 transform-origin 允许你改变被转换元素的位置。…
[TOC] ##1.理解架构 ###1.1 最新jQuery2.1.1版本的结构： ;(function(global, factory) { factory(global);}(typeof window !== "undefined" ? window : this, function(window, noGlobal) { var jQuery = function( selector, context ) {222return new jQuery.fn.init( selector, context );22&#…
这里总结下使用 canvas 绘制时钟的步骤。 下面来拆分一下绘制步骤： 绘制时钟的表框和刻度； 绘制时钟的指针； 使用定时器动态更新时间。 根据以上步骤可以写出绘制的主要代码： draw() { const drawClock = () => { this.ctx.cle
之前在开发中需要用到雷达图（蛛网图），这里总结下使用 canvas 绘制雷达图的步骤。 对于雷达图这种中心对称的图形，绘制的要点就是找到圆心的位置，设为中心点，然后边旋转边绘制。 演示： See the Pen canvas draw radar by tcatche (@tcatche) on C
在开发中，通常会使用 git checkout 进行分支切换和变更撤销，checkout 是一个比较复杂的命令，承载了很多功能有点臃肿，因此引入了两个新的命令 git switch 和 git restore 用来拆分 git checkout 命令，本文介绍如何使用 git switch 进行分支
在开发中，通常会使用 git checkout 进行分支切换和变更撤销，checkout 是一个比较复杂的命令，承载了很多功能有点臃肿，因此引入了两个新的命令 git switch 和 git restore 用来拆分 git checkout 命令，本文介绍如何使用 git restore 进行变
在开发中，有时候需要紧急退回某个线上版本修复问题，特别是 reset 操作回滚之前的版本，如果操作不注意会发现新的一些工作的提交历史丢失了，这个时候 git reflog 会很有帮助。 git reflog 和 git log 功能很相近，都是记录日志的，和 git log 不同在于 git ref
在开发过程中，有些时候会出现一些错误的提交，这个时候可以用 git revert 命令把这些错误的提交给回滚了。 介绍git revert 命令用来将指定的 commit 回滚。 回滚原理是通过新建一个指定的提交的反操作的提交。 下面以上面的例子介绍 revert 的使用，假设当前的分支状态如下图所