随笔分类 -  前端

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