随笔分类 - 前端
摘要:Node.js的介绍 什么是 Node.js(官方解释) Node.js 是一个基于 Chrome V8 引擎的 JavaScript 代码运行环境。 Node.js使用了一个 事件驱动 、 非阻塞式I/O 的模型( Node.js的特性),使其轻量级又高效。 Node.js 的包管理器 npm 是
阅读全文
摘要:本文最初发表于 "博客园" ,并在 "GitHub" 上持续更新 前端的系列文章 。欢迎在GitHub上关注我,一起入门和进阶前端。 以下是正文。 同步和异步 同步和异步的概念 同步:必须等待前面的任务完成,才能继续后面的任务。 异步:不受当前任务的影响。 拿排队举例: 同步:在银行排队时,只有等到
阅读全文
摘要:本文最初发表于 "博客园" ,并在 "GitHub" 上持续更新 前端的系列文章 。欢迎在GitHub上关注我,一起入门和进阶前端。 以下是正文。 CSS 预处理器 为什么要有 CSS 预处理器 CSS基本上是设计师的工具,不是程序员的工具 。在程序员的眼里,CSS是很头痛的事情,它并不像其它程序语
阅读全文
摘要:本文最初发表于 "博客园" ,并在 "GitHub" 上持续更新 前端的系列文章 。欢迎在GitHub上关注我,一起入门和进阶前端。 以下是正文。 Bootstrap 介绍 Bootstrap 是非常流行的前端框架。特点是:灵活简洁、代码优雅、美观大方。它是由Twitter的两名工程师 Mark O
阅读全文
摘要:本文最初发表于博客园,并在GitHub上持续更新前端的系列文章。欢迎在GitHub上关注我,一起入门和进阶前端。 以下是正文。 前言 本文主要内容: 过渡:transition 2D 转换 transform 3D 转换 transform 动画:animation 过渡:transition tr
阅读全文
摘要:本文最初发表于 "博客园" ,并在 "GitHub" 上持续更新 前端的系列文章 。欢迎在GitHub上关注我,一起入门和进阶前端。 以下是正文。 前言 我们在上一篇文章中学习了 "CSS3的选择器" ,本文来学一下CSS3的一些属性。 本文主要内容: 颜色 文本 盒模型中的 box sizing
阅读全文
摘要:本文最初发表于 "博客园" ,并在 "GitHub" 上持续更新 前端的系列文章 。欢迎在GitHub上关注我,一起入门和进阶前端。 以下是正文。 CSS3介绍 CSS3在CSS2基础上, 增强 或 新增 了许多特性, 弥补了CSS2的众多不足之处,使得Web开发变得更为高效和便捷。 CSS3的现状
阅读全文
摘要:本文最初发表于 "博客园" ,并在 "GitHub" 上持续更新 前端的系列文章 。欢迎在GitHub上关注我,一起入门和进阶前端。 以下是正文。 HTML5的介绍 Web 技术发展时间线 1991 HTML 1994 HTML2 1996 CSS1 + JavaScript 1997 HTML4
阅读全文
摘要:本文最初发表于 "博客园" ,并在 "GitHub" 上持续更新 前端的系列文章 。欢迎在GitHub上关注我,一起入门和进阶前端。 以下是正文。 前言 jQuery提供的一组网页中常见的动画效果,这些动画是标准的、有规律的效果;同时还提供给我们了自定义动画的功能。 显示动画 方式一: 解释:无参数
阅读全文
摘要:本文最初发表于 "博客园" ,并在 "GitHub" 上持续更新 前端的系列文章 。欢迎在GitHub上关注我,一起入门和进阶前端。 以下是正文。 jQuery 的介绍 引入 jQuery 的原因 在用 js 写代码时,会遇到一些问题: window.onload 事件有事件覆盖的问题,因此只能写一
阅读全文
摘要:本文最初发表于 "博客园" ,并在 "GitHub" 上持续更新 前端的系列文章 。欢迎在GitHub上关注我,一起入门和进阶前端。 以下是正文。 绑定事件的两种方式 我们在上一篇文章 "DOM操作详解" 中已经讲过事件的概念。这里讲一下注册事件的两种方式,我们以onclick事件为例。 方式一:o
阅读全文
摘要:本文最初发表于 "博客园" ,并在 "GitHub" 上持续更新 前端的系列文章 。欢迎在GitHub上关注我,一起入门和进阶前端。 以下是正文。 offset简介 我们知道,三大家族包括:offset/scroll/client。今天来讲一下offset,以及与其相关的匀速动画。 offset的中
阅读全文
摘要:本文最初发表于 "博客园" ,并在 "GitHub" 上持续更新 前端的系列文章 。欢迎在GitHub上关注我,一起入门和进阶前端。 以下是正文。 BOM的介绍 JavaScript的组成 JavaScript基础分为三个部分: ECMAScript:JavaScript的语法标准。包括变量、表达式
阅读全文
摘要:本文最初发表于 "博客园" ,并在 "GitHub" 上持续更新 前端的系列文章 。欢迎在GitHub上关注我,一起入门和进阶前端。 以下是正文。 京东网页上,可以看到下面这种tab栏的切换: 我们把模型抽象出来,实现一下。 举例引入:鼠标悬停时,current元素的背景变色 本段我们先举一个例子,
阅读全文
摘要:本文最初发表于 "博客园" ,并在 "GitHub" 上持续更新 前端的系列文章 。欢迎在GitHub上关注我,一起入门和进阶前端。 以下是正文。 前言 JavaScript的组成 JavaScript基础分为三个部分: ECMAScript:JavaScript的语法标准。包括变量、表达式、运算符
阅读全文
摘要:本文最初发表于 "博客园" ,并在 "GitHub" 上持续更新 前端的系列文章 。欢迎在GitHub上关注我,一起入门和进阶前端。 以下是正文。 数组的定义 之前学习的数据类型,只能存储一个值(字符串为一个值)。如果我们想存储多个值,就可以使用数组。 数组的定义 (1)字面量定义。举例: (2)对
阅读全文
摘要:本文首发于 "博客园" ,并在 "GitHub" 上持续更新 前端的系列文章 。欢迎在GitHub上关注我,一起入门和进阶前端。 以下是正文。 if语句 最基本的if语句 if语句的结构体:(格式) if语句也成为“选择语句”、“条件判断语句”。 多分支的if语句 格式: 以上所有的语句体中,只执行
阅读全文
摘要:我们在上一篇文章中讲到了JS中变量的概念,本篇文章讲一下运算符和表达式。
阅读全文
摘要:JavaScript基础分为三个部分:ECMAScript(JavaScript的语法标准)、DOM(操作网页上的元素的API)、BOM(操作浏览器部分功能的API)
阅读全文
摘要:CSS的定位属性有三种,分别是绝对定位、相对定位、固定定位。
阅读全文