自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

moduzhang的博客

对自己所认知的事物,永远保持一颗敬畏之心。

原创 Android 4.4 及以下 TextView 使用矢量图报错!

项目在 Android 5.0 以上的机子运行正常,在 Android 4.4 及以下的机子上直接崩溃。异常显示找不到资源文件,具体到就是 TextView 中的 background 属性使用的矢量图,改为一般图片后项目又正常运行了。 矢量图只能在 AppCompatImageView 和 A...

2018-12-10 11:56:50 463 1

原创 前端进阶-编写测试代码

Sublime Text 快捷键 Gulp Gulp 是基于 node.js 的一个前端自动化构建工具,开发这可以使用它构建自动化工作流程(前端集成开发环境)。 使用 gulp 你可以简化工作量,让你把重点放在功能的开发上,从而提高你的开发效率和工作质量。 安装 Gulp 在安装 gulp 之前,...

2018-12-04 18:52:28 385 0

原创 前端进阶-样式

创建聚焦样式 :focus 伪类,表示获得焦点的元素(如表单输入)。当用户点击或触摸元素或通过键盘的 “tab” 键选择它时会被触发。 outline CSS 属性,设置一个或多个单独的轮廓属性的简写属性 , 例如 outline-style, outline-width 和 outline-c...

2018-11-27 15:18:11 133 0

原创 前端进阶-ES6内置功能

Symbol Symbol 简介 Symbol 是 JS 原始数据类型列表中(numbers、strings、booleans、null、undefined)的最新补充。Symbol 是一个唯一标识符,常用于唯一标识对象中的属性。 碗这个对象中有几个水果属性(水果也是对象),当有两个相同的水果在...

2018-11-27 11:44:28 120 0

原创 前端进阶-ES6函数

箭头函数 将函数转换为箭头函数 const upperizedNames = ['Farrin', 'Kagure', 'Asser'].map(function(name) { return name.toUpperCase();...

2018-11-23 14:46:23 173 0

原创 原型继承:子类

当在任何对象上调用任何属性时,JavaScript 引擎将首先在该对象中查找该属性(即该对象自己的、非继承的属性)。如果没有找到该属性,JavaScript 将查看该对象的原型。如果在对象原型中仍然找不到该属性,则 JavaScript 将在原型链上继续搜索。JavaScript 中的继承重点就...

2018-11-16 20:24:36 160 0

原创 前端进阶-类和对象

对象可以表示数据和功能。 构造函数 构造函数:结构和语法 function SoftwareDeveloper() { this.favoriteLanguage = 'JavaScript'; } 首先,构造函数并不声明局部变量,而是使用 this 关键字来保存数据。以...

2018-11-16 19:20:23 818 0

原创 前端进阶-运行时函数

一级函数 函数是一级函数 在 JavaScript 中,函数是一级函数。这意味着,就像对象一样,你可以像处理其他元素(如数字、字符串、数组等)一样来处理函数。JavaScript 函数可以: 存储在变量中 从一个函数返回 作为参数传递给另一个函数 注意,虽然我们可以将函数当作对象来处理,但是函...

2018-11-15 19:28:54 158 0

原创 前端进阶-深入了解对象

如何创建、访问和修改对象? JavaScript 函数为什么是一级函数? JavaScript 对传统类和继承的抽象? 前端入门回顾 数组 数组是 JavaScript 中最有用的数据结构之一。在本质上,数组就是一个由方括号(即 [ ])括起来的有序元素集合。数组可以存储许多不同...

2018-11-13 20:26:29 104 0

原创 高效输入

高效输入1 开始有效输入,速度带来转化。 <form class="date-and-time-picker> <label for="date"> <span>What day...

2018-09-28 17:17:03 170 0

原创 jQuery事件监听

monitorEvents() 浏览器事件监听 控制或右键单击元素并选择“检查 (Inspect)”。在 javaScript 控制台标签中输入: monitorEvents($0) 现在,将鼠标悬停在该元素上时,关注或单击它, 将显示触发事件的名称及其数据。 要停止获取该数据,只需在控制台中写入...

2018-09-26 15:35:46 6826 0

原创 jQuery入门-DOM操作

jQuery API 文档 切换 toggleClass() ,该方法既可以添加/删除一个类名,这取决于与元素是否已经有了这个类名。 let featured; featured = $('.featured'); featured.toggleClass('feat...

2018-09-23 14:59:40 122 0

原创 jQuery入门-DOM/$/选择器

jQuery 就是一个 JS 库,它并不是一门独立的语言。jQuery 存在的原因是纯 JS 操作 DOM 并不方便。 我们可以使用 script 标签向网页中引入 jQuery。在服务器上存储 js 代码并通过制定路径引入网页(使用托管的 CDN-内容分发网络上的特定版本 jQuery)。...

2018-09-19 16:41:05 123 0

原创 性能

如何衡量代码速度?如何编写合理高效的代码?全面学习 JS 事件循环以及它会如何影响代码编写过程? 高效添加页面内容 使用循环添加内容 for (let i = 1; i <= 200; i++) { const newElement = document.creat...

2018-09-06 17:19:48 111 0

原创 使用浏览器事件

上篇文章学习了如何添加、删除页面内容,以及为页面内容设置样式。我们需要在 JS 文件中编写 JS 代码。但是如果我们在 JS 文件中编写所有代码,当我们加载页面时,所有更改将立即执行。这篇文章将学习如何根据用户的操作,运行操纵 DOM 的 JS 代码。 接下来我们将学习: 事件,什么是事件 ...

2018-09-04 19:21:31 981 0

原创 使用JavaScript 创建内容

我们可以编写相应的 DOM 代码,如将返回的元素结果保存到变量中: const nanodegreeCard = document.querySelector('.card'); 更新现有页面内容 元素的内部 HTML 每个元素都从元素接口继承属性和方法。这意味着,...

2018-09-03 18:18:03 144 0

原创 JavaScript和DOM

文档对象模型(DOM) 使用 JavaScript 创建内容 使用浏览器事件 性能 DOM 我们将深入了解文档对象模型 (DOM) 是什么、如何创建 DOM,以及如何使用 JavaScript 来访问它。 DOM 代表“文档对象模型”,是一种树状结构,是HTML 文档的表示,反映了元...

2018-09-02 17:46:42 105 0

原创 与远程仓库保持同步

创建 Pull Request Pull Request(拉取请求)是向初始或源仓库的维护者发出的请求,以让其将你在他们项目的 fork 上所做的更改应用在他们的项目中。你请求他们拉取你做的更改。你需要完成一些操作: 你必须 fork 源仓库 将你的 fork 克隆到你的计算机 进行一些 c...

2018-08-30 17:49:27 645 0

原创 Fork仓库

在版本控制术语中,如果你 “fork” 一个仓库,则是指复制它。特别是当你 fork 属于别人的仓库时,你将制作他们仓库的完全一样的副本,之后这个副本便变成你的。 “fork” 的概念也不同于”克隆”。在克隆仓库时,你也会获得完全一样的仓库副本,但克隆发生在本地计算机上,并且克隆的是远程仓库。当...

2018-08-30 14:42:12 2047 0

原创 Git 使用远程仓库

远程仓库 什么是远程仓库 Git 是一个分布式版本控制系统,这意味着不存在一个主信息仓库。每位开发者使用的都是仓库的一个副本。因此,你可以拥有仓库的一个副本(它包含发布的 commit 和版本历史记录),并且你的朋友也可以拥有相同仓库的一个副本。每个仓库包含的信息与其他副本完全相同,没有哪一个...

2018-08-29 19:12:59 98 0

原创 Git命令(撤销更改)

更改最后一个 commit 你已经使用 git commit 命令提交了大量的 commit。现在,借助 –amend 选项,你可以更改最近的 commit。 $ git commit --amend git commit --amend 使你能够包含忘记包含的文件(或文件更改)。你可以执行...

2018-08-29 14:25:04 684 0

原创 Git(标签、分支和合并)2

合并分支 git merge 命令用来在 git 中合并分支: $ git merge <other-branch> 发生合并时,git 将: 查看将合并的分支 查看分支的历史记录并寻找两个分支的 commit 历史记录中都有的单个 commi...

2018-08-28 17:36:30 1217 0

原创 Mac上Git安装与配置

安装 Git Mac OS 实际上已经安装了 Git,但是我们可以重新安装,以便使用最新的版本: https://git-scm.com/downloads 下载 Mac 版软件 安装 Git 并选择所有默认选项 安装完毕后,你应该能够在命令行工具中运行 git。如果显示了使用信息,则一...

2018-08-28 10:05:56 1843 0

原创 Git(标签、分支和合并)1

git tag 命令 创建标签 git tag 命令用来标记特定的 commit 。当添加新的 commit 时,标签不会移动。 $ git tag -a beta 此命令将: 向最近的 commit 添加标签 如果提供了 SHA,则向具体的 commit 添加标签 注意,在上述命...

2018-08-27 19:14:35 1648 0

原创 Git命令(向仓库中添加 commit)

git add git add 命令用于将文件从工作目录移到暂存区,可接受多个文件名(用空格分隔)。 $ git add <file1> <file2> … <fileN> 要将所有文件提交到仓库中,首先...

2018-08-26 16:15:43 1356 0

原创 Git命令(查看仓库历史记录)

git log 命令 // 终端显示 git log 命令的输出结果 zhanghuabin-mac:course-git-blog-project zhanghuabin$ git log commit a3dc99a197c66ccb87e3f4905502a6c6eddd15b1 Aut...

2018-08-22 19:38:51 15669 0

原创 Git命令(init/clone/status)

之前文章讲述了版本控制系统的一些常用术语,在计算机上安装Git,并为 Git 做了一些初始化配置(比如名字和电子邮件),接下来介绍 使用 git init 创建 Git 仓库,使用 git clone 复制现有仓库并使用 git status 来确定仓库的状态。 创建仓库 在对 Git 仓库进...

2018-08-21 18:52:45 410 0

原创 Git 术语和初次配置

版本控制系统的主要目的是帮助你保留项目的详细历史记录,并且能够在不同的版本上进行工作。保留详细的项目历史记录很重要,因为这样可以看出一段时间内项目的进度。如果需要,你还可以回到项目的某个阶段,并恢复数据或文件。 版本控制系统模型包括两大主要类型: 集中式模型 - 所有用户都连接到一个中央的主...

2018-08-21 09:36:21 103 0

原创 Shell指令说明

一开始设计 Unix 系统时,计算机与终端之间的连接速度很慢,因此采用非常简短的命令使用起来速度更快。不仅 shell 是这样,Unix 系统的其他部分(例如 C 编程语言)也是这样。 打印 echo,打印指令,同 JS 的 console.log 和 Python 的 print。单词前面的...

2018-08-19 19:14:33 161 0

原创 前端 ES6 语法-2

For 循环系列 for...of 循环是最新添加到 JavaScript 循环系列中的循环。它结合了其兄弟循环形式 for 循环和 for...in 循环的优势,可以循环任何可迭代(也就是遵守可迭代协议)类型的数据。默认情况下,包含以下数据类型:String、Array、Map 和 Set,注...

2018-08-17 17:08:36 178 0

原创 前端 ES6 语法-1

概述 JS 语法的变化和添加 JS 函数的更新 新的 ES6 内置功能 如何将这些更新整合到 JS 项目中 JavaScript 编程语言的全新变化,Harmony、ES6 和 ES2015 它们只是同一事物的不同名称,重要的是,这些名称代表 JavaScript 编程语言的更新,经历了一些...

2018-08-17 15:19:56 1870 0

原创 前端JS入门-数组/对象

// 创建一个混合数据类型的 `mixedData` 数组 var mixedData = ["abcd", 1, true, undefined, null, "all the things"...

2018-08-15 18:48:50 358 0

原创 前端JS入门-循环/函数

While 循环 var start = 0; // 何时开始 while (start < 10) { // 何时停止 console.log(start); start = start + 2; // 如何进入下一个项目 } For 循环 for 循...

2018-08-14 18:13:42 416 0

原创 前端JS入门-数据类型/条件语句

概述 HTML 和 CSS 是标记语言。标记语言用于描述和定义文档中的元素。JavaScript 是编程语言。编程语言用于向机器发出指令。编程语言可用于控制机器的行为和表达算法。 所有主流浏览器都内置了 JavaScript 引擎,这使得浏览器可以运行和执行 JavaScript 代码。Jav...

2018-08-13 19:27:12 127 0

原创 Bootstrap 框架-按钮组组件

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> 按钮组也是一个独立的组件,所以可以找到...

2018-08-11 17:38:29 930 0

原创 Bootstrap 框架-下拉菜单

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> 下拉菜单 在 Bootstrap...

2018-08-11 15:22:09 1287 0

原创 Bootstrap 框架-网格系统

实现原理 网格系统的实现原理非常简单,仅仅是通过定义容器大小,平分 12 份(也有平分成 24 份或 32 份,但 12 份是最常见的),再调整内外边距,最后结合媒体查询,就制作出了强大的响应式网格系统。Bootstrap 框架中的网格系统就是将容器平分成 12 份。 在使用的时候大家可以根据...

2018-08-11 11:53:59 131 0

原创 Bootstrap 框架-表单(按钮/图像)

Bootstrap 框架的按钮也是一个独立部分,我们同样在不同的版本之中能找到对应的代码: LESS版本:查看源文件 buttons.less Sass版本:查看源文件 _buttons.scss 已编译版本:查看源文件 bootstrap.css 文件第1992行~第2353行 基本...

2018-08-10 17:27:22 713 0

原创 Bootstrap 框架-表单

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"> 基础表单 表单主要功能是用来与用户做...

2018-08-10 15:17:49 380 1

原创 Bootstrap 框架-排版

概述 GitHub上这样介绍 bootstrap: 简单灵活可用于架构流行的用户界面和交互接口的 html、css、javascript 工具集。 基于 html5、css3 的 bootstrap,具有大量的诱人特性:友好的学习曲线,卓越的兼容性,响应式设计,12列格网,样式向导文档。 自...

2018-08-09 19:38:34 954 0

提示
确定要删除当前文章?
取消 删除